Google Hosted Libraries는 가장 인기 있는 오픈소스 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년 동안 캐시할 수 있습니다.
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
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/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:
-
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
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
- site:
- dojo Toolkit.org
- 版本: 。
- 摘要:
-
<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
- versions:
- 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
- versions:
- 2.0.1, 1.0.1
- 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 未托管,因为它们的野生生活短而不稳定。
- 摘要:
-
<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.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.3
actually loads 1.8.4. - 代码段:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
- site:
- listjs.com
- 版本:
- 2.3.1
- 摘要:
-
<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
- 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
- 摘要:
-
<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。
- 摘要:
-
<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
- 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 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
에 종속됩니다. 이 모듈을 로드하기 전에 프로토타입을 로드해야 합니다. - 代码段:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.2/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.2/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.2/controls.css"> - site:
- https://github.com/google/shaka-player/
- 维护的版本:
- 4.16.2、4.15.14
- 所有托管版本:
- 4.16.0 - 4.16.2、4.15.0 - 4.15.14、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
- 摘要:
-
<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
- 摘要:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- 版本:
- 2.2、2.1
- 摘要:
-
<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
- 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
- 오타를 찾습니다. 자바스크립트는 대소문자를 구분하는 언어입니다.
- Javascript 디버거를 사용합니다. Chrome에서는 Chrome DevTools를 사용합니다. Firefox에서는 기본 제공 Firefox DevTools를 사용할 수 있습니다. IE에서는 F12 개발자 도구를 사용할 수 있습니다.
Ext Core
Hammer.JS
Indefinite Observable
jQuery
jQuery Mobile
jQuery UI
List.js
Material Motion
Model-Viewer
MooTools
Myanmar Tools
Prototype
script.aculo.us
Shaka Player
SPF
SWFObject
three.js
Web Font Loader
문제 해결
오래된 버전이 표시되나요? /jqueryui/1/...
와 같은 '자동 버전' 링크를 사용하지 말고 정확한 버전을 참조하는 URL을 사용해야 합니다.
캐싱 문제와 마이너 버전 간의 호환성 부족으로 인해 Google은 오래전에 자동 버전 별칭을 지원 중단하고 업데이트를 중지했습니다. 따라서 기존 사이트가 계속 사용하지 않도록 하기 위해 영원히 이전 버전을 참조합니다.
문제가 발생하면 다음 단계를 따르세요.