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
- fragment:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.3/jquery-ui.min.js"></script> - site:
- jqueryui.com
- versions:
- 1.13.3; 1.13.2; 1.13.2; 1.13.1.8.1.8; 1.1.8; 1.1.1.8; 1.13.0; 1.12.1; 1.12.0; 1.11.4; 1.11.3; 1.11.2; 1.11.1.1.1.8.1.8.1.8.1.8.1.8.1.8.1.8.1.8.1.8.1.8.1.8.1.8
- uwaga:
- Ta biblioteka korzysta z biblioteki jQuery. Przed wczytaniem tego modułu musisz też załadować jQuery. Wersja 1.8.3 nie jest hostowana ze względu na krótki czas życia, a alias
1.8.3
rzeczywiście wczytuje 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
- 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.10.10/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.10/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.10/controls.css"> - site:
- https://github.com/google/shaka-player/
- obsługiwane wersje:
- 4.9.22, 4.8.20, 4.7.15, 4.6.18, 4.5.0, 4.4.3, 4.3.16, 4.2.14, 4.10.10
- wszystkie wersje hostowane:
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.