Google Hosted Libraries, सबसे लोकप्रिय और ओपन-सोर्स JavaScript लाइब्रेरी के लिए, दुनिया भर में उपलब्ध एक भरोसेमंद, तेज़, और स्थिर कॉन्टेंट डिस्ट्रिब्यूशन नेटवर्क है.
Google, लाइब्रेरी से जुड़े हर काम के लिए, सीधे तौर पर मुख्य हितधारकों के साथ काम करता है. साथ ही, नए वर्शन रिलीज़ होने पर उन्हें स्वीकार करता है.
लाइब्रेरी
होस्ट की गई लाइब्रेरी को लोड करने के लिए, उस लाइब्रेरी के एचटीएमएल स्निपेट को अपने वेब पेज में कॉपी करके चिपकाएं. यह स्निपेट यहां दिखाया गया है. उदाहरण के लिए, jQuery को लोड करने के लिए, अपने वेब पेज में <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> स्निपेट एम्बेड करें.
हमारा सुझाव है कि आप सीडीएन से लाइब्रेरी को एचटीटीपीएस के ज़रिए लोड करें. भले ही, आपकी वेबसाइट सिर्फ़ एचटीटीपी का इस्तेमाल करती हो. आजकल, परफ़ॉर्मेंस तेज़ होती है और कैश मेमोरी पहले की तरह ही काम करती है. सीडीएन की फ़ाइलें, CORS और Timing-Allow हेडर के साथ दिखाई जाती हैं. साथ ही, इन्हें एक साल तक कैश मेमोरी में सेव करने की अनुमति होती है.
Bootstrap
- स्निपेट:
-
<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
- स्निपेट:
-
<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
- स्निपेट:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script> - site:
- github.com/CesiumGS/ceium
- वर्शन:
- 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.6.1.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.1.5.5.1.5.1.5.1.5.1.5.1.5.1.5.1.5.5.1.5.1.5.1.5.1.5.1.5.1.5.1.
Dojo
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script> - site:
- dojotoolkit.org
- versions:
- 1.13.0, 1.12.3, 1.12.2, 1.12.1, 1.11.5, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.10.9, 1.10.8, 1.10.7, 1.10.6, 1.10.5, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.11, 1.9.10, 1.9.9, 1.9.8, 1.9.7, 1.9.6, 1.9.5, 1.9.4, 1.9.3, 1.9.2, 1.9.1, 1.9.0, 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.3, 1.8.2, 1.8.1, 1.8.0, 1.7.12, 1.7.11, 1.7.10, 1.7.9, 1.7.8, 1.7.7, 1.7.6, 1.7.5, 1.7.4, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.5, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.6, 1.5.5, 1.5.4, 1.5.3, 1.5.2, 1.5.1, 1.5.0, 1.4.8, 1.4.7, 1.4.6, 1.4.5, 1.4.4, 1.4.3, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.3, 1.2.0, 1.1.1
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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script> - site:
- hammerjs.github.io
- versions:
- 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-observeable-js
- वर्शन:
- 2.0.1, 1.0.1
jQuery
- 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
- वर्शन: 3.7.1, 3.7.0, 3.6.4, 3.6.3.
- ध्यान दें:
- 3.3.0, 2.1.2, 1.2.5, और 1.2.4 को होस्ट नहीं किया जाता, क्योंकि ये जंगल में छोटे और अस्थिर जीवन जी रहे हैं.
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
- स्निपेट:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script> - site:
- listjs.com
- वर्शन:
- 2.3.1
Material Motion
- स्निपेट:
-
<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
Model-Viewer
- स्निपेट:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script> - site:
- model Viewers.dev
- वर्शन:
- , 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
- versions:
- 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.5, 1.2.4, 1.2.3, 1.2.2, 1.2.1, 1.1.2, 1.1.1
- note:
- For versions 1.5.1 and earlier, the filename of the minified version is called mootools-yui-compressed.js instead of 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
- स्निपेट:
-
<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
- स्निपेट:
-
<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.16.1/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.1/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.1/controls.css"> - site:
- https://github.com/google/shaka-player/
- इन वर्शन को बनाए रखा जाता है:
- 4.16.1, 4.15.13
- होस्ट किए गए सभी वर्शन:
- 4.16.0 - 4.16.1, 4.15.0 - 4.15.13, 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
- स्निपेट:
-
<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
- स्निपेट:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> - site:
- github.com/swmobject/sewobject
- वर्शन:
- 2.2, 2.1
three.js
- स्निपेट:
-
<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, r67
Web Font Loader
- 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
समस्या का हल
क्या आपको पुराना वर्शन दिख रहा है? पक्का करें कि आपने "ऑटोमैटिक वर्शन" वाले लिंक का इस्तेमाल न किया हो. जैसे,
/jqueryui/1/.... इसके बजाय, सटीक वर्शन वाले यूआरएल का इस्तेमाल करें. कैशिंग से जुड़ी समस्याओं और माइनर वर्शन के बीच भी काम न करने की वजह से, हमने कुछ समय पहले वर्शन के अपने-आप बनने वाले एलियास को बंद कर दिया था और उन्हें अपडेट करना भी बंद कर दिया था. इसलिए, वे हमेशा पुराने वर्शन को रेफ़र करेंगे, ताकि उन साइटों को नुकसान न पहुंचे जो अब भी उनका इस्तेमाल करती हैं.अगर आपको समस्याएं आती हैं, तो:
- टाइपिंग की गलतियां खोजें. ध्यान रखें कि JavaScript एक केस-सेंसिटिव भाषा है.
- JavaScript डीबगर का इस्तेमाल करें. Chrome में, Chrome DevTools का इस्तेमाल करें. Firefox में, Firefox DevTools का इस्तेमाल किया जा सकता है. IE में, F12 डेवलपर टूल का इस्तेमाल किया जा सकता है.