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
- 版本:
- 5.3.3
Bootstrap-Table
- snippet:
-
<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
- גרסאות:
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
- site:
- dojoSDK.org
- גרסאות:
- snippet:
-
<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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
- site:
- hammerjs.github.io
- גרסאות:
- 2.0.8
- 摘要:
-
<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
- 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.
- snippet:
-
<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
- versions:
- 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0
- note:
- This library depends on jQuery. You must also load jQuery before loading this module.
- 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。 - 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
- site:
- listjs.com
- 版本:
- 2.3.1
- 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
- גרסאות:
- 0.1.0
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>
- site:
- modelviewer.dev
- versions:
- 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.6.0, 1.5.1, 1.3.1, 1.2.1, 1.1.0, 1.0.0
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
- site:
- mootools.net
- גרסאות:
- 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.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1
- הערה:
- בגרסאות 1.5.1 ומטה, שם הקובץ של הגרסה המוקטנת נקרא mootools-yui-compress.js במקום mintools.min.js.
- 摘要:
-
<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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>
- site:
- prototypejs.org
- versions:
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
- site:
- script.aculo.us
- גרסאות:
- 1.9.0, 1.8.3, 1.8.2, 1.8.1
- הערה:
-
הספרייה הזו תלויה ב-
Prototype
. לפני טעינת המודול, עליך לטעון את אב-הטיפוס. - snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.3/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.3/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.3/controls.css"> - site:
- https://github.com/google/shaka-player/
- גרסאות שמתוחזקות:
- 4.16.3, 4.15.15
- כל הגרסאות המתארחות:
- 4.16.0 - 4.16.3, 4.15.0 - 4.15.15, 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
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- גרסאות:
- 2.2, 2.1
- 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
- snippet>
-
<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
- בודקים אם יש שגיאות הקלדה. חשוב לזכור ש-JavaScript היא שפה שבה יש הבחנה בין אותיות רישיות לאותיות קטנות (case-sensitive).
- משתמשים בכלי לניפוי באגים ב-JavaScript. ב-Chrome, משתמשים בכלי הפיתוח ל-Chrome. ב-Firefox, אפשר להשתמש ב-Firefox DevTools המובנה. ב-IE, אפשר להשתמש בכלי הפיתוח F12.
Ext Core
Hammer.JS
Indefinite Observable
jQuery
jQuery Mobile
jQuery UI
List.js
Material Motion
Model-Viewer
MooTools
Myanmar Tools
Prototype
script.aculo.us
Shaka Player
SPF
SWFObject
three.js
Web Font Loader
פתרון בעיות
מוצגת לכם גרסה מיושנת? חשוב לוודא שאתם לא משתמשים בקישורים של "הגרסה האוטומטית", כמו
/jqueryui/1/...
, אלא בכתובות URL שמפנות לגרסאות מדויקות.
בגלל חששות לגבי שמירת נתונים במטמון וחוסר תאימות בין גרסאות, אפילו גרסאות משניות, הוצאנו משימוש את הכינויים האוטומטיים של הגרסאות והפסקנו לעדכן אותם לפני זמן מה. לכן הם תמיד יתייחסו לגרסה ישנה (כדי לא לגרום לשיבוש באתרים קיימים שעדיין משתמשים בהם).
אם נתקלים בבעיות: