API เว็บ

นอกเหนือจาก chrome* API ส่วนขยายสามารถใช้ API ทั้งหมดที่เบราว์เซอร์มีเพื่อ หน้าเว็บและแอปต่างๆ ได้ หากเบราว์เซอร์ไม่รองรับ API ที่ต้องการใช้ คุณสามารถรวมกลุ่ม API เพิ่มเติม ไลบรารี API ไปยังส่วนขยาย

ต่อไปนี้คือตัวอย่างของ API ที่ส่วนขยายสามารถใช้ได้

JavaScript API มาตรฐาน

นี่คือ API ของ JavaScript และ Document Object Model (DOM) หลักเดียวกันกับที่คุณใช้ใน เว็บแอปทั่วไป

XMLHttpRequest

ใช้ XMLHttpRequest เพื่อขอข้อมูลจากเซิร์ฟเวอร์อย่างน้อย 1 เครื่อง ช่องสิทธิ์ของช่อง ไฟล์ Manifest จะระบุโฮสต์ที่ส่วนขยายสามารถส่งคำขอไปให้

HTML และ API ใหม่ๆ ที่เกิดขึ้นใหม่

Google Chrome รองรับฟีเจอร์ HTML สมัยใหม่ ตลอดจน API ใหม่ๆ ที่เกิดขึ้นใหม่ ต่อไปนี้คือบางส่วนของ API ที่ใช้ได้มีดังนี้

• เสียง (บทแนะนำ)
• แคชของแอปพลิเคชัน (บทแนะนำ)
• Canvas (บทความ)
• เต็มหน้าจอ (บทความ)
• ในแอป Chrome ระบบจะเข้าสู่โหมดเต็มหน้าจอโดยไม่ต้องแจ้งผู้ใช้หรือแจ้งวิธีการออก HTML5 แบบเต็มหน้าจอต้องใช้สิทธิ์ app.window.fullscreen ในไฟล์ Manifest ปกติ หน้าเว็บ เบราว์เซอร์จะดักจับแป้น ESC เพื่อออกจากการล็อกตัวชี้เพื่อให้แน่ใจว่ามีการหลีกหนีความเสมอต้นเสมอปลาย สำหรับผู้ใช้ ซึ่งเป็นลักษณะการทำงานในแอป Chrome เช่นกัน เว้นแต่ ระบบใช้สิทธิ์ของ app.window.fullscreen.overrideEsc เพื่ออนุญาตให้แอปโทร preventDefaultในเหตุการณ์การยกเลิกคีย์และคีย์อัป
• ตำแหน่งทางภูมิศาสตร์ (บทแนะนำ)
• พื้นที่เก็บข้อมูลในเครื่อง (บทแนะนำ)
• การแจ้งเตือน (บทแนะนำ)
• การล็อกเคอร์เซอร์ (บทแนะนำ)
• ในแอป Chrome จะมีการป้อนการล็อกเคอร์เซอร์โดยไม่ต้องมีท่าทางสัมผัสของผู้ใช้ แจ้งผู้ใช้ หรือ ให้คำแนะนำในการออก การล็อกเคอร์เซอร์ต้องมีสิทธิ์ pointerlock ในไฟล์ Manifest และจะไม่มีลักษณะการทำงานเริ่มต้น ในหน้าเว็บปกติ เบราว์เซอร์จะแทรกแซงคีย์ ESC เพื่อออกจากการล็อกเคอร์เซอร์ ลักษณะการทำงานนี้ไม่มีอยู่ในแอป Chrome
• วิดีโอ (บทแนะนำ)
• ฐานข้อมูลเว็บ (บทแนะนำ)

ดู html5rocks.com สำหรับข้อมูล HTML5, บทแนะนำ, พื้นที่โต้ตอบแบบอินเทอร์แอกทีฟ และลิงก์ไปยัง แหล่งข้อมูลอื่นๆ

API ของเว็บ

ส่วนขยายของคุณใช้ Web API ได้ ประโยชน์อย่างยิ่งคือคุณลักษณะของ CSS เช่น ตัวกรอง ภาพเคลื่อนไหว และการเปลี่ยนรูปแบบ ต่อไปนี้คือตัวอย่างการใช้รูปแบบ WebKit เพื่อทำให้ UI หมุน

<style>
  div:hover {
    transform: rotate(360deg);
    transition: all 1s ease-out;
  }
</style>

V8 API เช่น JSON

เนื่องจาก JSON อยู่ใน V8 คุณไม่จำเป็นต้องรวมไลบรารี JSON เพื่อใช้ฟังก์ชัน JSON

API ในไลบรารีที่แพ็กเกจ

หากต้องการใช้ไลบรารีที่เบราว์เซอร์ไม่ได้ให้มา (ตัวอย่างเช่น jQuery) คุณสามารถรวม ไฟล์ JavaScript ของไลบรารีนั้นพร้อมกับส่วนขยาย ไลบรารีแบบกลุ่มทำงานในส่วนขยายได้เช่นเดียวกับ ในหน้าเว็บอื่นๆ กัน