Google Hosted Libraries เป็นเครือข่ายการกระจายเนื้อหาที่เสถียร เชื่อถือได้ ความเร็วสูง และพร้อมให้บริการทั่วโลกสำหรับไลบรารี JavaScript แบบโอเพนซอร์สที่ได้รับความนิยมมากที่สุด

Google ทำงานร่วมกับผู้มีส่วนเกี่ยวข้องหลักโดยตรงสำหรับความพยายามของแต่ละไลบรารี และยอมรับเวอร์ชันล่าสุดเมื่อมีการเปิดตัว

ห้องสมุด

หากต้องการโหลดไลบรารีที่โฮสต์ ให้คัดลอกและวางข้อมูลโค้ด HTML สำหรับไลบรารีนั้น (แสดงด้านล่าง) ในหน้าเว็บ เช่น หากต้องการโหลด jQuery ให้ฝัง ข้อมูลโค้ด <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> ในหน้าเว็บ

เราขอแนะนำให้คุณโหลดไลบรารีจาก CDN ผ่าน HTTPS แม้ว่าเว็บไซต์ของคุณจะใช้ HTTP เท่านั้นก็ตาม ปัจจุบันประสิทธิภาพรวดเร็วขึ้น และการแคช ก็ทำงานได้เหมือนเดิม ระบบจะแสดงไฟล์ของ 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
版本:
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

ข้อมูลโค้ด:
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>
site:
d3js.org
versions:
7.5.0.1
7.5.0.1 7.5.0.1 7.5.0.1 7.8.0.5,1 12.0.5, 12


Dojo

ข้อมูลโค้ด:
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
site:
dojo Toolkit.org
เวอร์ชัน:

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.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:
modelviewer.dev
版本:

MooTools

ข้อมูลโค้ด:
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
site:
mootools.net
เวอร์ชัน:
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.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1,
หมายเหตุ:
สําหรับเวอร์ชัน 1.5.1 และก่อนหน้านี้ ชื่อไฟล์ของเวอร์ชันลดขนาดเรียกว่า mootools-yui-บีบอัด.js แทน 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.11/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.11/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.11/controls.css">
site:
https://github.com/google/shaka-player/
维护的版本:
4.16.11、4.15.23
所有托管版本:
4.16.0 - 4.16.11、4.15.0 - 4.15.23、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/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

ข้อมูลโค้ด
<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 ที่อ้างอิงถึงเวอร์ชันที่แน่นอนแทน เนื่องจากความกังวลเกี่ยวกับการแคชและความเข้ากันไม่ได้ระหว่างเวอร์ชันต่างๆ แม้จะเป็นเวอร์ชันย่อย เราจึง เลิกใช้งานและหยุดอัปเดตนามแฝงเวอร์ชันอัตโนมัติไปเมื่อนานมาแล้ว ดังนั้นนามแฝงเหล่านี้จะ อ้างอิงถึงเวอร์ชันเก่าตลอดไป (เพื่อไม่ให้เว็บไซต์ที่มีอยู่ซึ่งยังใช้นามแฝงเหล่านี้อยู่ใช้งานไม่ได้)

หากพบปัญหา ให้ทำดังนี้