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
- versions:
- 5.3.3
Bootstrap-Table
- snippet:
-
<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
- versions:
- 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
- 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
- ข้อมูลโค้ด:
-
<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.2.1,1.0.1,1.0.1,2.0,1.0.1,2.0,1.0.1,2
- หมายเหตุ:
- 3.3.0, 2.1.2, 1.2.5 และ 1.2.4 ไม่ได้โฮสต์เนื่องจากมีชีวิตที่สั้นและไม่เสถียรในป่า
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
- 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.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
- 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
- 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
- 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.16.1/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.1/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.1/controls.css"> - site:
- https://github.com/google/shaka-player/
- maintained versions:
- 4.16.1, 4.15.13
- all hosted versions:
- 4.16.0 - 4.16.1, 4.15.0 - 4.15.13, 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
- 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
- ข้อมูลโค้ด:
-
<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
- ข้อมูลโค้ด
-
<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
- มองหาคำที่พิมพ์ผิด โปรดทราบว่า JavaScript เป็นภาษาที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
- ใช้โปรแกรมแก้ไขข้อบกพร่อง JavaScript ใน Chrome ให้ใช้ เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ใน Firefox คุณสามารถใช้ เครื่องมือสำหรับนักพัฒนาเว็บ ของ Firefox ในตัวได้ ใน IE คุณสามารถใช้ F12 เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
Web Font Loader
การแก้ปัญหา
หากเห็นเวอร์ชันที่ล้าสมัย ตรวจสอบว่าคุณไม่ได้ใช้ลิงก์ "เวอร์ชันอัตโนมัติ" เช่น
/jqueryui/1/... แต่ให้ใช้ URL ที่อ้างอิงถึงเวอร์ชันที่แน่นอนแทน
เนื่องจากความกังวลเกี่ยวกับการแคชและความเข้ากันไม่ได้ระหว่างเวอร์ชันต่างๆ แม้จะเป็นเวอร์ชันย่อย เราจึง
เลิกใช้งานและหยุดอัปเดตนามแฝงเวอร์ชันอัตโนมัติไปเมื่อนานมาแล้ว ดังนั้นนามแฝงเหล่านี้จะ
อ้างอิงถึงเวอร์ชันเก่าตลอดไป (เพื่อไม่ให้เว็บไซต์ที่มีอยู่ซึ่งยังใช้นามแฝงเหล่านี้อยู่ใช้งานไม่ได้)
หากพบปัญหา ให้ทำดังนี้