Google Hosted Libraries adalah jaringan distribusi konten yang stabil, andal, berkecepatan tinggi, dan tersedia secara global untuk library JavaScript open source terpopuler.
Google bekerja sama langsung dengan pemangku kepentingan utama untuk setiap upaya library dan menerima versi terbaru saat dirilis.
Library
Untuk memuat library yang dihosting, salin dan tempel cuplikan HTML untuk
library tersebut (ditampilkan di bawah) di halaman web Anda. Misalnya, untuk memuat jQuery, sematkan cuplikan <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
di halaman web Anda.
Sebaiknya muat library dari CDN melalui HTTPS, meskipun situs Anda sendiri hanya menggunakan HTTP. Saat ini, performanya cepat, dan penyimpanan dalam cache berfungsi sama saja. File CDN ditayangkan dengan header CORS dan Timing-Allow, serta diizinkan untuk disimpan dalam cache selama 1 tahun.
CesiumJS
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>
- site:
- github.com/CesiumGS/cesium
- versions:
- 1.78
D3.js
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>
- site:
- d3js.org
- versions:
-
7.0.1, 7.8.5, 7.8.4, 7.8.3, 7.8.2, 7.8.1, 7.8.0, 7.7.0, 7.6.1, 7.4.2, 7.0.0,
6.7.0, 6.6.2, 6.0.6.
Dojo
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
- site:
- dojotoolkit.org
- versi:
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
- site:
- sencha.com/products/extcore
- versi:
- 3.1.0, 3.0.0
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
- site:
- hammerjs.github.io
- versi:
- 2.0.8
- cuplikan:
-
<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
- versi:
- 2.0.1, 1.0.1
- Cuplikan 3.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- Cuplikan 2.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
- Cuplikan 1.x:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- site:
- jquery.com
- versi:
- 3.7.1, 3.7.0, 3.6.4, 3.6.3, 3.6.2, 3.6.1, 3.6.0, 3.5.1, 3.5.0, 3.4.1, 3.4.0, 3.4.1, 3.4.0,
- catatan:
- 3.3.0, 2.1.2, 1.2.5, dan 1.2.4 tidak dihosting karena kehidupan liarnya yang pendek dan tidak stabil.
- cuplikan:
-
<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
- versi:
- 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0
- catatan:
- Library ini bergantung pada jQuery. Anda juga harus memuat jQuery sebelum memuat modul ini.
- 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
- versi:
- catatan:
- Library ini bergantung pada jQuery. Anda juga harus memuat jQuery sebelum
memuat modul ini. Versi 1.8.3 tidak dihosting karena masa pakainya
yang singkat, dan alias
1.8.3
sebenarnya memuat 1.8.4. - snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
- site:
- listjs.com
- versions:
- 2.3.1
- cuplikan:
-
<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
- versi:
- 0.1.0
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>
- site:
- modelviewer.dev
- versi:
-
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.7.0, 1.8.0, 1.8.0, 1.7.2, 1.7.0, 1.1.8.1, 1.8.0, 1.8.0, 1.8.0, 1.1.7.0, 1.1.8.1.1.1.1.1.1.1.1.1.
MooTools
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
- site:
- mootools.net
- versi:
- 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, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1.1.2.1 dan 1.2.1, 1.2.1.1.2.1.1.2.1 dan 1.2.1.1.2.
- catatan:
- Untuk versi 1.5.1 dan yang lebih lama, nama file dari versi yang diminifikasi disebut mootools-yui-compressed.js, bukan mintools.min.js.
Myanmar Tools
- cuplikan:
-
<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/
- versi yang direkomendasikan:
- 1.2.1
- semua versi yang dihosting:
- 1.0.1
- 1.1.0
- 1.1.1
- 1.1.3
- 1.2.0
- 1.2.1
Prototype
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>
- site:
- prototypejs.org
- versi:
- 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
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
- site:
- script.aculo.us
- versi:
- 1.9.0, 1.8.3, 1.8.2, 1.8.1
- catatan:
-
Library ini bergantung pada
Prototype
. Sebelum memuat modul ini, Anda harus memuat Prototype.
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/
- maintained versions:
- 4.12.1, 4.11.13, 4.10.26, 4.9.31
- all hosted versions:
- 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
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>
- site:
- youtube.github.io/spfjs
- versi:
- 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
- cuplikan:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- versi:
- 2.2, 2.1
three.js
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script>
- site:
- threejs.org
- versions:
- r84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49
Web Font Loader
- cuplikan>
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
- site:
- github.com/typekit/webfontloader
- versi:
- 1.6.26, 1.6.16, 1.5.18, 1.5.10, 1.5.6, 1.5.3, 1.5.2, 1.5.0
Pemecahan masalah
Melihat versi yang sudah tidak berlaku? Pastikan Anda tidak menggunakan link "versi otomatis", seperti
/jqueryui/1/...
, tetapi gunakan URL yang merujuk ke versi persisnya. Karena kekhawatiran terhadap cache dan kurangnya kompatibilitas antara versi minor, kami sudah tidak menggunakan lagi dan berhenti mengupdate alias versi otomatis beberapa waktu lalu, sehingga alias versi otomatis akan selalu merujuk ke versi lama (agar tidak merusak situs yang ada yang masih menggunakannya).Jika Anda mengalami masalah:
- Cari kesalahan ketik. Ingatlah, JavaScript adalah bahasa yang membedakan huruf besar dan kecil.
- Menggunakan debugger JavaScript. Di Chrome, gunakan Chrome DevTools. Di Firefox, Anda dapat menggunakan Firefox DevTools bawaan. Di IE, Anda dapat menggunakan alat developer F12.