Google 호스팅 라이브러리는 가장 널리 사용되는 오픈소스 JavaScript 라이브러리를 위한 안정적이고 안정적이며 전 세계 어디서나 사용할 수 있는 고속 콘텐츠 배포 네트워크입니다.

Google은 라이브러리 작업을 진행할 때마다 주요 이해관계자와 직접 협력하며 최신 버전이 출시될 때마다 수용합니다.

라이브러리

호스팅된 라이브러리를 로드하려면 해당 라이브러리의 HTML 스니펫 (아래 그림 참조)을 복사하여 웹페이지에 붙여넣습니다. 예를 들어 jQuery를 로드하려면 웹페이지에 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> 스니펫을 삽입합니다.

자체 웹사이트에서 HTTP만 사용하는 경우에도 HTTPS를 통해 CDN에서 라이브러리를 로드하는 것이 좋습니다. 오늘날에는 성능이 빠르며 캐싱도 동일하게 작동합니다. CDN의 파일은 CORS 및 Timing-Allow 헤더와 함께 제공되며 1년 동안 캐시될 수 있습니다.

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

스니펫:
<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, 7.4.2. 1.5.



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

스니펫:
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
site:
hammerjs.github.io
버전:
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-observable-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
版本：
. .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 未托管，因为它们的野生生活短而不稳定。

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

代码段：
<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。

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

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>
site:
modelviewer.dev
versions:
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.7.0, 1.6.0, 1.5.1, 1.3.1, 1.2.1, 1.1.0, 1.0.0

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

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/
recommended versions:
1.2.1
all hosted versions:
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

snippet:
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
site:
script.aculo.us
versions:
1.9.0, 1.8.3, 1.8.2, 1.8.1
note:
This library depends on Prototype. Before loading this module, you must load Prototype.

Shaka Player

snippet:
<!-- 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/
maintained versions:
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
all hosted versions:
4.9.0 - 4.9.21, 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.10.0 - 4.10.9, 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

摘要：
<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

스니펫:
<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

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/...와 같은 '자동 버전' 링크를 사용하지 않고 정확한 버전을 참조하는 URL을 사용해야 합니다. 캐싱에 대한 우려와 마이너 버전 간의 호환성 부족으로 인해 Google에서는 자동 버전 별칭에 대한 지원을 중단하고 얼마 전부터 업데이트를 중단했습니다. 따라서 자동 버전 별칭을 계속해서 사용하는 기존 사이트가 손상되지 않도록 이전 버전을 영구적으로 참조하게 됩니다.

문제가 발생하면 다음 단계를 따르세요.

  • 오타를 찾습니다. 자바스크립트는 대소문자를 구분하는 언어입니다.
  • Javascript 디버거를 사용합니다. Chrome에서는 Chrome DevTools를 사용합니다. Firefox에서는 기본 제공되는 Firefox DevTools를 사용할 수 있습니다. IE에서는 F12 개발자 도구를 사용할 수 있습니다.