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
- 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
- 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
- ตัวอย่างข้อมูล
-
<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
- 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script> - site:
- mootools.net
- versions:
- 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.3.0, 1.2.5, 1.2.4, 1.2.3, 1.2.2, 1.2.1, 1.1.2, 1.1.1
- note:
- For versions 1.5.1 and earlier, the filename of the minified version is called mootools-yui-compressed.js instead of 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
- 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
- ข้อมูลโค้ด:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.12/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.12/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.12/controls.css"> - site:
- https://github.com/google/shaka-player/
- เวอร์ชันที่ได้รับการดูแล
- 4.16.12, 4.15.24
- ทุกเวอร์ชันที่โฮสต์
- 4.16.0 - 4.16.12, 4.15.0 - 4.15.24, 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
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script> - site:
- threejs.org
- versions:
- 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
- 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
การแก้ปัญหา
หากเห็นเวอร์ชันที่ล้าสมัย ตรวจสอบว่าคุณไม่ได้ใช้ลิงก์ "เวอร์ชันอัตโนมัติ" เช่น
/jqueryui/1/... แต่ให้ใช้ URL ที่อ้างอิงถึงเวอร์ชันที่แน่นอนแทน
เนื่องจากความกังวลเกี่ยวกับการแคชและความเข้ากันไม่ได้ระหว่างเวอร์ชันต่างๆ แม้จะเป็นเวอร์ชันย่อย เราจึง
เลิกใช้งานและหยุดอัปเดตนามแฝงเวอร์ชันอัตโนมัติไปเมื่อนานมาแล้ว ดังนั้นนามแฝงเหล่านี้จะ
อ้างอิงถึงเวอร์ชันเก่าตลอดไป (เพื่อไม่ให้เว็บไซต์ที่มีอยู่ซึ่งยังใช้นามแฝงเหล่านี้อยู่ใช้งานไม่ได้)
หากพบปัญหา ให้ทำดังนี้
- มองหาคำที่พิมพ์ผิด โปรดทราบว่า JavaScript เป็นภาษาที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
- ใช้โปรแกรมแก้ไขข้อบกพร่อง JavaScript ใน Chrome ให้ใช้ เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ใน Firefox คุณสามารถใช้ เครื่องมือสำหรับนักพัฒนาเว็บ ของ Firefox ในตัวได้ ใน IE คุณสามารถใช้ F12 เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์