הספריות המתארחות של Google הן רשת הפצת תוכן יציבה, אמינה, מהירה וזמינה בכל העולם עבור ספריות ה-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, ואפשר לשמור אותם במטמון למשך שנה.
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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>
- site:
- d3js.org
- versions:
-
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
- snippet:
-
<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 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- 2.x 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
- 1.x 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- site:
- jquery.com
- 版本:
- . .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1 .1、.1 .1、.1、.1、.1、.1、3、3、3、3.0、3.6.1、3.6.0、3.5.1、3.5.0、3.4.1、3.4.1、3.2,
- 注意:
- 3.3.0、2.1.2、1.2.5 和 1.2.4 未托管,因为它们的野生生活短而不稳定。
- 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
- גרסאות:
- 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0
- הערה:
- הספרייה הזו תלויה ב-jQuery. כמו כן, עליך לטעון את jQuery לפני טעינת המודול הזה.
- snippet:
-
<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:
- ,
- הערה:
- הספרייה הזו תלויה ב-jQuery. צריך גם לטעון את jQuery לפני טעינת המודול. גרסה 1.8.3 אינה מתארחת בשל חייה הקצרים, והכינוי
1.8.3
טוען בפועל את 1.8.4. - snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
- site:
- listjs.com
- גרסאות:
- 2.3.1
- 摘要:
-
<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
- גרסאות:
-
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.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1
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
- 摘要:
-
<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
- snippet:
-
<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
- גרסאות:
- 1.9.0, 1.8.3, 1.8.2, 1.8.1
- הערה:
-
הספרייה הזו תלויה ב-
Prototype
. לפני טעינת המודול, עליך לטעון את אב-הטיפוס.
Shaka Player
- 代码段:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.9/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.9/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.9/controls.css"> - site:
- https://github.com/google/shaka-player/
- 维护的版本:
- 4.9.21、4.8.20、4.7.15、4.6.18、4.5.0、4.4.3、4.3.16、4.2.14、4.10.9
- 所有托管版本:
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
- גרסאות:
- 2.2, 2.1
three.js
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script>
- site:
- threejs.org
- גרסאות:
- r84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49
- 代码段
-
<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.
Web Font Loader
פתרון בעיות
מוצגת גרסה מיושנת? חשוב לוודא שלא משתמשים בקישורים של 'גרסה אוטומטית', כמו
/jqueryui/1/...
, אלא משתמשים בכתובות URL שמפנות לגרסאות מדויקות. בגלל חששות לגבי שמירה במטמון וחוסר תאימות בין גרסאות משניות, הוצאנו משימוש והפסקנו לעדכן את הגרסאות האוטומטיות של הגרסאות לפני זמן מה. לכן הן יפנו לנצח לגרסה ישנה (כדי לא לפגוע באתרים קיימים שעדיין משתמשים בהן).אם תיתקלו בבעיות: