Google Barındırılan Kitaplıklar, en popüler açık kaynak JavaScript kitaplıkları için kararlı, güvenilir, yüksek hızlı ve dünya genelinde kullanılabilen bir içerik dağıtım ağıdır.
Google, her kütüphane çalışması için doğrudan önemli paydaşlarla birlikte çalışır ve en son sürümleri yayınlandıkça kabul eder.
Kütüphaneler
Barındırılan bir kitaplığı yüklemek için ilgili kitaplığın HTML snippet'ini (aşağıda gösterilmiştir) kopyalayıp web sayfanıza yapıştırın. Örneğin, jQuery'yi yüklemek için <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> snippet'ini web sayfanıza yerleştirin.
Kendi web siteniz yalnızca HTTP kullanıyor olsa bile kitaplıkları CDN'den HTTPS üzerinden yüklemenizi öneririz. Günümüzde performans hızlıdır ve önbelleğe alma da aynı şekilde çalışır. CDN'nin dosyaları CORS ve Timing-Allow başlıklarıyla sunulur ve 1 yıl boyunca önbelleğe alınmasına izin verilir.
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
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
- snippet:
-
<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.7.0, 6.6.2, 6.6.1, 6.6.0, 6.5.0, 6.3.1, 6.2.0, 6.1.1
5.16.0, 5.15.1, 5.15.0, 5.14.2, 5.12.0, 5.11.0, 5.9.7, 5.9.2, 5.9.0, 5.8.0, 5.7.0
4.13.0
3.5.17
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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> - site:
- sencha.com/products/extcore
- versions:
- 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
- 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
- versions:
- 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'i:
-
<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
- sürümler:
- 3.7.1, 3.7.0, 3.6.0, 1.2,1, 1,2,1, 1,2,1, 1,2,1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 3.6.3, 3.6.2, 3.6.1, 3.6.0, 3.4.1, 3.4.1, 3.4.1, 3.4.1
- not:
- 3.3.0, 2.1.2, 1.2.5 ve 1.2.4, vahşi ortamda kısa ve istikrarsız yaşamları nedeniyle barındırılmamaktadır.
jQuery Mobile
- 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.
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
- versions:
- 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
- note:
- This library depends on jQuery. You must also load jQuery before loading this module. Version 1.8.3 is not hosted due to its short life, and the alias
1.8.3actually loads 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script> - site:
- modelviewer.dev
- sürümleri:
- 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.10.0, 1.9.0, 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
- 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
- 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/
- önerilen sürümler:
- 1.2.1
- Tüm barındırılan sürümler:
- 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
- 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
script.aculo.us
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script> - site:
- script.aculo.us
- sürümleri:
- 1.9.0, 1.8.3, 1.8.2, 1.8.1
- Not:
- Bu kitaplık
Prototypeöğesine bağlıdır. Bu modülü yüklemeden önce Prototipi yüklemeniz gerekir.
Shaka Player
- snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.14.8/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.14.8/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.14.8/controls.css"> - site:
- https://github.com/google/shaka-player/
- maintained versions:
- 4.14.8, 4.13.17
- all hosted versions:
- 4.14.0 - 4.14.8, 4.13.0 - 4.13.17, 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
- versions:
- 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
- snippet>
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> - site:
- github.com/typekit/webfontloader
- versions:
- 1.6.26, 1.6.16, 1.5.18, 1.5.10, 1.5.6, 1.5.3, 1.5.2, 1.5.0
Sorun giderme
Eski bir sürümü mü görüyorsunuz?
/jqueryui/1/...gibi "otomatik sürüm " bağlantılarını değil, tam sürümlere atıfta bulunan URL'leri kullandığınızdan emin olun. Otomatik sürüm takma adları, önbelleğe alma ve küçük sürümler arasında bile uyumluluk olmamasıyla ilgili endişeler nedeniyle bir süre önce kullanımdan kaldırıldı ve güncellenmesi durduruldu. Bu nedenle, hâlâ bu adları kullanan mevcut sitelerin çalışmasını engellememek için bu adlar sonsuza kadar eski bir sürümü referans olarak kullanacak.Sorunlarla karşılaşırsanız:
- Yazım hatası olup olmadığını kontrol edin. JavaScript'in büyük/küçük harfe duyarlı bir dil olduğunu unutmayın.
- JavaScript hata ayıklayıcısı kullanın. Chrome'da Chrome Geliştirici Araçları'nı kullanın. Firefox'ta yerleşik Firefox Geliştirici Araçları'nı kullanabilirsiniz. IE'de F12 geliştirici araçlarını kullanabilirsiniz.