הספריות המתארחות של 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 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
- גרסאות:
- , ,1.2.1
- הערה:
- 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
- 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
- גרסאות:
-
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
- 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.
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
- 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.12/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.12/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.10.12/controls.css"> - site:
- https://github.com/google/shaka-player/
- גרסאות מתוחזקות:
- 4.9.24, 4.8.20, 4.7.15, 4.6.18, 4.5.0, 4.4.3, 4.3.16, 4.2.14, 4.10.12
- כל הגרסאות המתארחות:
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
- 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.
Web Font Loader
פתרון בעיות
מוצגת גרסה מיושנת? חשוב לוודא שלא משתמשים בקישורים של 'גרסה אוטומטית', כמו
/jqueryui/1/...
, אלא משתמשים בכתובות URL שמפנות לגרסאות מדויקות. בגלל חששות לגבי שמירה במטמון וחוסר תאימות בין גרסאות משניות, הוצאנו משימוש והפסקנו לעדכן את הגרסאות האוטומטיות של הגרסאות לפני זמן מה. לכן הן יפנו לנצח לגרסה ישנה (כדי לא לפגוע באתרים קיימים שעדיין משתמשים בהן).אם תיתקלו בבעיות: