Hostowane biblioteki Google to stabilna, niezawodna i szybka sieć dystrybucji treści o wysokiej przepustowości, dostępna na całym świecie i obsługująca najpopularniejsze biblioteki JavaScript o otwartym kodzie źródłowym.
Google współpracuje bezpośrednio z kluczowymi interesariuszami każdej biblioteki i akceptuje najnowsze wersje w miarę ich wydawania.
Biblioteki
Aby załadować hostowaną bibliotekę, skopiuj i wklej fragment kodu HTML tej biblioteki (pokazany poniżej) na swojej stronie internetowej. Aby na przykład załadować jQuery, umieść fragment kodu <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
na stronie internetowej.
Zalecamy wczytywanie bibliotek z CDN przez HTTPS, nawet jeśli Twoja własna witryna korzysta tylko z HTTP. Obecnie wydajność jest wysoka, a buforowanie działa tak samo. Pliki CDN są udostępniane z nagłówkami CORS i Timing-Allow oraz 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
CesiumJS
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>
- site:
- github.com/CesiumGS/cesium
- 版本:
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
- site:
- sencha.com/products/extcore
- versions:
- 3.1.0, 3.0.0
Hammer.JS
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
- site:
- hammerjs.github.io
- 版本:
- 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
- Fragment 3.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- Fragment 2.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
- Fragment 1.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- site:
- jquery.com
- wersje:
- notatka:
- Systemy 3.3.0, 2.1.2, 1.2.5 i 1.2.4 nie są hostowane ze względu na krótki i niestabilny tryb życia na wolności.
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.3
actually 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
- 摘要:
-
<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
- 版本:
- 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
- 摘要:
-
<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/
- 推荐版本:
- 1.2.1
- 所有托管版本:
- 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/4.13.8/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.13.8/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.13.8/controls.css"> - site:
- https://github.com/google/shaka-player/
- obsługiwane wersje:
- 4.13.8, 4.12.17, 4.9.36
- wszystkie wersje hostowane:
- 4.13.0 – 4.13.8, 4.12.0 – 4.12.17, 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.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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>
- site:
- youtube.github.io/spfjs
- versions:
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- versions:
- 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”, takich jak
/jqueryui/1/...
, ale zamiast tego używasz adresów URL odwołujących się do dokładnych wersji. Ze względu na obawy dotyczące buforowania i niezgodności nawet między wersjami podrzędnymi jakiś czas temu wycofaliśmy i zatrzymaliśmy aktualizowanie automatycznych aliasów wersji, więc będą one zawsze odnosić się do starszej wersji (aby nie zepsuć dotychczasowych witryn, które nadal ich używają).Jeśli napotkasz problemy:
- Sprawdź, czy nie ma literówek. Pamiętaj, że w JavaScript wielkość liter ma znaczenie.
- Użyj debugera JavaScriptu. W Chrome użyj Narzędzi deweloperskich w Chrome. W Firefoxie możesz korzystać z wbudowanych Narzędzi deweloperskich Firefoxa. W IE możesz użyć F12narzędzi dla programistów.