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
- 摘要:
-
<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
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> - site:
- sencha.com/products/extcore
- wersje:
- 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
- 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
- wersje:
- 1.14.1, 1.14.0;
- uwaga:
- Ta biblioteka zależy od jQuery. Przed załadowaniem tego modułu musisz też załadować jQuery. Wersja 1.8.3 nie jest hostowana ze względu na krótki czas działania, a alias
1.8.3wczytuje wersję 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
- 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script> - site:
- modelviewer.dev
- 版本: 。
- 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.
- 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
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script> - site:
- prototypejs.org
- 版本:
- 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
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script> - site:
- script.aculo.us
- wersje:
- 1,9,0, 1,8,3, 1,8,2, 1,8,1
- Uwaga:
-
Ta biblioteka korzysta z danych
Prototype. Zanim wczytasz ten moduł, musisz załadować Prototyp. - 代码段:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.11/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.11/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.11/controls.css"> - site:
- https://github.com/google/shaka-player/
- 维护的版本:
- 4.16.11、4.15.23
- 所有托管版本:
- 4.16.0 - 4.16.11、4.15.0 - 4.15.23、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
- 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
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> - site:
- github.com/swfobject/swfobject
- 版本:
- 2.2、2.1
- 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
- 代码段
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> - site:
- github.com/typekit/webfontloader
- 版本:
- 1.6.26、1.6.16、1.5.18、1.5.10、1.5.6、1.5.3、1.5.2、1.5.0
- 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.
MooTools
Myanmar Tools
Prototype
script.aculo.us
Shaka Player
SPF
SWFObject
three.js
Web Font Loader
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: