Google'da Barındırılan Kitaplıklar, en popüler açık kaynaklı JavaScript kitaplıkları için kararlı, güvenilir, yüksek hızlı ve tüm dünyada kullanılabilen içerik dağıtım ağıdır.

Google, her kitaplık girişiminde önemli paydaşlarla doğrudan çalışır ve kullanıma sunulduğunda en son sürümleri kabul eder.

Kütüphaneler

Barındırılan bir kitaplığı yüklemek için ilgili kitaplığın HTML snippet'ini kopyalayıp web sayfanıza yapıştırın. Örneğin, jQuery yüklemek için <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> snippet'ini web sayfanıza yerleştirin.

Kendi web siteniz yalnızca HTTP kullanıyor olsa bile, CDN'deki kitaplıkları 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.

CesiumJS

snippet:

<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>

site:

github.com/CesiumGS/cesium

sürümleri:

1,78

D3.js

snippet:

<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.8.2/d3.min.js"></script>

site:

d3js.org

sürümleri:

Dojo

snippet:

<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>

site:

dojoTool.org

sürümleri:

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

sürümleri:

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

sürümleri:

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

sürümleri:

2.0.1, 1.0.1

jQuery

3.x snippet'i:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/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'i:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

site:

jquery.com

sürümleri:

Not:

3.3.0, 2.1.2, 1.2.5 ve 1.2.4 sürümleri, doğadaki kısa ve kararsız yaşamları nedeniyle barındırılmaz.

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

sürümleri:

1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0

Not:

Bu kitaplık jQuery'e bağlıdır. Bu modülü yüklemeden önce jQuery de yüklemeniz gerekir.

jQuery UI

snippet:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>

site:

jqueryui.com

sürümleri:

Not:

Bu kitaplık jQuery'e bağlıdır. Bu modülü yüklemeden önce jQuery de yüklemeniz gerekir. Sürüm 1.8.3, kısa ömrü nedeniyle barındırılmaz ve 1.8.3 takma adı aslında 1.8.4'ü yükler.

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

sürümleri:

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

sürümleri:

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.1.1.1.1.1.1.1.1.1. 1.1.1.1''''''' başarılı ve

Not:

1.5.1 ve önceki sürümlerde, küçültülmüş sürümün dosya adına mintools.min.js yerine mootools-yui-compress.js denir.

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

sürümleri:

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.3.4/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.4/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.4/controls.css">

site:

https://github.com/google/shaka-player/

bakımdaki sürümler:

4.3.4, 4.2.8, 4.1.7, 3.3.17, 3.2.19

barındırılan tüm sürümler:

SPF

snippet:

<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>

site:

youtube.github.io/spfjs

sürümleri:

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

sürümleri:

2,2, 2,1

three.js

snippet:

<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script>

site:

threejs.org

sürümleri:

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

sürümleri:

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? "Otomatik sürüm" bağlantılarını (örneğin, /jqueryui/1/...) kullandığınızdan emin olmak yerine, tam sürümlere yönlendiren URL'leri kullandığınızdan emin olun. Önbelleğe alma ve alt sürümler arasında uyumluluk eksikliği konusundaki endişeler nedeniyle, otomatik sürüm takma adlarını bir süre önce kullanımdan kaldırdık ve artık durdurduk. Bu nedenle, takma adlar tamamıyla eski bir sürüme referans verecek (bunları kullanmaya devam eden mevcut siteleri bozmamak için).

Sorunlarla karşılaşırsanız:

• Yazım hataları olup olmadığına bakın. 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.