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
- 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
- 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
- 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.
Shaka Player
- snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.1/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.1/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.1/controls.css"> - site:
- https://github.com/google/shaka-player/
- obsługiwane wersje:
- 4.12.1, 4.11.13, 4.10.26, 4.9.31
- wszystkie wersje hostowane:
- 4.12.0 – 4.12.1, 4.11.0 – 4.11.13, 4.10.0 – 4.10.26, 4.9.0 – 4.9.31, 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
- 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
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 „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:
- 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.