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

ตัวอย่างข้อมูล

<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

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

ข้อมูลโค้ด:

<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>

site:

dojo Toolkit.org

เวอร์ชัน:

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

ข้อมูลโค้ด:

<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

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

jQuery

3.x snippet:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

2.x snippet:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

1.x snippet:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

site:

jquery.com

versions:

3.7.1, 3.7.0, 3.6.4, 3.6.3, 3.6.2, 3.6.1, 3.6.0, 3.5.1, 3.5.0, 3.4.1, 3.4.0, 3.3.1, 3.2.1, 3.2.0, 3.1.1, 3.1.0, 3.0.0, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.12.4, 1.12.3, 1.12.2, 1.12.1, 1.12.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 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.6, 1.2.3

note:

3.3.0, 2.1.2, 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild.

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

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

ข้อมูลโค้ด:

<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

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

ข้อมูลโค้ด:

<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

snippet:

<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/5.0.0/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/5.0.0/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/5.0.0/controls.css">

site:

https://github.com/google/shaka-player/

maintained versions:

5.0.0, 4.16.16, 4.15.28

all hosted versions:

5.0.0, 4.16.0 - 4.16.16, 4.15.0 - 4.15.28, 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 เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์