Biblioteki hostowane przez Google to stabilna, niezawodna i szybko dostępna globalnie sieć dystrybucji treści dla najpopularniejszych bibliotek JavaScript typu open source.
W przypadku każdej biblioteki Google współpracuje bezpośrednio z głównymi zainteresowanymi osobami i akceptuje najnowsze wersje w miarę ich udostępniania.
Biblioteki
Aby wczytać hostowaną bibliotekę, skopiuj jej fragment kodu HTML (widoczny poniżej) i wklej go na swojej stronie internetowej. Aby na przykład wczytać bibliotekę jQuery, umieść na stronie internetowej fragment kodu <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
.
Zalecamy ładowanie bibliotek z CDN przez HTTPS, nawet jeśli Twoja witryna korzysta tylko z protokołu HTTP. Obecnie wydajność jest szybka, a zapisywanie w pamięci podręcznej działa tak samo. Pliki CDN są wyświetlane z nagłówkami CORS i Timing-Allow oraz mogą być przechowywane w pamięci podręcznej przez 1 rok.
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
- 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
- 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
- 版本:
- 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
- 注意:
- 此库依赖于 jQuery。在加载此模块之前,您还必须先加载 jQuery。由于版本 1.8.3 生命周期较短,因此未托管,而别名
1.8.3
实际加载的是 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
- 代码段:
-
<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
- 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
- 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. - snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.8/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.8/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.8/controls.css"> - site:
- https://github.com/google/shaka-player/
- obsługiwane wersje:
- 4.12.8, 4.11.20, 4.10.26, 4.9.35
- wszystkie wersje hostowane:
- 4.12.0 – 4.12.8, 4.11.0 – 4.11.20, 4.10.0 – 4.10.26, 4.9.0 – 4.9.35, 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
- fragment:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- wersje:
- 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
- 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
- Sprawdź, czy nie ma literówek. Pamiętaj, że w języku JavaScript rozróżniana jest wielkość liter.
- Użyj debugera JavaScriptu. W Chrome użyj Narzędzi deweloperskich w Chrome. W Firefoksie możesz używać wbudowanych Narzędzi deweloperskich w Firefoksie. W IE możesz użyć narzędzi dla programistów 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 „automatycznej wersji”, takich jak
/jqueryui/1/...
, ale zamiast tego używaj adresów URL odwołujących się do dokładnych wersji. Ze względu na obawy o pamięć podręczną i brak zgodności nawet między wersjami podrzędnymi jakiś czas temu wycofaliśmy i przestaliśmy aktualizować automatyczne aliasy wersji. Będą się one więc zawsze odwoływać do starej wersji (aby nie zakłócać działania istniejących witryn, które nadal z nich korzystają).W razie problemów: