Biblioteki hostowane przez Google to stabilna, niezawodna, szybka i dostępna na całym świecie sieć dystrybucji treści dla najpopularniejszych bibliotek JavaScript o otwartym kodzie źródłowym.
Google współpracuje bezpośrednio z głównymi zainteresowanymi stronami w przypadku każdej biblioteki i akceptuje najnowsze wersje w momencie ich udostępnienia.
Biblioteki
Aby wczytać bibliotekę hostowaną, skopiuj i wklej na stronie internetowej fragment kodu HTML tej biblioteki (pokazany poniżej). Aby na przykład wczytać jQuery, umieść w stronie internetowej fragment kodu <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>.
Zalecamy ładowanie bibliotek z sieci CDN przez HTTPS, nawet jeśli Twoja witryna korzysta tylko z HTTP. Obecnie wydajność jest wysoka, a pamięć podręczna działa tak samo. Pliki CDN są udostępniane z nagłówkami CORS i Timing-Allow i mogą być przechowywane w pamięci podręcznej przez rok.
Bootstrap
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script> - site:
- github.com/twbs/bootstrap
- wersje:
- 5.3.3
Bootstrap-Table
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/bootstrap-table/1.23.2/dist/bootstrap-table.min.css"></script> - site:
- github.com/wenzhixin/bootstrap-table
- wersje:
- 1.23.2
CesiumJS
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script> - site:
- github.com/CesiumGS/cesium
- wersje:
- 1,78
D3.js
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script> - site:
- d3js.org
- versions:
Dojo
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script> - site:
- dojokit.org
- wersje: Po
-
Ext Core
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> - site:
- sencha.com/products/extcore
- 版本:
- 3.1.0、3.0.0
Hammer.JS
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script> - site:
- hammerjs.github.io
- wersje:
- 2.0.8
Indefinite Observable
- fragment:
-
<script type="module">
import { IndefiniteObservable } from "https://ajax.googleapis.com/ajax/libs/indefinite-observable/2.0.1/indefinite-observable.bundle.js";
</script> - site:
- https://github.com/material-motion/indefinite-observable-js
- wersje:
- 2.0.1, 1.0.1
jQuery
- 3.x 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> - 2.x 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> - 1.x 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> - site:
- jquery.com
- 版本:
- . .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1、.1 .1、.1、.1、.1、.1、3、3、3、3.0、3.6.1、3.6.0、3.5.1、3.5.0、3.4.1、3.4.1、3.2,
- 注意:
- 3.3.0、2.1.2、1.2.5 和 1.2.4 未托管,因为它们的野生生活短而不稳定。
jQuery Mobile
- fragment:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script> - site:
- jquerymobile.com
- wersje:
- 1,4,5, 1,4,4, 1,4,3, 1,4,2, 1,4,1, 1,4,0
- Uwaga:
- Ta biblioteka wymaga biblioteki jQuery. Przed załadowaniem tego modułu musisz też wczytać bibliotekę jQuery.
jQuery UI
- snippet:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"></script> - site:
- jqueryui.com
- versions:
- 1.14.1, 1.14.0, 1.13.3, 1.13.2, 1.13.1, 1.13.0, 1.12.1, 1.12.0, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2
- note:
- This library depends on jQuery. You must also load jQuery before
loading this module. Version 1.8.3 is not hosted due to its short
life, and the alias
1.8.3actually loads 1.8.4.
List.js
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script> - site:
- listjs.com
- wersje:
- 2.3.1
Material Motion
- fragment:
-
<script type="module">
import {
Draggable,
Point2DSpring,
Tossable,
combineStyleStreams,
getPointerEventStreamsFromElement,
} from "https://ajax.googleapis.com/ajax/libs/material-motion/0.1.0/material-motion.bundle.js";
</script> - site:
- https://github.com/material-motion/material-motion-js
- wersje:
- 0,1,0
Model-Viewer
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script> - site:
- modelviewer.dev
- wersje:
-
3.0.0, 2.1.1, 2.1.0, 2.0.2, 2.0.1, 2.0.0, 1.12.0, 1.11.1, 1.10.0, 1.9.0, 1.8.0, 1.7.2, 1.1.1,1,1,1,1,1,11,10,1.1,10,1,10,1,10,1,10,1,1,1, 1,7,
MooTools
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script> - site:
- mootools.net
- wersje:
- 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.
- Uwaga:
- W wersji 1.5.1 i starszych nazwa pliku w wersji minifikowanej nosi nazwę mootools-yui-compress.js zamiast mintools.min.js.
Myanmar Tools
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_detector.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_converter.min.js"></script> - site:
- https://github.com/google/myanmar-tools/
- zalecane wersje:
- 1,2,1
- wszystkie wersje hostowane:
- 1.0.1
- 1.1.0
- 1.1.1
- 1.1.3
- 1.2.0
- 1.2.1
Prototype
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script> - site:
- prototypejs.org
- wersje:
- 1,7.3.0, 1.7.2.0, 1.7.1.0, 1.7.0.0, 1.6.1.0, 1.6.0.3, 1.6.0.2
script.aculo.us
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script> - site:
- script.aculo.us
- 版本:
- 1.9.0、1.8.3、1.8.2、1.8.1
- 注意:
-
此库依赖于
Prototype。在加载此模块之前,您必须先加载原型。
Shaka Player
- snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/5.1.1/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/5.1.1/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/5.1.1/controls.css"> - site:
- https://github.com/google/shaka-player/
- maintained versions:
- 5.1.1, 5.0.12, 4.16.28, 4.15.41
- all hosted versions:
- 5.1.0 - 5.1.1, 5.0.0 - 5.0.12, 4.16.0 - 4.16.28, 4.15.0 - 4.15.41, 4.14.0 - 4.14.28, 4.13.0 - 4.13.25, 4.12.0 - 4.12.18, 4.11.0 - 4.11.21, 4.10.0 - 4.10.26, 4.9.0 - 4.9.36, 4.8.0 - 4.8.20, 4.7.0 - 4.7.15, 4.6.0 - 4.6.18, 4.5.0, 4.4.0 - 4.4.3, 4.3.0 - 4.3.16, 4.2.0 - 4.2.14, 4.1.0 - 4.1.7, 4.0.0 - 4.0.5, 3.3.0 - 3.3.19, 3.2.0 - 3.2.21, 3.1.0 - 3.1.8, 3.0.0 - 3.0.15, 2.5.0-beta - 2.5.23, 2.4.0 - 2.4.7, 2.3.0 - 2.3.10, 2.2.0 - 2.2.10, 2.1.0 - 2.1.9, 2.0.6 - 2.0.9, 1.6.5
SPF
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script> - site:
- youtube.github.io/spfjs
- wersje:
- 2.4.0, 2.3.2, 2.3.1, 2.3.0, 2.2.0, 2.1.2, 2.1.1, 2.1.0, 2.0.1, 2.0.0
SWFObject
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> - site:
- github.com/swfobject/swfobject
- 版本:
- 2.2、2.1
three.js
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script> - site:
- threejs.org
- wersje:
- R84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49
Web Font Loader
- fragment>
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> - site:
- github.com/typekit/webfontloader
- wersje:
- 1,6,26, 1,6,16, 1,5,18, 1,5,10, 1,5,6, 1,5,3, 1,5,2, 1,5,0
Rozwiązywanie problemów
Widzisz nieaktualną wersję? Upewnij się, że nie używasz linków do „wersji automatycznej”, np.
/jqueryui/1/..., ale adresów URL odnoszących się do konkretnych wersji. Ze względu na obawy dotyczące buforowania i brak zgodności nawet między wersjami podrzędnymi jakiś czas temu wycofaliśmy i przestaliśmy aktualizować automatyczne aliasy wersji, więc będą one zawsze odnosić się do starej wersji (aby nie uszkodzić istniejących witryn, które nadal ich używają).Jeśli napotkasz problemy:
- Sprawdź, czy nie ma literówek. Pamiętaj, że w JavaScript rozróżniana jest wielkość liter.
- Użyj debugera JavaScriptu. W Chrome użyj Narzędzi deweloperskich w Chrome. W przeglądarce Firefox możesz używać wbudowanych Narzędzi deweloperskich. W IE możesz użyć narzędzi programistycznych F12.