API เว็บ

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

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

JavaScript API มาตรฐาน
นี่คือ JavaScript และ Document Object Model (DOM) API หลักเดียวกันกับที่คุณใช้ในเว็บแอปทั่วไปได้
XMLHttpRequest
ใช้ XMLHttpRequest เพื่อขอข้อมูลจากเซิร์ฟเวอร์อย่างน้อย 1 รายการ ช่องสิทธิ์ของไฟล์ Manifest จะระบุโฮสต์ที่ส่วนขยายจะส่งคำขอไปให้
HTML และ API อื่นๆ ที่เพิ่งเกิดใหม่

Google Chrome สนับสนุนคุณลักษณะ HTML สมัยใหม่ เช่นเดียวกับ API ใหม่ๆ เพิ่มมากขึ้น ตัวอย่าง API ที่ใช้ได้มีดังนี้

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

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

API ของเว็บ

ส่วนขยายใช้ 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 ของไลบรารีดังกล่าวไว้กับส่วนขยายได้ ไลบรารีแบบกลุ่มจะทำงานในส่วนขยาย เช่นเดียวกับไลบรารีในหน้าเว็บอื่นๆ