ไลบรารีที่โฮสต์โดย Google เป็นเครือข่ายเผยแพร่เนื้อหาที่เสถียร เชื่อถือได้ ความเร็วสูง และพร้อมให้บริการทั่วโลกสำหรับไลบรารี 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 ปี
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
- เวอร์ชัน:
- ข้อมูลโค้ด:
-
<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
- ข้อมูลโค้ด:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
- site:
- hammerjs.github.io
- เวอร์ชัน:
- 2.0.8
- ข้อมูลโค้ด:
-
<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
- 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 ไม่ได้โฮสต์เนื่องจากมีชีวิตที่สั้นและไม่เสถียรในป่า
- ข้อมูลโค้ด:
-
<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 ก่อนโหลดโมดูลนี้ด้วย
- ตัวอย่างข้อมูล
-
<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 จริงๆ - ข้อมูลโค้ด:
-
<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
- ข้อมูลโค้ด:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>
- site:
- modelviewer.dev
- เวอร์ชัน:
- ข้อมูลโค้ด:
-
<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
- ข้อมูลโค้ด:
-
<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
- ข้อมูลโค้ด:
-
<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 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
คุณต้องโหลดต้นแบบก่อนโหลดโมดูลนี้ - snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.2/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.2/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.12.2/controls.css"> - site:
- https://github.com/google/shaka-player/
- 维护的版本:
- 4.12.2、4.11.14、4.10.26、4.9.32
- 所有托管版本:
- 4.12.0 - 4.12.2、4.11.0 - 4.11.14、4.10.0 - 4.10.26、4.9.0 - 4.9.32、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
- ข้อมูลโค้ด
-
<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 ได้
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 ที่อ้างอิงเวอร์ชันที่ตรงกันทั้งหมดแทน
เนื่องจากความกังวลเกี่ยวกับการแคชและการเข้ากันไม่ได้ระหว่างเวอร์ชันย่อย เราจึงเลิกใช้งานและหยุดอัปเดตชื่อแทนเวอร์ชันอัตโนมัติเมื่อระยะหนึ่งแล้ว ดังนั้นชื่อเหล่านี้จะอ้างอิงถึงเวอร์ชันเก่าตลอดไป (เพื่อไม่ให้เว็บไซต์ที่มีอยู่ซึ่งยังใช้อยู่)
หากพบปัญหา ให้ทำดังนี้