‫Google Hosted Libraries היא רשת יציבה, אמינה ומהירה להפצת תוכן שזמינה ברחבי העולם, ומיועדת לספריות JavaScript הפופולריות ביותר בקוד פתוח.

‫Google עובדת ישירות עם בעלי העניין העיקריים בכל מאמץ ליצירת ספריות ומקבלת את הגרסאות העדכניות כשהן יוצאות.

ספריות

כדי לטעון ספרייה מתארחת, מעתיקים את קטע ה-HTML של הספרייה (מוצג בהמשך) ומדביקים אותו בדף האינטרנט. לדוגמה, כדי לטעון את jQuery, מטמיעים את קטע הקוד <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> בדף האינטרנט.

מומלץ לטעון ספריות מ-CDN באמצעות HTTPS, גם אם האתר שלכם משתמש רק ב-HTTP. בימינו, הביצועים מהירים והשמירה במטמון פועלת בדיוק באותו אופן. הקבצים של ה-CDN מוגשים עם כותרות CORS ו-Timing-Allow, ומותר לשמור אותם במטמון למשך שנה.

Bootstrap

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script>
site:
github.com/twbs/bootstrap
versions:
5.3.3

Bootstrap-Table

代码段:
<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
版本:
1.23.2

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

代码段:
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>
site:
d3js.org
versions:
7.9.0、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..6.5、6.6.5、6.6.5、6.6.5、6.6.5、6.6.5、6.6.5、6.6.5、6.6.1、7.8.1、7.8.1、7.8.0、7.7.0、7.6.1、7.4.2、7.0.5、6.6.1、6.6.



Dojo

摘要:
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
site:
dojo Toolkit.org
版本:

Ext Core

摘要:
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
site:
sencha.com/products/extcore
版本:
3.1.0、3.0.0

Hammer.JS

摘要:
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
site:
hammerjs.github.io
版本:
2.0.8

Indefinite Observable

摘要:
<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
版本:
2.0.1、 1.0.1

jQuery

3.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
1.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
site:
jquery.com
versions:
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.3.1, 3.2.1, 3.2.0, 3.1.1, 3.1.0, 3.0.0, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.12.4, 1.12.3, 1.12.2, 1.12.1, 1.12.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 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.6, 1.2.3
note:
3.3.0, 2.1.2, 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild.

jQuery Mobile

摘要:
<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
版本:
1.4.5、1.4.4、1.4.3、1.4.2、1.4.1、1.4.0
注意:
此库依赖于 jQuery。您还必须先加载 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

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
site:
listjs.com
versions:
2.3.1

Material Motion

snippet:
<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
versions:
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
版本:

MooTools

摘要:
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
site:
mootools.net
版本:
1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 1. 2.
注意:
对于版本 1.5.1 及更早版本,精简版的文件名称为 mootools-yui-compressed.js,而不是 mintools.min.js。

Myanmar Tools

snippet:
<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/
גרסאות מומלצות:
1.2.1
כל הגרסאות המתארחות:
1.0.1
1.1.0
1.1.1
1.1.3
1.2.0
1.2.1

Prototype

摘要:
<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

script.aculo.us

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
site:
script.aculo.us
versions:
1.9.0, 1.8.3, 1.8.2, 1.8.1
note:
This library depends on Prototype. Before loading this module, you must load Prototype.

Shaka Player

snippet:
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.5/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.5/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.5/controls.css">
site:
https://github.com/google/shaka-player/
maintained versions:
4.16.5, 4.15.17
all hosted versions:
4.16.0 - 4.16.5, 4.15.0 - 4.15.17, 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

SPF

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>
‎site:‎
youtube.github.io/spfjs
גרסאות:
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

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
site:
github.com/swfobject/swfobject
versions:
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

代码段
<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

פתרון בעיות

מוצגת לכם גרסה מיושנת? חשוב לוודא שאתם לא משתמשים בקישורים של "הגרסה האוטומטית", כמו /jqueryui/1/..., אלא בכתובות URL שמפנות לגרסאות מדויקות. בגלל חששות לגבי שמירת נתונים במטמון וחוסר תאימות בין גרסאות, אפילו גרסאות משניות, הוצאנו משימוש את הכינויים האוטומטיים של הגרסאות והפסקנו לעדכן אותם לפני זמן מה. לכן הם תמיד יתייחסו לגרסה ישנה (כדי לא לגרום לשיבוש באתרים קיימים שעדיין משתמשים בהם).

אם נתקלים בבעיות:

  • בודקים אם יש שגיאות הקלדה. חשוב לזכור ש-JavaScript היא שפה שבה יש הבחנה בין אותיות רישיות לאותיות קטנות (case-sensitive).
  • משתמשים בכלי לניפוי באגים ב-JavaScript. ב-Chrome, משתמשים בכלי הפיתוח ל-Chrome. ב-Firefox, אפשר להשתמש ב-Firefox DevTools המובנה. ב-IE, אפשר להשתמש בכלי הפיתוח F12.