คำแนะนำเกี่ยวกับข้อควรพิจารณาเมื่อใช้กฎการเก็งกำไร โดยเฉพาะอย่างยิ่งสำหรับเว็บไซต์ที่ซับซ้อนมากขึ้น

ดูข้อมูลเกี่ยวกับความสามารถใหม่สำหรับลักษณะการทำงานแบบประกาศในปุ่ม

ภาพรวมของฟีเจอร์แท็บที่กำหนดเองและความพร้อมให้บริการของเบราว์เซอร์

จำนวนเต็ม 1 ชุดที่ระบุเวอร์ชันของรูปแบบไฟล์ Manifest ที่แพ็กเกจของคุณต้องการ จาก Chrome 18 นักพัฒนาแอป ควร ระบุ 2 (ไม่มีเครื่องหมายคำพูด) เพื่อใช้รูปแบบตามที่อธิบายไว้ เอกสาร: พิจารณาไฟล์ Manifest เวอร์ชัน 1 ถูกเลิกใช้งาน ตั้งแต่ Chrome 18 เวอร์ชัน 2

พื้นที่เก็บข้อมูล managed ต้องมีโครงสร้างเหมือนกับพื้นที่เก็บข้อมูล local และ sync ประกาศว่าเป็น สคีมา JSON และ Chrome ได้รับการตรวจสอบอย่างเคร่งครัด สคีมานี้ต้องจัดเก็บไว้ใน ที่ระบุโดยพร็อพเพอร์ตี้ "managed_schema" ของคีย์ไฟล์ Manifest "storage"

พร็อพเพอร์ตี้ไฟล์ Manifest name และ short_name เป็นสตริงข้อความธรรมดาสั้นๆ ที่ระบุแอป คุณระบุสตริงที่เจาะจงภาษาให้กับทั้ง 2 ช่องได้ โปรดดูรายละเอียดเกี่ยวกับ การปรับให้เป็นสากล name (อักขระสูงสุด 45 ตัว)

แอปหรือส่วนขยายจะทำงานแบบออฟไลน์ได้ เมื่อ Chrome ตรวจพบว่าออฟไลน์อยู่ แอปที่ตั้งค่าช่องนี้ไว้เป็น "จริง" จะถูกไฮไลต์ในหน้าแท็บใหม่ นับจาก Chrome 35 เป็นต้นไป ระบบจะถือว่าแอปเปิดใช้แบบออฟไลน์และค่าเริ่มต้นของ "offline_enabled" คือ true

เวอร์ชันของ Chrome ที่ส่วนขยาย แอป หรือธีมของคุณต้องใช้ (หากมี) รูปแบบของสตริงนี้เหมือนกับของช่อง เวอร์ชัน

ไอคอนอย่างน้อย 1 รายการที่แสดงถึงส่วนขยาย แอป หรือธีม คุณควรระบุขนาด 128x128 เสมอ ไอคอน; และใช้ในระหว่างการติดตั้งและใน Chrome เว็บสโตร์ ส่วนขยายควรมี ไอคอน 48x48 ซึ่งใช้ในหน้าการจัดการส่วนขยาย (chrome://extensions) นอกจากนี้คุณยัง ระบุไอคอน 16x16

แม้ว่าแอป Chrome จะใช้แพลตฟอร์มเว็บ แต่ฟีเจอร์เว็บบางอย่างถูกปิดใช้งานหรือมีการใช้ในลักษณะอื่น ซึ่งมีจุดประสงค์หลักเพื่อหลีกเลี่ยงปัญหาด้านความปลอดภัยและปรับปรุงแนวทางปฏิบัติในการเขียนโปรแกรม

ทุกแอปมีไฟล์ Manifest ในรูปแบบ JSON ชื่อ manifest.json ซึ่งมีความสำคัญ โค้ดต่อไปนี้แสดงช่องไฟล์ Manifest ที่รองรับสำหรับแอป พร้อมด้วยลิงก์ไปยังหน้าที่ จะกล่าวถึงแต่ละฟิลด์

ตัวเลขจำนวนเต็มที่คั่นด้วยจุด 1-4 จุดที่ระบุเวอร์ชันของส่วนขยายนี้ กฎ 2 ข้อ ที่ใช้กับจำนวนเต็มคือ ตัวเลขทั้งสองต้องอยู่ระหว่าง 0 ถึง 65,535 จำนวนเต็ม ไม่ใช่ 0 จะเริ่มต้นด้วย 0 ไม่ได้ ตัวอย่างเช่น 99999 และ 032 ต่างก็ไม่ถูกต้อง

เทคโนโลยีที่แอปหรือส่วนขยายต้องการ เว็บไซต์โฮสติ้ง เช่น Chrome เว็บสโตร์อาจใช้ รายการนี้เพื่อไม่ให้ผู้ใช้ติดตั้งแอปหรือส่วนขยายที่จะไม่ทำงานบนคอมพิวเตอร์ของตน ขณะนี้ข้อกำหนดที่สนับสนุนประกอบด้วย "3 มิติ" และ "ปลั๊กอิน"

คำเตือน: ตั้งแต่เวอร์ชัน 57 เป็นต้นไป Chrome จะไม่อนุญาตเนื้อหาเว็บภายนอกอีกต่อไป (รวมถึง เฟรมและสคริปต์ที่ฝังอยู่) ในหน้าแซนด์บ็อกซ์ โปรดใช้ Webview แทน

พร็อพเพอร์ตี้ไฟล์ Manifest externally_connectable จะประกาศว่าส่วนขยาย แอป และหน้าเว็บใดบ้างที่สามารถ เชื่อมต่อกับแอปของคุณผ่าน runtime.connect และ runtime.sendMessage หากต้องการดูบทแนะนำเกี่ยวกับการส่งข้อความ โปรดดู

การแมปอย่างน้อย 1 รายการจากประเภท MIME กับโมดูล Native Client ที่จัดการแต่ละประเภท สำหรับ ตัวอย่างเช่น โค้ดตัวหนาในข้อมูลโค้ดต่อไปนี้จะลงทะเบียนโมดูล Native Client เป็นเนื้อหา สำหรับประเภท MIME ของสเปรดชีต OpenOffice ค่าของ "เส้นทาง"

สตริงข้อความธรรมดา (ไม่ใช่ HTML หรือการจัดรูปแบบอื่นๆ ไม่เกิน 132 อักขระ) ที่อธิบายส่วนขยาย คำอธิบายควรเหมาะกับทั้ง UI การจัดการส่วนขยายของเบราว์เซอร์และ Chrome เว็บสโตร์ คุณระบุสตริงที่เจาะจงภาษาสำหรับช่องนี้ได้ ดูรายละเอียดได้ที่ การทำให้เป็นสากล

ระบุไดเรกทอรีย่อย _locales ที่มีสตริงเริ่มต้นสำหรับส่วนขยายนี้ ต้องระบุ ช่องนี้ในส่วนขยายที่มีไดเรกทอรี _locales และ ต้องไม่มี ในส่วนขยายที่ไม่มีไดเรกทอรี _locales โปรดดูรายละเอียดที่ การปรับให้เป็นสากล

ค่านี้จะใช้เพื่อควบคุมรหัสที่ไม่ซ้ำกันของส่วนขยาย แอป หรือธีมเมื่อโหลดในช่วงการพัฒนา หากต้องการคีย์-ค่าที่เหมาะสม ก่อนอื่นให้ติดตั้งส่วนขยายจากไฟล์.crx (คุณอาจต้อง อัปโหลดส่วนขยาย หรือ จัดแพ็กเกจส่วนขยายด้วยตนเอง ) จากนั้นให้ไปที่

RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > คำตอบ ReadableStream BodyInit มี Promises จากต้นทางหลายแห่ง ซึ่งแต่ละรายการสามารถนำไปสู่การตอบกลับได้ ReadableStream หรือ BodyInit แสดงผลออบเจ็กต์ที่แสดง ReadableStream

ตัวอย่างส่วนขยาย Chrome มีให้ ใน GitHub

สิ่งที่ต้องทำ

ดูว่า eBay เพิ่มโอกาสในการเข้าสู่ระบบสำเร็จขึ้น 10% ได้อย่างไรโดยใช้ลิงก์ชิ้นงานดิจิทัลเพื่อแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น ดูวิธีใช้การยืนยันตัวตนข้ามแพลตฟอร์มที่ปลอดภัยและปรับปรุงประสบการณ์ของผู้ใช้

ทีม Chrome ตอบกลับข้อกังวลจากชุมชน

scheduler.yield() เป็น API ใหม่ที่แบ่งงานระยะยาวอย่างเหมาะสมและดำเนินการต่อโดยจัดลำดับความสำคัญ

ที่จะช่วยคุณสร้าง เติบโต และสร้างสรรค์สิ่งใหม่ๆ บนเว็บ

ดูฟีเจอร์ใหม่ๆ ที่กำลังจะเปิดตัวใน Chrome ผ่านเบต้าล่าสุด

Chrome Web Store ตลาดกลางออนไลน์ที่ผู้ใช้เรียกดูส่วนขยายและธีมได้ เผยแพร่ส่วนขยายของคุณที่นั่นและทำให้ผู้คนทั่วโลกเข้าถึงได้ dashboard หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ เผยแพร่ส่วนขยายและจัดการรายการในร้านค้า local_mall Chrome Web Store

ChromeDriver เป็นเซิร์ฟเวอร์แบบสแตนด์อโลนที่ใช้มาตรฐาน W3C WebDriver

ดูวิธีที่ฟีเจอร์ภาพในภาพในเอกสารช่วยเพิ่มประสิทธิภาพการเรียนรู้ออนไลน์

เลือกที่กำหนดเอง การปิดกล่องโต้ตอบแบบเบา และอื่นๆ

Chrome 134 พร้อมให้ใช้งานแล้ว ซึ่งรวมถึงฟังก์ชันการปิดไฟสำหรับกล่องโต้ตอบ และอีกมากมายให้คุณได้ค้นพบ

ดูวิธีพัฒนาส่วนขยาย Chrome

ตอนนี้คุณหยุดกระบวนการตรวจสอบสำหรับรายการที่รอการตรวจสอบได้แล้ว

ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome

ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต จึงจะใช้ Bookmarks API ได้ เช่น

สิทธิ์นี้จะ ทริกเกอร์คำเตือน ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต เพื่อใช้

ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome

AI ใน Chrome ยินดีต้อนรับสู่ยุคใหม่ของเว็บด้วย AI มาดูกันว่า AI ช่วยให้นักพัฒนาซอฟต์แวร์สร้างประสบการณ์อันทรงพลังบนเว็บได้ง่ายขึ้นได้อย่างไร ทบทวนความเป็นไปได้ด้วย Gemini Nano ใน Chrome AI ในตัว เราจะนำ Gemini Nano

Chrome บน Android จะใช้พื้นที่เต็มหน้าจอตั้งแต่ Chrome เวอร์ชัน 135 เป็นต้นไป

สร้างประสบการณ์การใช้งานเว็บที่ครอบคลุมทุกด้าน

มีหน้าภายในของ Chrome โดยเฉพาะสำหรับดูรายละเอียดเกี่ยวกับข้อความแจ้งไปยัง Gemini Nano คู่มือนี้จะอธิบายวิธีใช้เครื่องมือนี้เพื่อแก้ไขข้อบกพร่อง

ใช้แผง "ความเป็นส่วนตัวและความปลอดภัย" เพื่อตรวจสอบและควบคุมคุกกี้ของบุคคลที่สาม รวมถึงตรวจสอบการป้องกัน HTTPS

การวิเคราะห์เครือข่ายขั้นสูงด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

สำรวจโหมดใหม่ของป๊อปอัปที่ลดความซับซ้อนของเคล็ดลับเครื่องมือและองค์ประกอบอื่นๆ ที่ลอยอยู่

ปรับปรุงภาระงานแมชชีนเลิร์นนิงด้วยกลุ่มย่อย การปรับปรุงเวลาคอมไพล์เชดเดอร์ใน D3D12 นำการรองรับประเภทพื้นผิวที่กรองแบบลอยตัวออกเพื่อใช้ผสม และอื่นๆ

ดูวิธีที่ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนและการเรียกให้แสดงเมื่อเลื่อนช่วยเพิ่มประสิทธิภาพให้กับบทความการเล่าเรื่อง

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

ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์

ใช้ chrome.sessions API เพื่อค้นหาและกู้คืนแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ Session [] รายการเซสชันหน้าต่างที่เปิดอยู่ของอุปกรณ์ภายนอก โดยจัดเรียงจากเซสชันที่แก้ไขล่าสุดไปจนถึงเซสชันที่แก้ไขล่าสุดน้อยที่สุด ตัวเลข

ใช้ userScripts API เพื่อเรียกใช้สคริปต์ของผู้ใช้ในบริบทสคริปต์ของผู้ใช้ หากต้องการใช้ User Scripts API chrome.userScripts ให้เพิ่มสิทธิ์ "userScripts" ลงในไฟล์ manifest.json และ "host_permissions" สำหรับเว็บไซต์ที่ต้องการเรียกใช้สคริปต์

ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์

ใช้ chrome.sessions API เพื่อค้นหาและกู้คืนแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ Session [] รายการเซสชันหน้าต่างที่เปิดอยู่ของอุปกรณ์ภายนอก โดยจัดเรียงจากเซสชันที่แก้ไขล่าสุดไปจนถึงเซสชันที่แก้ไขล่าสุดน้อยที่สุด ตัวเลข

สำรวจ Chrome Chrome 134 เบต้า Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 สิ่งใหม่ใน Chrome เครื่องมือสำหรับนักพัฒนาเว็บ

แผงความเป็นส่วนตัวและความปลอดภัย การจำกัด CPU ที่ปรับเทียบแล้ว การไฮไลต์ของบุคคลที่หนึ่งและบุคคลที่สามในประสิทธิภาพ ข้อมูลเชิงลึกใหม่ และอื่นๆ

ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อนำการจัดเตรียมให้พร้อมใช้งานหลายภาษาไปใช้กับทั้งแอปหรือส่วนขยาย หากส่วนขยายมีไดเรกทอรี /_locales ไฟล์ manifest ต้องกำหนด "default_locale" คุณต้องใส่สตริงที่ผู้ใช้มองเห็นทั้งหมดไว้ในไฟล์ชื่อ messages.json

ดูวิธีที่ Google Search ใช้ Speculation Rules API เพื่อแสดงผลการค้นหาล่วงหน้าแบบไม่ระบุตัวตนเพื่อปรับปรุงประสบการณ์ของผู้ใช้

ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ของ Windows ใน Chromium โดยตรง ซึ่งส่งผลให้การแสดงผลข้อความในเบราว์เซอร์ที่พัฒนาบน Chromium ใน Windows ดีขึ้น

ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ หากต้องการใช้ Storage API ให้ประกาศสิทธิ์ "storage" ใน manifest ของส่วนขยาย เช่น Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ

ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ Storage API ของแพลตฟอร์มเว็บ ( IndexedDB และ Storage )

ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ BigQuery เพื่อเขียนการค้นหาเทียบกับชุดข้อมูล CrUX เพื่อดูผลลัพธ์เชิงลึกเกี่ยวกับสถานะประสบการณ์ของผู้ใช้บนเว็บ

เอกสารประกอบทางเทคนิคเกี่ยวกับมิติข้อมูล CrUX

ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงรายงานประสบการณ์ของผู้ใช้ Chrome (การเปลี่ยนแปลง CrUX) ในรุ่นเดือนกุมภาพันธ์ 2025 ซึ่งรวมถึงส่วนย่อยของรูปภาพ LCP, ประเภททรัพยากร LCP และ RTT

ตัวอย่างโค้ด คำแนะนำ และการอ้างอิง API ที่จำเป็นสำหรับสิ่งที่คุณกำลังสร้าง

ข้อมูลเบื้องต้นทั้งหมดเกี่ยวกับการเริ่มต้นใช้งานส่วนขยาย Chrome

Chrome อนุญาตให้เว็บแอปที่เล่นสื่อเข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติ

สำรวจฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome

ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ

ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ

attr() ขั้นสูงของ CSS, text-box-trim, การค้นหาคอนเทนเนอร์ scroll-state และอื่นๆ

Chrome 133 พร้อมให้ใช้งานแล้ว เรามีฟีเจอร์ CSS ใหม่ๆ ที่น่าตื่นเต้นและอีกมากมายให้คุณค้นพบ

โหมดแอปพลิเคชันแบบแท็บช่วยให้นักพัฒนา Progressive Web App เพิ่มอินเทอร์เฟซเอกสารแบบแท็บลงใน PWA แบบสแตนด์อโลนได้

ปรับปรุงการตรวจสอบสิทธิ์บนเว็บด้วยแท็บการให้สิทธิ์สำหรับ Android

ขอแนะนำประวัติเฉพาะแอปสำหรับแท็บที่กำหนดเองของ Chrome สำหรับ Android

วิธีใช้ประวัติเฉพาะแอปในแอป Android

วิธีใช้แท็บที่กำหนดเองชั่วคราวในแอป Android

วิธีใช้แท็บการตรวจสอบสิทธิ์เฉพาะในแอป Android

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

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

ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย Runtime

ประวัติแชท AI แบบถาวร การนำทางที่ดีขึ้น การละเว้นข้อมูล และสแต็กเทรซในประสิทธิภาพ แผง "มีอะไรใหม่" ใหม่ และอื่นๆ

รูปแบบเวิร์กเท็กซ์ unorm8x4-bgra และ 1 คอมโพเนนต์เพิ่มเติม อนุญาตให้ขอขีดจำกัดที่ไม่รู้จักด้วยค่าที่ไม่ระบุ การเปลี่ยนแปลงกฎการจัดแนว WGSL ประสิทธิภาพที่เพิ่มขึ้นของ WGSL เมื่อใช้การทิ้ง และอื่นๆ อีกมากมาย

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต

คู่มือนี้จะแนะนำแนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API

ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงของ Chrome ที่ส่งผลต่อนักพัฒนาซอฟต์แวร์

มีอะไรใหม่ใน Chrome ดูการอัปเดตล่าสุดใน Chrome จากเอกสารและบล็อกของเรา เนื้อหาใหม่และการอัปเดตที่สำคัญในเอกสารประกอบ article วิธีที่ LLM สตรีมคำตอบ เอกสารประกอบใหม่สําหรับดูวิธีการทำงานของสตรีมมิงข้อมูลใน AI สําหรับเซิร์ฟเวอร์และไคลเอ็นต์ article

เราขอประกาศการปรับปรุงนโยบายชุดหนึ่งซึ่งออกแบบมาเพื่อความชัดเจนและความสอดคล้องกันทั่วทั้งแพลตฟอร์ม

ทําความเข้าใจว่าสตรีมมิงคืออะไรและทํางานร่วมกับ AI และ LLM อย่างไร

ใช้แนวทางปฏิบัติแนะนำสำหรับส่วนหน้าเหล่านี้เพื่อแสดงคำตอบที่สตรีมจาก Gemini ด้วย API ที่รองรับการสตรีม เช่น Prompt API

ดูวิธีตรวจหาความสามารถของ WebAuthn ด้วย `getClientCapabilities()` และปรับแต่งเวิร์กโฟลว์การตรวจสอบสิทธิ์ให้กับผู้ใช้

Translator API ในตัวช่วยให้คุณแปลเนื้อหาแบบกำหนดเองจากภาษาต้นฉบับเป็นภาษาเป้าหมายได้ เข้าร่วมช่วงทดลองใช้จากต้นทางเพื่อลองใช้ API

ตั้งแต่ Chrome เวอร์ชัน 133 เป็นต้นไป แท็บที่ทำงานอยู่เบื้องหลังซึ่งใช้ CPU มากและมีสิทธิ์จะหยุดทำงานเมื่อโหมดประหยัดพลังงานเปิดอยู่

เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ

ปรับปรุงวิธีใส่รูปภาพ วิดีโอ และอื่นๆ ลงในเว็บไซต์และแอปบนเว็บ

ตอนนี้ Chrome ใน iOS 17 ขึ้นไปสามารถสร้าง ซิงค์ และตรวจสอบสิทธิ์ด้วยพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) ได้แล้ว ซึ่งทำให้พาสคีย์ใน GPM พร้อมใช้งานในทุกที่ที่ Chrome พร้อมให้บริการ

ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง

เหมือนกับการค้นหาคอนเทนเนอร์ แต่สําหรับการค้นหาที่ค้าง หยุดชะงัก และล้น

ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome

ToggleEvent สําหรับกล่องโต้ตอบ การรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API ที่รองรับ Android และ WebView และอื่นๆ

เพิ่มพื้นที่ว่างเหนือและใต้เนื้อหาข้อความเพื่อให้เกิดความสมดุล

ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

Chrome 132 พร้อมให้ใช้งานแล้ว องค์ประกอบกล่องโต้ตอบจะได้รับ ToggleEvent ซึ่งรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API รองรับ Android และ WebView

ใช้ chrome.sockets.udp API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ UDP API นี้ใช้แทนฟังก์ชัน UDP ที่มีอยู่ใน API "ซ็อกเก็ต" ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข รหัสของซ็อกเก็ตที่สร้างใหม่

ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร

ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร

Element Capture API เป็นวิธีที่มีประสิทธิภาพและทรงพลังในการเปลี่ยนรูปแบบการบันทึกแท็บปัจจุบันให้เป็นการบันทึกต้นไม้ย่อย DOM

พบกับแอปและส่วนขยายที่ชนะจาก Built-in AI Challenge ซึ่งเราเชิญให้คุณมาจินตนาการถึงสิ่งที่เป็นไปได้ด้วย Gemini Nano ใน Chrome

การผสานรวมส่วนขยาย Web Vitals เข้ากับเครื่องมือสำหรับนักพัฒนาเว็บเสร็จสมบูรณ์แล้ว และการรองรับส่วนขยายดังกล่าวสิ้นสุดลง

ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API

ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API

ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API ให้ประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น คุกกี้ที่แบ่งพาร์ติชัน

ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API คุณต้องประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น

ใช้แท็ก appview เพื่อฝังแอป Chrome อื่นๆ ภายในแอป Chrome (ดู การใช้งาน ) ออบเจ็กต์ ข้อมูลที่ไม่บังคับซึ่งนักพัฒนาแอประบุไว้ซึ่งแอปที่จะฝังสามารถใช้เมื่อตัดสินใจเกี่ยวกับการฝัง สตริง รหัสของแอปที่ส่งคำขอฝัง โมฆะ อนุญาตคำขอฝัง ฟังก์ชัน allow

ดูข้อมูลเพิ่มเติมเกี่ยวกับการลดการโจมตีด้วยคลิกแจ๊ค

การใช้มุมมองพื้นผิว การผสมพื้นผิวแบบ 32 บิต การผสมพื้นผิวแบบ Float แอตทริบิวต์ adapterInfo ของ GPUDevice การกำหนดค่าบริบท Canvas ที่มีรูปแบบไม่ถูกต้องจะทำให้เกิดข้อผิดพลาด JavaScript การกรองข้อจำกัดของตัวสุ่มตัวอย่างในพื้นผิว การทดสอบกลุ่มย่อยแบบขยาย การปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ การรองรับรูปแบบพื้นผิวแบบ 16 บิตที่แปลงค่าให้เป็นมาตรฐานแบบทดลอง และอื่นๆ

การเปลี่ยนแปลงล่าสุดในแพลตฟอร์มส่วนขยาย Chrome, เอกสารประกอบ และนโยบาย

ดูข้อมูล WebGPU ด้วยคำแนะนำ การสาธิต และข่าวสารล่าสุด

ดูสิ่งที่มีให้ในรุ่นเสถียรและรุ่นเบต้าล่าสุดของ Chrome

ดูวิธีใช้ API สำหรับการชำระเงินล่าสุดใน Chrome

ดูข้อมูลเกี่ยวกับฟีเจอร์ความเป็นส่วนตัวและความปลอดภัยของ Chrome

เทคโนโลยีที่เลิกใช้งานเพื่อสร้างประสบการณ์ที่เข้าถึงระบบปฏิบัติการพื้นฐานได้มากขึ้น

ไลบรารี Node.js ที่มี API ระดับสูงสำหรับควบคุม Chrome หรือ Chromium แบบไม่มีส่วนหัว

ดูข้อมูลเกี่ยวกับฟีเจอร์ของ Chrome สำหรับการพัฒนาเว็บแอปบน Android

ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น

chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"

ตรวจสอบประสิทธิภาพเว็บโดยอัตโนมัติด้วย Lighthouse

เพิ่มประสิทธิภาพเว็บแอปพลิเคชันของคุณด้วยเครื่องมือเพิ่มประสิทธิภาพการทำงานของ Chrome

ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)

ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)

ใช้ chrome.action API เพื่อควบคุมไอคอนส่วนขยายในแถบเครื่องมือ Google Chrome คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ หากต้องการใช้ chrome.action API ให้ระบุ "manifest_version" ของ 3 และใส่คีย์ "action" ใน ไฟล์ Manifest คุณระบุคีย์

ดูข้อมูลเกี่ยวกับฟีเจอร์ข้อมูลประจำตัวของ Chrome เช่น การตรวจสอบสิทธิ์ผ่านเว็บ

ใช้ Commands API เพื่อเพิ่มแป้นพิมพ์ลัดที่จะทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคําสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API

คำสั่ง WebDriver บางรายการ (เช่น การปรับขนาดหน้าต่างเบราว์เซอร์) กำหนดให้ต้องโหลดส่วนขยาย Chrome ลงในเบราว์เซอร์ โดยปกติแล้ว ChromeDriver จะโหลด "ส่วนขยายการทำงานอัตโนมัติ" นี้ทุกครั้งที่เปิดเซสชัน Chrome ใหม่ อย่างไรก็ตาม คุณสามารถสั่งให้

อิมเมจทดสอบ ChromeOS ทั้งหมดมีการติดตั้งไบนารี ChromeDriver ใน /usr/local/chromedriver/ ระบบจะอัปเดตไบนารีเป็น Chrome เวอร์ชันเดียวกันในอิมเมจทดสอบนั้น กล่าวคือ คุณใช้ ChromeDriver บิลด์ล่าสุดอยู่เสมอ หากการทดสอบคาดว่าจะทํางานกับบิลด์ ChromeDriver

คอมโพเนนต์ WebView อิงตามโปรเจ็กต์โอเพนซอร์ส Chromium

ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น

chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"

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

หากต้องการตรวจสอบและแก้ไขข้อขัดข้องของ ChromeDriver คุณมีตัวเลือก 2-3 รายการ ข้อมูลนี้ใช้ในกรณีที่ ChromeDriver ขัดข้องเท่านั้น ซึ่งไม่เหมือนกับกรณีที่ Chrome ขัดข้องหรือปิด ใน Windows คุณอาจเห็นข้อมูลลักษณะนี้ สร้างเคสการทําซ้ำที่ผู้มีส่วนร่วมของ

สำหรับ Chrome เวอร์ชันเก่า โปรดดูเวอร์ชันของ ChromeDriver ที่รองรับ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเลือก ChromeDriver เวอร์ชันที่เหมาะสมได้ที่หน้า การเลือกเวอร์ชัน รองรับ Chrome เวอร์ชัน 114 โปรดดูรายละเอียดเพิ่มเติมที่ บันทึกประจำรุ่น รองรับ Chrome

ไบนารีสําหรับ ChromeDriver เวอร์ชันล่าสุดจะจัดแพ็กเกจเป็นไฟล์ ZIP สําหรับแพลตฟอร์มโฮสต์ต่างๆ คุณดู ChromeDriver เวอร์ชันเก่าได้ใน ดาวน์โหลด ChromeDriver รองรับการทดสอบในเบราว์เซอร์ Chrome (เวอร์ชัน 30 ขึ้นไป) และแอปที่ใช้ WebView ตั้งแต่ Android 4.4

ปัญหานี้มักเกิดขึ้นเมื่อเรียกใช้ ChromeDriver หรือ Chrome โดยใช้ชุดทดสอบพิเศษ (อาจเป็น IDE) หรือระบบการบิลด์แบบต่อเนื่อง (เช่น Jenkins) ลองเปิดไบนารี Chrome เดียวกับที่การทดสอบใช้จากพรอมต์คำสั่งของผู้ใช้ทั่วไป ยืนยันว่ามีการใช้ไบนารี Chrome ใดในไฟล์

Chrome อนุญาตให้ผู้ใช้จําลอง Chrome ในอุปกรณ์เคลื่อนที่จาก Chrome เวอร์ชันเดสก์ท็อปได้ โดยเปิดใช้ โหมดอุปกรณ์ด้วยเครื่องมือสําหรับนักพัฒนาเว็บใน Chrome ฟีเจอร์นี้ช่วยเร่งการพัฒนาเว็บ

ChromeDriver Canary มีฟีเจอร์ใหม่ล่าสุดของ ChromeDriver ระบบจะคอมไพล์และเผยแพร่ไบนารีใหม่หลายครั้งต่อวัน โปรดทราบว่าเครื่องมือนี้ออกแบบมาสำหรับนักพัฒนาซอฟต์แวร์และผู้ใช้งานรายแรกๆ และบางครั้งอาจใช้งานไม่ได้เลย ตั้งแต่ M115 เป็นต้นไป

ขณะนี้ ChromeDriver รองรับเฉพาะระบบที่มีการกําหนดค่าแป้นพิมพ์เป็นสหรัฐอเมริกาเท่านั้น เมื่อ ChromeDriver ตรวจพบสถานะนี้ ระบบจะบันทึกข้อมูลต่อไปนี้ ผู้ใช้ที่ไม่มีแป้นพิมพ์แบบสหรัฐอเมริกาอาจพบปัญหาแป้นหายไประหว่างใช้คำสั่ง sendKeys หรือ TypeElement

ChromeDriver เป็นเครื่องมือที่มีประสิทธิภาพและอาจก่อให้เกิดอันตรายเมื่ออยู่ในมือของผู้ไม่หวังดี ขณะใช้ ChromeDriver ให้ทำตามคำแนะนำต่อไปนี้

การศึกษาของ Chrome แสดงให้เห็นว่าฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้ผู้ใช้กรอกแบบฟอร์มได้เร็วขึ้นและมีอัตราการหยุดกลางคันลดลง

ขอขอบคุณที่สละเวลาแชร์ความคิดเห็นกับเรา ตรวจสอบรายละเอียด และช่วยกำหนดมาตรฐาน

ดูข้อกําหนดในการเริ่มสร้างฟีเจอร์และแอปพลิเคชันด้วย AI ในตัว

Language Detector API นำเสนอการค้นพบภาษาในตัวบนเว็บในเบราว์เซอร์

ใช้เครื่องมือไทม์ไลน์การจัดสรรเพื่อค้นหาออบเจ็กต์ที่ระบบไม่ได้เก็บขยะอย่างถูกต้องและยังคงใช้หน่วยความจําต่อไป

วิธีผ่านการตรวจสอบ "หลีกเลี่ยงภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite" Lighthouse

ส่วนนี้อธิบายคำทั่วไปที่ใช้ในการวิเคราะห์หน่วยความจำ และมีผลกับเครื่องมือสร้างโปรไฟล์หน่วยความจำหลายรายการในภาษาต่างๆ

แก้ไขข้อบกพร่องของคำขอเครือข่าย ไฟล์ต้นทาง และร่องรอยประสิทธิภาพด้วย Gemini, ดูประวัติการแชทกับ AI และอีกมากมาย

บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ

ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024

วิธีดูและแก้ไขพื้นที่เก็บข้อมูลส่วนขยายด้วยแผงพื้นที่เก็บข้อมูลส่วนขยาย

ใช้ chrome.browser API เพื่อโต้ตอบกับเบราว์เซอร์ Chrome ที่เชื่อมโยงกับแอปพลิเคชันและโปรไฟล์ Chrome ปัจจุบัน สตริง URL ที่จะไปยังเมื่อเปิดแท็บใหม่เป็นครั้งแรก เปิดแท็บใหม่ในหน้าต่างเบราว์เซอร์ที่เชื่อมโยงกับแอปพลิเคชันและโปรไฟล์ Chrome ปัจจุบัน

ใช้ chrome.syncFileSystem API เพื่อบันทึกและซิงค์ข้อมูลใน Google ไดรฟ์ API นี้ไม่ได้มีไว้สําหรับการเข้าถึงเอกสารของผู้ใช้ที่เก็บไว้ใน Google ไดรฟ์ โดยจะมีพื้นที่เก็บข้อมูลที่ซิงค์ได้เฉพาะแอปสําหรับการใช้งานแบบออฟไลน์และการแคช

ใช้ chrome.usb API เพื่อโต้ตอบกับอุปกรณ์ USB ที่เชื่อมต่อ API นี้ให้สิทธิ์เข้าถึงการดำเนินการ USB จากภายในบริบทของแอป เมื่อใช้ API นี้ แอปจะทําหน้าที่เป็นไดรเวอร์สําหรับอุปกรณ์ฮาร์ดแวร์ได้ ระบบจะรายงานข้อผิดพลาดที่เกิดจาก API นี้โดยการตั้งค่า

ใช้ chrome.bluetoothSocket API เพื่อส่งและรับข้อมูลไปยังอุปกรณ์บลูทูธโดยใช้การเชื่อมต่อ RFCOMM และ L2CAP คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ "system_error" ระบบเกิดข้อผิดพลาดและการเชื่อมต่ออาจกู้คืนไม่ได้ "not_listening"

ใช้ chrome.socket API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ TCP และ UDP หมายเหตุ: ตั้งแต่ Chrome 33 เป็นต้นไป เราจะเลิกใช้งาน API นี้และหันไปใช้ sockets.udp, sockets.tcp และ sockets.tcpServer API แทน ตัวเลข ตัวเลข ไม่บังคับ

ใช้ chrome.bluetooth API เพื่อเชื่อมต่อกับอุปกรณ์บลูทูธ ฟังก์ชันทั้งหมดจะรายงานความล้มเหลวผ่าน chrome.runtime.lastError คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ สตริง ที่อยู่ของอะแดปเตอร์ในรูปแบบ "XX:XX:XX:XX:XX:XX" บูลีน

ใช้ chrome.mdns API เพื่อค้นหาบริการผ่าน mDNS ซึ่งประกอบด้วยฟีเจอร์ชุดย่อยของข้อกำหนด NSD: http://www.w3.org/TR/discovery-api/ สตริง ที่อยู่ IP ของบริการที่โฆษณา mDNS string[] ข้อมูลเมตาสําหรับบริการที่โฆษณา mDNS สตริง คู่โฮสต์:พอร์ตของบริการที่โฆษณา

ใช้แท็ก webview เพื่อโหลดเนื้อหาสดจากเว็บผ่านเครือข่ายและฝังไว้ในแอป Chrome โดยแอปจะควบคุมลักษณะที่ปรากฏของ webview และโต้ตอบกับเนื้อหาเว็บ เริ่มต้นการไปยังส่วนต่างๆ ในหน้าเว็บที่ฝัง ตอบสนองต่อเหตุการณ์ข้อผิดพลาดที่เกิดขึ้นภายใน และอื่นๆ ได้ (ดู

chrome.bluetoothLowEnergy API ใช้เพื่อสื่อสารกับอุปกรณ์บลูทูธสมาร์ท (พลังงานต่ำ) โดยใช้ Generic Attribute Profile (GATT) คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ManufacturerData [] ไม่บังคับ

ใช้ chrome.fontSettings API เพื่อจัดการการตั้งค่าแบบอักษรของ Chrome หากต้องการใช้ Font Settings API คุณต้องประกาศสิทธิ์ "fontSettings" ใน extension manifest เช่น Chrome

ใช้ chrome.serial API เพื่ออ่านและเขียนในอุปกรณ์ที่เชื่อมต่อกับพอร์ตอนุกรม หมายเลข ไม่บังคับ ดู ConnectionOptions.bitrate ช่องนี้อาจละเว้นหรือไม่ถูกต้องหากมีการใช้อัตราบิตที่ไม่ใช่มาตรฐาน หรือหากเกิดข้อผิดพลาดขณะค้นหาอุปกรณ์ที่สำคัญ ตัวเลข ดู

สำรวจความเป็นไปได้อันไร้ขีดจำกัดของ Prompt API ในส่วนขยาย Chrome

ดูวิธีพัฒนาส่วนขยายด้วย AI

ดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่านโยบาย HTTP Strict Transport Security (HSTS) ที่เข้มงวด

เราจะนําแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองออกในเดือนมกราคม 2025 โดยจะมีข้อมูลเชิงลึกใหม่ในแผงประสิทธิภาพแทน

ดูและสำรวจข่าวล่าสุดเกี่ยวกับผู้ช่วย AI และกรณีการใช้งาน

Desktop Capture API จะจับภาพเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแท็บแต่ละแท็บ Enum ที่ใช้กําหนดชุดแหล่งที่มาของสื่อในเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "screen" "window" "tab" "audio" กระจก SelfCapturePreferenceEnum "include" "exclude"

ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา

ใช้ chrome.dns API สําหรับการแก้ไข DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน manifest โค้ดต่อไปนี้เรียก resolve() เพื่อดึงที่อยู่ IP ของ example.com service-worker.js: สตริง ไม่บังคับ สตริงที่แสดงที่อยู่ IP ที่เป็นลิเทอรัล

ใช้ chrome.declarativeContent API เพื่อดําเนินการตามเนื้อหาของหน้าเว็บโดยไม่ต้องขอสิทธิ์อ่านเนื้อหาของหน้า Declarative Content API ช่วยให้คุณเปิดใช้การดำเนินการของส่วนขยายโดยอิงตาม URL ของหน้าเว็บ หรือในกรณีที่ตัวเลือก CSS ตรงกับองค์ประกอบในหน้าเว็บ

ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูลและรับการแจ้งเตือนเมื่อมีการเชื่อมต่อและถอดอุปกรณ์จัดเก็บข้อมูลแบบถอดได้ "success" คำสั่งนำออกสำเร็จ แอปพลิเคชันจะแจ้งให้ผู้ใช้นำอุปกรณ์ออกได้ "in_use"

ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูบริบทของ Google Chrome คุณเลือกประเภทของออบเจ็กต์ที่จะใช้เมนูตามบริบทเพิ่มเติมได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้าเว็บ คุณต้องประกาศสิทธิ์ "contextMenus" ในไฟล์ Manifest ของส่วนขยายจึงจะใช้ API ได้

ใช้ chrome.alarms API เพื่อกำหนดเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน manifest คุณควรทำความเข้าใจลักษณะการทํางานของ API เพื่อให้มั่นใจว่า API จะทํางานอย่างถูกต้อง

chrome.audio API มีไว้เพื่อให้ผู้ใช้รับข้อมูลและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS เท่านั้น สตริง ชื่ออุปกรณ์ DeviceType ประเภทของอุปกรณ์ สตริง ชื่อที่เรียกง่าย (เช่น "ไมโครโฟน USB") สตริง

เบราว์เซอร์และคุณในฐานะนักพัฒนาแอปจะช่วยให้ผู้ใช้ป้อนข้อมูลได้เร็วขึ้นและหลีกเลี่ยงการป้อนข้อมูลซ้ำ ฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้เบราว์เซอร์กรอกข้อมูลในช่องของแบบฟอร์มโดยอัตโนมัติด้วยข้อมูลที่บันทึกไว้ของผู้ใช้ เช่น ชื่อ ที่อยู่

เอกสารทางเทคนิคเกี่ยวกับเครื่องมือ CrUX

chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคําขอเครือข่ายโดยระบุกฎแบบประกาศ ซึ่งจะช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องขัดขวางหรือดูเนื้อหาของคำขอดังกล่าว จึงช่วยเพิ่มความเป็นส่วนตัวมากขึ้น สิทธิ์ " declarativeNetRequest " และ "

ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI ของหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ เช่น สร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง แผงส่วนขยายและแถบด้านข้างแต่ละรายการจะแสดงเป็นหน้า HTML แยกกัน

ใช้ chrome.fileBrowserHandler API เพื่อขยายเบราว์เซอร์ไฟล์ของ Chrome OS เช่น คุณสามารถใช้ API นี้เพื่อให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ได้ โปรแกรมเรียกดูไฟล์ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กดแป้น Alt+Shift+M หรือเชื่อมต่ออุปกรณ์จัดเก็บข้อมูลภายนอก

ใช้ chrome.readingList API เพื่ออ่านและแก้ไขรายการใน เรื่องรออ่าน หากต้องการใช้ Reading List API ให้เพิ่มสิทธิ์ "readingList" ในไฟล์ manifest ของส่วนขยาย manifest.json: Chrome มีเรื่องรออ่านอยู่ในแผงด้านข้าง

ดูข้อมูลเกี่ยวกับฟีเจอร์ AI และการแสดงผลใหม่ที่มีการพูดคุยกันในการประชุมกลุ่มทำงาน GPU for the Web ครั้งล่าสุด

เราได้เลือก ViddyScribe สำหรับรางวัลเว็บในการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API โดยได้แสดงให้เห็นว่า Gemini ช่วยให้วิดีโอบนเว็บเข้าถึงได้ง่ายขึ้นได้อย่างไรด้วยการสร้างคำบรรยายแทนเสียงสำหรับวิดีโอทุกรายการ

วิธีเตรียมส่วนขยายให้พร้อมใช้งานในเมนูส่วนขยายใหม่

การแทนที่รหัสผ่านที่ใช้ง่ายและปลอดภัยกว่า

chrome.networking.onc API ใช้สำหรับกำหนดค่าการเชื่อมต่อเครือข่าย (เครือข่ายมือถือ, อีเทอร์เน็ต, VPN หรือ Wi-Fi) API นี้พร้อมใช้งานในเซสชันคีออสก์ Chrome OS ที่เปิดโดยอัตโนมัติ การกำหนดค่าการเชื่อมต่อเครือข่ายจะระบุตามข้อกำหนดของ

สำรวจ Translator API เพื่อเพิ่มประสิทธิภาพการสนับสนุนลูกค้าทั่วโลก

ทําความเข้าใจแหล่งข้อมูลของเว็บไซต์ด้วยความช่วยเหลือจาก AI

แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว

ดูวิธีทําให้ร่องรอยประสิทธิภาพเข้าใจง่ายขึ้นด้วยฟีเจอร์คําอธิบายประกอบใหม่ในเครื่องมือสําหรับนักพัฒนาเว็บ

ทําความเข้าใจการเข้าชมเครือข่ายของเว็บไซต์ด้วยความช่วยเหลือจาก AI

ทําความเข้าใจวิธีการทํางานของเว็บไซต์ด้วยความช่วยเหลือจาก AI

AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง

ทําความเข้าใจโปรไฟล์ประสิทธิภาพด้วยความช่วยเหลือจาก AI

ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome

ขอแนะนำ Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป

การรับช่วงค่าไฮไลต์ CSS มีการเปลี่ยนแปลง, การจัดรูปแบบ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด, รูปแบบการพิมพ์ที่ง่ายขึ้นด้วยช่องขอบของหน้า และอื่นๆ

เข้าร่วมช่วงทดลองใช้ Prompt API สำหรับต้นทางส่วนขยาย Chrome และเข้าถึง Gemini Nano ใน Chrome

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

WebAuthn Signal API ช่วยให้บุคคลที่เชื่อถือส่งสัญญาณสถานะข้อมูลเข้าสู่ระบบที่มีอยู่ไปยังผู้ให้บริการพาสคีย์ได้ เพื่อให้พาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์

Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย

สรุปบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้สั้นกระชับและมีข้อมูลเชิงลึก

ค้นหาแหล่งข้อมูลในหัวข้อต่างๆ เช่น ภาพอักษร สี และเลย์เอาต์

ทดสอบฟีเจอร์แพลตฟอร์มเว็บใหม่หรือฟีเจอร์ทดลอง แสดงความคิดเห็นแก่ชุมชนมาตรฐานเว็บเกี่ยวกับความสามารถในการใช้งาน ความสามารถในการใช้งาน และประสิทธิภาพของฟีเจอร์ ก่อนที่ฟีเจอร์ดังกล่าวจะเปิดให้บริการแก่ผู้ใช้ทั้งหมด

ดูวิธีใช้ Chrome และ DevTools เพื่อค้นหาปัญหาเกี่ยวกับหน่วยความจำที่ส่งผลกระทบต่อประสิทธิภาพของหน้าเว็บ รวมถึงการรั่วไหลของหน่วยความจำ หน่วยความจำที่เพิ่มขึ้น และขยะที่สะสมบ่อย

ระยะการครอบตัดใน WGSL, GPUCanvasContext getConfiguration(), องค์ประกอบพื้นฐานของจุดและเส้นต้องไม่มีอคติเชิงลึก, ฟังก์ชันในตัวของ Inclusive Scan สำหรับกลุ่มย่อย, การรองรับแบบทดลองสำหรับการวาดหลายครั้งโดยอ้อม, ตัวเลือกการคอมไพล์โมดูล Shader แบบ Strict Math, นำ GPUAdapter requestAdapterInfo() ออก และอื่นๆ

ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่

รับข้อมูลเชิงลึกเกี่ยวกับการจัดสรรหน่วยความจำ ตรวจสอบปัญหาหน่วยความจำระดับต่ำ และจัดการการรวบรวมขยะ

การแชร์ข้อมูลเข้าสู่ระบบที่ราบรื่นช่วยให้คุณส่งสัญญาณไปยังเครื่องมือจัดการรหัสผ่านได้อย่างปลอดภัยว่าผู้ใช้สามารถลงชื่อเข้าใช้โดยใช้ข้อมูลเข้าสู่ระบบเดียวกันในแอปและเว็บไซต์ Android

รายการวิธีปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งได้แก่ เปลี่ยนธีม ตําแหน่งโฆษณา ลําดับแผง ภาษา และอื่นๆ

สลับการวางซ้อนต่างๆ และเร่งความเร็วของการนำทางแผนผัง DOM ด้วยป้าย

ตรวจสอบเมตริก Core Web Vitals ที่เผยแพร่อยู่ในแผงประสิทธิภาพ

สร้างส่วนหัวและส่วนท้ายที่กำหนดเองเมื่อพิมพ์หน้าเว็บ

แก้ไขข้อบกพร่อง CSS ด้วย Gemini, ใส่คำอธิบายประกอบสิ่งที่ค้นพบ และรับข้อมูลเชิงลึกในแผงประสิทธิภาพ พบการเปลี่ยนเลย์เอาต์และภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite และอื่นๆ อีกมากมาย

Handwriting Recognition API ทำให้เว็บแอปพลิเคชันสามารถใช้บริการจดจำลายมือขั้นสูงเพื่อจดจำข้อความจากการป้อนข้อมูลด้วยลายมือได้ในแบบเรียลไทม์

ดูสาเหตุที่อาจมีการปิดใช้ WebGPU หรือไม่ทำงานในเบราว์เซอร์ Chrome

Chrome 132 ไม่มีโหมด Headless แบบเก่าอีกต่อไป เปลี่ยนไปใช้ Chrome-headless-shell หรือโหมดไม่มีส่วนหัวใหม่

ดูวิธีประเมินประสิทธิภาพของรันไทม์ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ดูว่าป้ายเลื่อนใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้การแก้ไขข้อบกพร่ององค์ประกอบที่เลื่อนได้ง่ายขึ้นได้อย่างไร (และวิธีที่เราสร้างป้ายนี้)

ตอนนี้โหมดไม่มีส่วนหัวของ Chrome มีประโยชน์มากขึ้นสำหรับนักพัฒนาซอฟต์แวร์โดยทำให้โหมด "ไม่มีส่วนหัว" ของ Chrome มีความใกล้เคียงกับโหมดปกติของ Chrome มากขึ้น

Chrome กำลังทำการเปลี่ยนแปลงเพื่ออนุญาตให้ใช้ bfcache สำหรับหน้าที่ใช้ Cache-Control: ไม่เก็บ เมื่อการดำเนินการนี้ปลอดภัย ดูว่าการเปลี่ยนแปลงนี้มีผลต่อนักพัฒนาแอปอย่างไร

ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง

สำรวจฟีเจอร์ที่จะเปิดตัวใน Chrome กับเบต้าล่าสุด

การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา

Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนในเอกสารช่วยให้คุณควบคุมหน้าต่างภาพซ้อนภาพได้มากขึ้น การประกาศที่ฝังของ CSS ช่วยแก้ไขกรณีขอบเขตที่ยุ่งยากบางอย่าง และคุณระบุลักษณะการทำงานของการตกแต่งในองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ และยังมีอีกมากมาย

Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130

การผสมแบบ 2 แหล่ง การปรับปรุงเวลาในการคอมไพล์ตัวปรับแสงเงาในส่วนโลหะ การเลิกใช้งาน GPU requestAdapterInfo() และอื่นๆ

ทําความเข้าใจการจัดสไตล์เว็บไซต์ด้วยความช่วยเหลือของ AI ในเครื่องมือสําหรับนักพัฒนาเว็บ

chrome.virtualKeyboard API คือ API แบบคีออสก์เท่านั้นซึ่งใช้เพื่อกำหนดค่าเลย์เอาต์และลักษณะการทำงานของแป้นพิมพ์เสมือนในเซสชันคีออสก์ บูลีน ไม่บังคับ แป้นพิมพ์เสมือนสามารถเติมข้อความอัตโนมัติได้หรือไม่ บูลีน ไม่บังคับ

chrome.clipboard API มีไว้เพื่ออนุญาตให้ผู้ใช้เข้าถึงข้อมูลในคลิปบอร์ด นี่เป็นวิธีแก้ปัญหาชั่วคราวสำหรับแอปแพลตฟอร์ม Chrome จนกว่าจะมีทางเลือกอื่นในเว็บแบบเปิดให้ใช้งาน เราจะเลิกใช้งานโซลูชันนี้เมื่อโซลูชันเว็บแบบเปิดพร้อมใช้งาน

ข้อมูลอ้างอิงแท็บ AI Innovations

ดูข้อมูลเกี่ยวกับ Long Animation Frames API (LoAF) ซึ่งเป็นการทำซ้ำครั้งถัดไปของ Long Tasks API และช่วยให้วัดความล่าช้าในการอัปเดตเฟรมด้วยการระบุแหล่งที่มา

บทแนะนำฟีเจอร์ที่เกี่ยวข้องกับเครือข่ายที่ได้รับความนิยมสูงสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต

แซนด์บ็อกซ์สำหรับเรียกใช้โค้ด C และ C++ ที่คอมไพล์แล้วในเบราว์เซอร์ เลิกใช้งานไปแล้ว

Chrome 130 มีการสนับสนุนกล่อง-การตกแต่งกล่องอย่างสมบูรณ์แบบที่ไม่มีคำนำหน้า

การเปิดตัวการเข้าถึงเครือข่ายส่วนตัว (PNA) ถูกระงับ

Translation API พร้อมให้บริการสำหรับผู้เข้าร่วมโปรแกรมทดลองใช้ก่อนเปิดตัว AI ในตัวแล้ว

การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS จะเกิดขึ้นใน Chrome 134

จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การกำหนดตำแหน่งจุดยึด

ดูวิธีที่เครื่องมือแก้ไขข้อบกพร่องของ DevTools คาดคะเนว่าจะพบข้อยกเว้นหรือไม่

เรากำลังเปิดตัวภารกิจ AI ในตัว ซึ่งขอเชิญให้คุณมาประยุกต์ใช้ Gemini Nano ใน Chrome เพื่อพลิกโฉมความเป็นไปได้

จำลอง Authenticator และแก้ไขข้อบกพร่อง WebAuthn ใน Chrome DevTools

ค้นหาข้อความในทรัพยากรที่โหลดทั้งหมดด้วยแผงการค้นหา

ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์ในแผงโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

เรายินดีที่จะเปิดตัวชุดการเปลี่ยนแปลง UI ซึ่งทำให้หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ตอบสนองได้ดียิ่งขึ้นและเหมาะกับอุปกรณ์เคลื่อนที่

คําแนะนําเกี่ยวกับเมตริกสดและเบรดครัมบ์ที่คุณไปยังส่วนต่างๆ ได้ในแผงประสิทธิภาพ ตัวกรองเครือข่ายที่พลิกโฉม การส่งออก HAR ที่มีการตรวจสอบสุขอนามัย และอื่นๆ

วิธีค้นหาและวิเคราะห์โค้ด JavaScript และ CSS ที่ไม่ได้ใช้ใน Chrome DevTools

ดูและแก้ไขไฟล์ สร้างข้อมูลโค้ด แก้ไขข้อบกพร่องของ JavaScript และตั้งค่าพื้นที่ทำงานในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

เริ่มต้นใช้งานการเปลี่ยนมุมมองเอกสารเดียวกันสำหรับใช้ในแอปพลิเคชันหน้าเว็บเดียว

ตรวจสอบเลเยอร์ที่ประกอบกันเป็นเว็บไซต์

ตรวจสอบและแก้ปัญหาแคชด้วยเครื่องมือสำหรับนักพัฒนาเว็บ

ส่วนขยาย Web Vitals จะผสานรวมกับแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งจะสิ้นสุดการรองรับแบบสแตนด์อโลนในเดือนมกราคม 2025

Language Detection API พร้อมใช้งานในช่วงทดลองใช้จากต้นทางของ Chrome แล้ว

การใช้งานหลักของคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือการบันทึกข้อความและเรียกใช้ JavaScript

พร็อพเพอร์ตี้ "id" ที่ไม่บังคับเป็นส่วนหนึ่งของข้อกำหนดเฉพาะของไฟล์ Manifest ของเว็บแอปและช่วยให้คุณกำหนดตัวระบุที่ใช้สำหรับ PWA ได้อย่างชัดเจน การเพิ่มพร็อพเพอร์ตี้ "id" ลงในไฟล์ Manifest จะนำการอ้างอิง "start_url" หรือตำแหน่งของไฟล์ Manifest ออก ซึ่งทำให้มีการอัปเดตในอนาคตได้

ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API เขียนและเขียนใหม่ใน Chrome ได้แล้ว

เร็วๆ นี้ Chrome บนเดสก์ท็อปจะสามารถสร้างพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) และซิงค์ข้อมูลในแพลตฟอร์มเหล่านั้นนอกเหนือจาก Android

การเปรียบเทียบข้อกำหนดเฉพาะสำหรับการก่ออิฐที่เสนอ 2 รายการ

ทดสอบเว็บไซต์ด้วยฟีเจอร์และการเปลี่ยนแปลงใน Chrome เบต้าล่าสุด

วิเคราะห์ประสิทธิภาพการโหลดและรันไทม์ของเว็บไซต์

การทดสอบการแชร์กระบวนการและผลกระทบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' ประสบการณ์ของนักพัฒนาแอป

เรากำลังเปิดตัว Chrome 129 อยู่ คุณสามารถให้ผลตอบแทนในงานที่ยาวๆ ได้ เพื่อปรับปรุงประสิทธิภาพ คุณสามารถทำให้องค์ประกอบเคลื่อนไหวด้วยขนาดที่แท้จริง มีการเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่งแท็ก Anchor และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 129

แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome มีวิธีใหม่ในการตรวจสอบประสิทธิภาพ Core Web Vitals ในเครื่องและเปรียบเทียบกับข้อมูลผู้ใช้จริงจากภาคสนาม

การรองรับ HDR ด้วยโหมดการปรับโทนสีแคนวาส การรองรับกลุ่มย่อยที่ขยายการให้บริการ และอื่นๆ

ใช้ภาพเคลื่อนไหวเพื่อไปยังและจากคีย์เวิร์ดการปรับขนาดตามค่าเริ่มต้นด้วย `interpolate-size` และ `calc-size()`

ดูวิธีตรวจหาว่าพอร์ตอนุกรม RFCOMM ของบลูทูธพร้อมใช้งานหรือไม่ด้วย Web Serial

ตรึงองค์ประกอบใน DOM เพื่อให้คุณตรวจสอบองค์ประกอบเหล่านั้นด้วย DevTools ได้

ดูตัวอย่างฟีเจอร์ใหม่ "การเลือกที่ปรับแต่งได้" ก่อนใคร

แสดงเนื้อหา HTML ที่กำหนดเองในหน้าต่างที่เปิดตลอดเวลา

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

รายละเอียดเกี่ยวกับการเปลี่ยนแปลงล่าสุดของชุดข้อมูล CrUX

ใช้เครื่องมือตรวจสอบหน่วยความจำเพื่อตรวจสอบ ArrayBuffer, TypedArray หรือ DataView ใน JavaScript รวมถึง WebAssembly.Memory of C++ Wasm

ติดตามการเปลี่ยนแปลงใน HTML, CSS และ JavaScript

ช่วงทดลองใช้จากต้นทางสำหรับ Digital Credentials API จะเริ่มจาก Chrome 128 Digital Credentials API คือ API แพลตฟอร์มเว็บแบบใหม่ที่ช่วยให้เว็บไซต์สามารถเลือกขอข้อมูลที่ยืนยันได้เกี่ยวกับผู้ใช้ผ่านข้อมูลเข้าสู่ระบบดิจิทัล เช่น ใบขับขี่หรือบัตรประจำตัวประชาชนที่จัดเก็บไว้ในกระเป๋าเงินดิจิทัล

การเปลี่ยนแปลงที่เกี่ยวข้องกับ API การกำหนดตำแหน่งแท็ก Anchor ที่คุณควรทราบ

หากคุณใช้โดเมนหลายโดเมนที่ใช้แบ็กเอนด์การจัดการบัญชีเดียวกัน ลิงก์เนื้อหาดิจิทัล (Digital Asset Links) จะช่วยให้คุณแชร์ข้อมูลเข้าสู่ระบบกับโดเมนต่างๆ ได้อย่างราบรื่นเพื่อให้ผู้ใช้บันทึกข้อมูลเข้าสู่ระบบเพียงครั้งเดียว และให้เครื่องมือจัดการรหัสผ่านของ Chrome แนะนำให้ผู้ใช้ไปยังเว็บไซต์ที่เกี่ยวข้องได้

คำแนะนำเกี่ยวกับวิธีเปิดเมนูคำสั่ง เรียกใช้คำสั่ง เปิดไฟล์ ดูการทำงานอื่นๆ และอีกมากมาย

คำขอค้นหาใน "ประสิทธิภาพ" > เครือข่าย ใช้ข้อมูลทดสอบในแบบฟอร์มที่อยู่ด้วยการป้อนข้อความอัตโนมัติ, ส่งออกไปยัง Puppeteer สำหรับ Firefox ในแผงโปรแกรมอัดเสียง, มองหาปัญหาด้านประสิทธิภาพได้อย่างรวดเร็วด้วยการสังเกตการณ์ในแผงประสิทธิภาพ และอื่นๆ

ดูวิธีการทํางานของ Chrome เข้าร่วมช่วงทดลองใช้จากต้นทาง และสร้างด้วย Chrome ได้ทุกที่

ตอนนี้ WebAuthn ใน Chrome สามารถใช้คำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON ได้แล้ว

ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest

ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา

ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูล และรับการแจ้งเตือนเมื่อมีการแนบและถอดอุปกรณ์เก็บข้อมูลแบบถอดออก "success" คำสั่งดีดออกเสร็จสมบูรณ์ แอปพลิเคชันสามารถแจ้งให้ผู้ใช้นำอุปกรณ์ออก "in_use" แอปพลิเคชันอื่นกำลังใช้งานอยู่

ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API

ใช้ chrome.scripting API เพื่อเรียกใช้สคริปต์ในบริบทต่างๆ หากต้องการใช้ chrome.scripting API ให้ประกาศสิทธิ์ "scripting" ใน ไฟล์ Manifest พร้อมกับสิทธิ์ของโฮสต์สำหรับหน้าเว็บที่จะแทรกสคริปต์ ใช้คีย์ "host_permissions" หรือสิทธิ์ "activeTab"

ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้

ใช้ chrome.devtools.performance API เพื่อฟังการอัปเดตสถานะการบันทึกในแผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

chrome.webAuthenticationProxy API ช่วยให้ซอฟต์แวร์เดสก์ท็อประยะไกลที่ทำงานบนโฮสต์ระยะไกลสกัดกั้นคำขอ Web Authentication API (WebAuthn) เพื่อจัดการคำขอในไคลเอ็นต์ภายในได้ สตริง ผ่าน PublicKeyCredentialCreationOptions ไปยัง

ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ chrome.vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยการเรียกใช้ createConfig() การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI ของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า

chrome.types API มีการประกาศประเภทสำหรับ Chrome ประเภท ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง

ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์

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

ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี

ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level

ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้

ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น

API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise< MemoryInfo >

ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)

ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ devtools.recorder API เป็นฟีเจอร์ตัวอย่างที่ช่วยให้คุณขยาย แผงโปรแกรมบันทึก ใน Chrome DevTools ได้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API

ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"

ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย ข้อมูลคำขอเครือข่ายจะแสดงในรูปแบบ HTTP Archive ( HAR ) คำอธิบายของ HAR อยู่นอกขอบเขตของเอกสารนี้ โปรดดู ข้อมูลจำเพาะของ

ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1

ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome มีความสามารถนี้ใน Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS

ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด

ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า ดู ข้อมูลสรุปเกี่ยวกับ DevTools API

ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศสิทธิ์ "webNavigation" ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ

ใช้ chrome.tabGroups API เพื่อโต้ตอบกับระบบการจัดกลุ่มแท็บของเบราว์เซอร์ คุณใช้ API นี้เพื่อแก้ไขและจัดเรียงกลุ่มแท็บในเบราว์เซอร์ได้ หากต้องการจัดกลุ่มและยกเลิกการจัดกลุ่มแท็บ หรือค้นหาแท็บที่อยู่ในกลุ่ม ให้ใช้ chrome.tabs API สีของกลุ่ม "เทา"

chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง

ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว "TWO_SIDED_LONG_EDGE" ระบุว่ามีการใช้การพิมพ์ 2

ความสามารถคือตัวเลือกที่คุณสามารถใช้เพื่อปรับแต่งและกำหนดค่าเซสชัน ChromeDriver ได้

คุณเห็นด้วยกับผู้เข้าร่วม CSS Day เกี่ยวกับสิ่งที่ควรเพิ่มลงในเว็บไหม

การเพิ่มประสิทธิภาพใหม่ใน Chrome ช่วยปรับปรุงวิธีจัดเก็บข้อมูล IndexedDB ในดิสก์ เอกสารนี้จะสรุปประเด็นสำคัญของการอัปเดตนี้

ตอนนี้ผู้เข้าร่วม EPP สร้างต้นแบบได้ด้วย API ตรวจจับภาษาใน Chrome ได้แล้ว

chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคำขอเครือข่ายด้วยการระบุกฎการประกาศ วิธีนี้ช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องสกัดกั้นและดูเนื้อหาของตน ดังนั้นจึงให้ความเป็นส่วนตัวมากขึ้น declarativeNetRequestFeedback

ทำให้เว็บไซต์โหลดเร็วขึ้นด้วย Chrome Lighthouse

ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น

ใช้ chrome.sidePanel API เพื่อโฮสต์เนื้อหาในแผงด้านข้างของเบราว์เซอร์ควบคู่ไปกับเนื้อหาหลักของหน้าเว็บ หากต้องการใช้ Side Panel API ให้เพิ่มสิทธิ์ "sidePanel" ในไฟล์ Manifest ส่วนขยาย ดังนี้ manifest.json: API แผงด้านข้างช่วยให้ส่วนขยายแสดง UI

ใช้ chrome.pageAction API เพื่อวางไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ การทำงานของหน้าเว็บแสดงถึงการกระทำที่ทำได้ในหน้าปัจจุบัน แต่ใช้ไม่ได้กับหน้าเว็บทั้งหมด การดำเนินการของหน้าเว็บจะปรากฏเป็นสีเทาเมื่อไม่มีการใช้งาน

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

ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest

ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อปรับใช้การปรับให้เป็นสากลทั่วทั้งแอปหรือส่วนขยาย คุณต้องใส่สตริงทั้งหมดที่ผู้ใช้มองเห็นลงในไฟล์ชื่อ messages.json แต่ละครั้ง คุณเพิ่มภาษาใหม่ โดยเพิ่มไฟล์ข้อความภายใต้ไดเรกทอรีชื่อ _locales/_localeCode_ โดยที่

ใช้การทำงานของเบราว์เซอร์เพื่อใส่ไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ นอกจาก ไอคอน แล้ว การดำเนินการของเบราว์เซอร์อาจมี เคล็ดลับเครื่องมือ ป้าย และ ป๊อปอัป ด้วย ในรูปต่อไปนี้

ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น

ใช้ chrome.fileBrowserHandler API เพื่อขยายโปรแกรมเรียกดูไฟล์ของ Chrome OS ตัวอย่างเช่น คุณใช้ API นี้เพื่ออนุญาตให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณได้ โปรแกรมเรียกดูไฟล์ของ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กด Alt+Shift+M

ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI หน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ โดยสร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ

ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"

ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)

ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register

ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"

ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น

ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา

ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว "TWO_SIDED_LONG_EDGE" ระบุว่ามีการใช้การพิมพ์ 2

ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN

ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API

ใช้ chrome.fontSettings API เพื่อจัดการการตั้งค่าแบบอักษรของ Chrome หากต้องการใช้ Font Settings API คุณต้องประกาศ "fontSettings" สิทธิ์ใน ส่วนขยาย ไฟล์ Manifest เช่น Chrome

ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest

ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1

ใช้ chrome.history API เพื่อโต้ตอบกับบันทึกหน้าเว็บที่เข้าชมของเบราว์เซอร์ คุณสามารถเพิ่ม นำออก และค้นหา URL ในประวัติของเบราว์เซอร์ได้ หากต้องการลบล้างหน้าประวัติด้วยเวอร์ชันของคุณเอง โปรดดู ลบล้างหน้า คุณต้องประกาศ "ประวัติ" สิทธิ์ในการใช้ API

ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]

ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome รองรับเสียงพูดในตัวสำหรับ Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS

ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์

ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ devtools.recorder API

ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู

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

ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศ "webnavigation" สิทธิ์ ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ

ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้

chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest, management.uninstallSelf และ management.getSelf

ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด

chrome.types API มีการประกาศประเภทสำหรับ Chrome ต้นแบบ ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง

ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสถานะ "ไม่มีการใช้งาน" สิทธิ์ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"

chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง

ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้

ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest

ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level

ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML

ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น

ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest

ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน

ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ

ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API

สิทธิ์นี้ เรียกให้แสดงคำเตือน ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้

ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น

ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยใช้เมธอด createConfig การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI แบบเนทีฟของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า VPN

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

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

ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสิทธิ์ "idle" ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"

ใช้ offscreen API เพื่อสร้างและจัดการเอกสารนอกหน้าจอ หากต้องการใช้ API นอกหน้าจอ ให้ประกาศสิทธิ์ "offscreen" ใน ไฟล์ Manifest ของส่วนขยาย เช่น Service Worker ไม่มีสิทธิ์เข้าถึง DOM

ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML

ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน

ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู

chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS

chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest(), management.uninstallSelf() และ management.getSelf()

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

ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้ chrome.downloads API ได้ใน

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

ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register

ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี

ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ

ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"

ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN

ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]

ใช้ chrome.sockets.tcp API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ TCP API นี้มีผลแทนฟังก์ชัน TCP ที่พบใน API ของ chrome.socket ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข รหัสของซ็อกเก็ตที่สร้างขึ้นใหม่

ใช้ chrome.hid API เพื่อโต้ตอบกับอุปกรณ์ HID ที่เชื่อมต่อ API นี้ให้สิทธิ์เข้าถึงการดำเนินการ HID จากภายในบริบทของแอป เมื่อใช้ API นี้ แอปต่างๆ จะทำหน้าที่เป็นไดรเวอร์ของอุปกรณ์ฮาร์ดแวร์ได้ ระบบจะรายงานข้อผิดพลาดที่สร้างโดย API นี้โดยการตั้งค่า

ใช้ chrome.sockets.tcpServer API เพื่อสร้างแอปพลิเคชันเซิร์ฟเวอร์โดยใช้การเชื่อมต่อ TCP API นี้มีผลแทนฟังก์ชัน TCP ที่พบใน API ของ chrome.socket ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข

ใช้ chrome.system.network API สตริง ที่อยู่ IPv4/6 ที่ใช้ได้ สตริง ชื่อพื้นฐานของอะแดปเตอร์ ใน *nix ค่านี้มักจะเป็น "eth0", "wlan0" ฯลฯ ตัวเลข ความยาวของคำนำหน้า เรียกดูข้อมูลเกี่ยวกับอะแดปเตอร์ในตัวเครื่องของระบบนี้ ไม่บังคับ พารามิเตอร์ callback

ใช้ chrome.fileSystem API เพื่อสร้าง อ่าน ไปยังส่วนต่างๆ และเขียนลงในระบบไฟล์ในเครื่องของผู้ใช้ API นี้ทำให้แอป Chrome อ่านและเขียนไปยังตำแหน่งที่ผู้ใช้เลือกได้ เช่น แอปแก้ไขข้อความจะใช้ API เพื่ออ่านและเขียนเอกสารในเครื่องได้

ใช้ chrome.app.window API เพื่อสร้างหน้าต่าง Windows มีเฟรมเสริมพร้อมแถบชื่อและตัวควบคุมขนาด และจะไม่เชื่อมโยงกับหน้าต่างเบราว์เซอร์ Chrome ใดๆ ดู ตัวอย่างสถานะหน้าต่าง สำหรับการสาธิตตัวเลือกเหล่านี้ หน้าต่าง "หน้าต่าง" JavaScript

ใช้ chrome.mediaGalleries API เพื่อเข้าถึงไฟล์สื่อ (เสียง รูปภาพ วิดีโอ) จากดิสก์ในเครื่องของผู้ใช้ (เมื่อได้รับความยินยอมจากผู้ใช้) สตริง boolean สตริง ระบุแกลเลอรีที่แก้ไขแล้ว GalleryChangeType ประเภทของเหตุการณ์การเปลี่ยนแปลง

โดยค่าเริ่มต้น ChromeDriver จะบันทึกเฉพาะคำเตือน/ข้อผิดพลาดไปยัง Stderr เท่านั้น เมื่อแก้ไขข้อบกพร่อง ก็จะช่วยให้บันทึกที่มีรายละเอียดมากขึ้นได้ หากต้องการเปิดใช้การบันทึกแบบละเอียด เพียงส่ง --verbose ไปยังเซิร์ฟเวอร์ chromedriver คุณยังส่งผ่าน

หน้านี้มีเอกสารเกี่ยวกับวิธีเริ่มใช้ ChromeDriver เพื่อทดสอบเว็บไซต์ของคุณ เดสก์ท็อป (Windows/Mac/Linux) นอกจากนี้คุณยังสามารถอ่าน การเริ่มต้นใช้งาน Android หรือ การเริ่มต้นใช้งาน ChromeOS ChromeDriver เป็นไฟล์ปฏิบัติการแยกต่างหากที่ Selenium

สามารถแพคหรือคลายการแพคส่วนขยาย Chrome ได้ หากต้องการแพ็กส่วนขยายที่คลายการแพคแล้ว ให้ใช้ปุ่มแพ็กใน chrome://extensions หรือ ใช้ Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem"

ปรับแต่งข้อมูลประสิทธิภาพด้วย Extensibility API

ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน

ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศสิทธิ์ "browsingData" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API

API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise< MemoryInfo >

Desktop Capture API จะบันทึกเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแต่ละแท็บ Enum ใช้เพื่อกำหนดชุดแหล่งที่มาของสื่อบนเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "หน้าจอ" "window" "tab" "เสียง" มิเรอร์ SelfCapturePreferenceEnum "รวม" "exclude" มิเรอร์

ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา Document Scan API ได้รับการออกแบบมาเพื่อให้แอปและส่วนขยายดู ของเนื้อหากระดาษบนเครื่องสแกนเอกสารที่แนบมา สตริง ระบุแฮนเดิลงานเดียวกันกับที่ส่งไปยัง cancelScan()

ใช้ chrome.dns API สำหรับความละเอียดของ DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน ไฟล์ Manifest โค้ดต่อไปนี้เรียกใช้ resolve() เพื่อเรียกข้อมูลที่อยู่ IP ของ example.com service-worker.js string ไม่บังคับ สตริงที่แทนลิเทอรัลของที่อยู่ IP

หมายเหตุ: API นี้เลิกใช้งานแล้ว ลองใช้ declarativeNetRequest API แทน ใช้ chrome.declarativeWebRequest API เพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ มีความรวดเร็วกว่า chrome.webRequest API

การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา

แก้ไขข้อบกพร่องและเพิ่มประสิทธิภาพเว็บแอปพลิเคชันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ดูวิธีสร้างแอปด้วย WebGPU สําหรับเว็บและแพลตฟอร์มที่เฉพาะเจาะจง

ใช้แผงสื่อเพื่อดูข้อมูลและแก้ไขข้อบกพร่องของโปรแกรมเล่นสื่อในแต่ละแท็บเบราว์เซอร์

Chrome 128 กำลังเปิดตัว ด้วยการแสดงผลที่ปรับปรุงใหม่สำหรับองค์ประกอบทับทิมพร้อมการขึ้นบรรทัดใหม่ Promise.try จะเริ่มต้นเชน Promise ได้ง่ายขึ้น อินเทอร์เฟซ PointerEvent ขยายให้สามารถระบุปากกาหลายด้ามแบบไม่ซ้ำกัน นอกจากนี้ยังมีอีกมากมายและอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 128

โพสต์จาก Ahmed Elwasefi ที่แชร์ว่าทําไมเขาจึงกลายมาเป็น Contributor ของ Chromium ผ่าน Google Summer of Code

การทดสอบกับกลุ่มย่อย เลิกใช้งานความลำเอียงในการตั้งค่าสำหรับบรรทัดและจุด

ทีม Chrome กำลังทดสอบ File System Observer API ใหม่ซึ่งจะแจ้งให้นักพัฒนาซอฟต์แวร์ทราบเกี่ยวกับการเปลี่ยนแปลงในระบบไฟล์

Chrome 128 จะเริ่มเปิดตัวในวันที่ 20 สิงหาคม 2024 พร้อมพร็อพเพอร์ตี้ CSS Ruby-align, Promise.try และยังมีฟีเจอร์อื่นๆ อีกมากมาย

ใช้ chrome.alarms API เพื่อตั้งเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน ไฟล์ Manifest ดังนี้ ตัวอย่างต่อไปนี้จะแสดงวิธีใช้และตอบสนองต่อการปลุก หากต้องการลองใช้ API นี้ ติดตั้ง

ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูตามบริบทของ Google Chrome คุณเลือกประเภทออบเจกต์ที่จะใช้การเพิ่มเมนูตามบริบทได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้า รายการเมนูตามบริบทอาจปรากฏในเอกสาร (หรือเฟรมภายในเอกสาร) ใดก็ได้ รวมถึงรายการที่มี

chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS

chrome.audio API มีไว้เพื่ออนุญาตให้ผู้ใช้รับข้อมูลเกี่ยวกับและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS สตริง ชื่ออุปกรณ์ DeviceType ประเภทอุปกรณ์ สตริง ชื่อที่เข้าใจง่าย (เช่น "ไมโครโฟน USB")

ใช้ chrome.declarativeContent API เพื่อดำเนินการโดยขึ้นอยู่กับเนื้อหาของหน้าเว็บ โดยไม่ต้องใช้สิทธิ์ในการอ่านเนื้อหาในหน้า Declarative Content API ช่วยให้คุณสามารถเปิดใช้การทำงานของส่วนขยายได้โดยขึ้นอยู่กับ URL ของ หรือหากตัวเลือก CSS

ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศ "browsingData" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API

ใช้ API ของคำสั่งเพื่อเพิ่มแป้นพิมพ์ลัดที่ทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคำสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API

File System Access API ช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพซึ่งโต้ตอบกับไฟล์ในอุปกรณ์ของผู้ใช้ได้ เช่น IDE, เครื่องมือแก้ไขรูปภาพและวิดีโอ, เครื่องมือแก้ไขข้อความ และอื่นๆ หลังจากที่ผู้ใช้ให้สิทธิ์เข้าถึงเว็บแอปแล้ว API นี้จะอนุญาตให้ผู้ใช้อ่านหรือบันทึกการเปลี่ยนแปลงไปยังไฟล์และโฟลเดอร์ในอุปกรณ์ของผู้ใช้ได้โดยตรง

ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API การสรุปสำหรับ Gemini Nano ใน Chrome ได้แล้ว

ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace

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

ค้นพบ 4 วิธีที่ไม่เหมือนใครในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ

ข้อมูลเชิงลึกของคอนโซลเผยแพร่ในยุโรป การติดตามเครือข่ายที่ปรับปรุงแล้วและ API เพื่อปรับแต่งแทร็กในแผงประสิทธิภาพ และอื่นๆ

Puppeteer 23 มีการสนับสนุนที่เสถียรสำหรับ Firefox 129 ขึ้นไป โดยมี API แบบรวมสำหรับระบบอัตโนมัติของ Chrome และ Firefox โดยอิงตาม WebDriver BiDi

ข่าวสารล่าสุดจากทีมสัมพันธ์นักพัฒนาซอฟต์แวร์ Chrome

ข้อมูลอัปเดตเกี่ยวกับ AI ในตัว, Prompt API และแผน AI ของ Chrome

ตอนนี้ Chrome ใน Android ได้ผสานรวมเครื่องมือจัดการข้อมูลเข้าสู่ระบบแล้ว ซึ่งช่วยให้เครื่องมือจัดการรหัสผ่านของบุคคลที่สามสามารถใช้พาสคีย์ใน Android 14 ขึ้นไป

อธิบายสถานะความสามารถในการทำงานร่วมกันปัจจุบันของชื่อที่ผู้เขียนกำหนดตามที่ใช้ใน Shadow DOM ใน CSS

BrowserStack มีการรองรับ WebDriver BiDi ซึ่งจะช่วยเพิ่มประสิทธิภาพการทดสอบ Selenium Grid ด้วยการทำงานอัตโนมัติที่ขับเคลื่อนด้วยเหตุการณ์

ดูวิธีที่ทีมเครื่องมือสำหรับนักพัฒนาเว็บปรับปรุงวิธีนำเสนอรูปแบบในแท็บสไตล์

ดูว่าเซิร์ฟเวอร์ของคุณสามารถส่งคำแนะนำให้เบราว์เซอร์เกี่ยวกับทรัพยากรย่อยที่สำคัญได้อย่างไร

ดูวิธีค้นหาแนวโน้ม CrUX ที่ผ่านมาในช่วง 6 เดือนก่อนหน้าโดยใช้ CrUX History API

ดูวิธีสร้างคำขอและแยกวิเคราะห์การตอบกลับจาก CrUX API

องค์ประกอบ Ruby ในบรรทัดและคุณสมบัติ CSS Ruby-align

วิเคราะห์โหลดและทรัพยากรของเครือข่าย

ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน

Chrome 127 กำลังเปิดตัว การสนับสนุนการปรับขนาดแบบอักษรช่วยให้การเปิดใช้งานของผู้ใช้มีผลใน Document Picture-in-Picture API คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และยังมีอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 127

งานวิจัยผู้ใช้ภายในของ Chrome แสดงให้เห็นว่าผู้คนจำนวนมากให้ความสำคัญกับการติดตั้งเว็บแอป ซึ่งมีประโยชน์มากมาย เช่น Chrome และนักพัฒนาเว็บสามารถช่วยคุณได้หลายวิธี ซึ่งรวมถึงฟีเจอร์ใหม่สำหรับการโปรโมตด้วยการเรียนรู้ของเครื่อง

การทดสอบการรองรับ OpenGL ES บน Android, แอตทริบิวต์ข้อมูล GPUAdapter, การปรับปรุงการทำงานร่วมกันของ WebAssembly และอื่นๆ

Chrome 127 จะเริ่มเปิดตัวในวันที่ 23 กรกฎาคม 2024 โดยมีการปรับขนาดแบบอักษรของ CSS, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และอีกมากมาย

ช่วยให้เรามั่นใจว่าขั้นตอนการอ่านตรงกับความต้องการของคุณ

ข้อมูลอ้างอิงแท็บค่ากำหนด

ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์แผง Chrome DevTools Network

วิเคราะห์และบันทึกการไหลเวียนของผู้ใช้

เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้

ประกาศนี้ประกอบด้วยการอัปเดตหน้านโยบายโปรแกรมสำหรับนักพัฒนาแอปที่ออกแบบมาเพื่อส่งเสริมการพัฒนาผลิตภัณฑ์ที่มีคุณภาพสูง ป้องกันพฤติกรรมหลอกลวง และดูแลให้ผู้ใช้มีข้อมูลให้ความยินยอม

การวางตำแหน่งแท็ก Anchor ของ CSS ในองค์ประกอบ, "ไม่ต้องหยุดชั่วคราวที่นี่' ปรับปรุงแล้ว" ใน "แหล่งที่มา", Listener เหตุการณ์ของการเลื่อนสแนปแบบใหม่, ค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย และอื่นๆ

ตรวจสอบองค์ประกอบในเว็บแอป

ข้อมูลอ้างอิงเกี่ยวกับวิธีบันทึกและวิเคราะห์ประสิทธิภาพทั้งหมดใน Chrome DevTools

YouTube กำลังยกระดับความปลอดภัยของแพลตฟอร์มด้วย Trusted Types เพื่อป้องกันการโจมตีแบบ Cross-site Scripting แต่อาจส่งผลกระทบต่อส่วนขยายของคุณ

Long Animation Frame API (LoAF) จัดส่งมาจาก Chrome 123 และตอนนี้เราได้อัปเดตเครื่องมือและคำแนะนำเพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจาก API ใหม่นี้

เรียนรู้ว่า DOM ขนาดใหญ่จะลดประสิทธิภาพของหน้าเว็บได้อย่างไร และคุณจะสามารถลดขนาด DOM ของคุณเมื่อโหลดได้อย่างไร

ทีม Chrome พยายามหาตัวเลือกที่จะนำการแสดงผลล่วงหน้าสำหรับหน้าเว็บในอนาคตซึ่งผู้ใช้มีแนวโน้มที่จะเข้าชมกลับมาอีกครั้ง

เราได้พูดคุยกับทีมที่ดูแลการตรวจสอบใน Chrome เว็บสโตร์

ทีม Chrome ได้ทำการปรับปรุงหลายอย่างที่เกี่ยวข้องกับการใช้งาน IndexedDB (IDB)

ทีม Chrome กำลังทดสอบกับองค์ประกอบใหม่ < สิทธิ์> HTML ที่ประกาศ เพื่อขอให้ผู้ใช้เข้าถึงฟีเจอร์ที่มีประสิทธิภาพ

หากต้องการให้การเปิดตัวแอปพลิเคชันที่ทำงานด้วยระบบ AI ในอนาคตเร็วขึ้น ให้แคชข้อมูลโมเดลในอุปกรณ์ให้ชัดเจน

เพิ่มขีดจำกัด maxTextureArrayLayers, การเพิ่มประสิทธิภาพการอัปโหลดบัฟเฟอร์สำหรับแบ็กเอนด์ Vulkan, การปรับปรุงเวลาการคอมไพล์ตัวปรับแสงเงา, บัฟเฟอร์คำสั่งที่ส่งต้องไม่ซ้ำกัน และการอัปเดต Dawn

ทดสอบฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome โดยการดาวน์โหลดเวอร์ชันเบต้า

Chrome 126 จะเริ่มเปิดตัวในวันที่ 11 มิถุนายน 2024 พร้อมกับการเปลี่ยนมุมมองเอกสารแบบข้ามเอกสาร, การเปิดใช้ CloseWatcher API อีกครั้ง, การทริกเกอร์ Rumble สำหรับ Gamepad API และอื่นๆ อีกมากมาย

อ่านประกาศทั้งหมดของ CSS และ UI บนเว็บจากงาน Google I/O 2024

Chrome 126 กำลังเปิดตัวแล้ว ด้วยการรองรับการเปลี่ยนข้ามเอกสารใน ViewTransitions API ทำให้ CloseWatcher API ใช้งานได้อีกครั้ง รวมทั้งทำให้ Gamepad API ทำงานสั่นสะเทือน และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 126

เหตุการณ์ยกเลิกการโหลดจะค่อยๆ เลิกใช้ตั้งแต่วันที่ Chrome 117 เป็นต้นไป ดูความหมายของการเปลี่ยนแปลงนี้ ตลอดจนวิธีที่เว็บไซต์และองค์กรต่างๆ จะเตรียมความพร้อมสำหรับกระบวนการนี้

ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดเพื่อช่วยให้คุณจัดระเบียบแผงประสิทธิภาพและเน้นที่ข้อมูลที่คุณต้องการมากที่สุด

เอกสารทางเทคนิคเกี่ยวกับเมตริก CrUX

ตรวจสอบคำขอและการตอบกลับของ CDP

วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างคำนวณเหตุการณ์สไตล์อีกครั้ง

เรายินดีที่จะประกาศเปิดตัวฟีเจอร์ใหม่ที่จะช่วยให้นักพัฒนาแอปข้ามกระบวนการตรวจสอบสําหรับการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยายซึ่งใช้ไฟล์ Manifest V3 ได้โดยใช้ Declarative Net Request API

คำอธิบายของการกรองเนื้อหาและวิธีการเข้าถึงในส่วนขยาย Chrome ของคุณ

ดูข้อมูลเกี่ยวกับ "ไม่ได้มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น" Lighthouse ของการตรวจสอบ

ดูวิธีจำลองเบราว์เซอร์อื่นๆ ด้วยแผงเงื่อนไขเครือข่าย

โหมดการกำหนดค่าแทร็กที่ปรับปรุงใหม่, รายการละเว้นในแผนภูมิ Flame Chart และลด CPU ลง 20 เท่าในแผงประสิทธิภาพ และอื่นๆ

งาน Google I/O อีกงานหนึ่งก็อยู่หลังเรา และเราก็ได้พูดถึงการอัปเดตส่วนขยายที่น่าตื่นเต้นทั้งหมดแล้ว

เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องของ JavaScript

เรียนรู้เกี่ยวกับฟีเจอร์ทั้งหมดของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อแก้ไขข้อบกพร่องของกฎการคาดเดาที่ใช้เพื่อดึงข้อมูลล่วงหน้าและแสดงการนำทางหน้าเว็บในอนาคตล่วงหน้า

ดูไฟล์ต้นฉบับและมีสิทธิ์เข้าถึงเครื่องมืออื่นๆ

Codelab ต่อไปนี้มี AI ฝั่งไคลเอ็นต์ ไม่ต้องมีความรู้ด้านการพัฒนา AI, เซิร์ฟเวอร์ หรือคีย์ API

เอกสารฉบับนี้ให้ไฮไลต์สั้นๆ เกี่ยวกับสิ่งที่เกิดขึ้นล่าสุดในระบบนิเวศของเฟรมเวิร์ก JavaScript

ส่วนที่ 1/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงในเว็บ

อ่านสรุปจาก Web AI ที่งาน I/O 2024 เรียนรู้เกี่ยวกับโมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ

ส่วนที่ 2/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงบนเว็บ

AI ในอุปกรณ์เป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง

วิเคราะห์ประสิทธิภาพรันไทม์ของเว็บไซต์แบบเรียลไทม์

ประกาศเกี่ยวกับการเปลี่ยนมุมมองข้ามเอกสารสำหรับ MPA การเปลี่ยนมุมมองแบบเลือกที่มีประเภทที่ใช้งานอยู่ และการแชร์รูปแบบภาพเคลื่อนไหวด้วย View-transition-class

Chrome 126 เบต้าประกอบด้วยการเปลี่ยนมุมมองข้ามเอกสาร, ส่วนขยายทริกเกอร์ Gamepad API ที่รบกวนการทำงาน และฟีเจอร์อื่นๆ

ระบบรองรับเฟรมเวิร์กการทำงานอัตโนมัติของ Windows UI ใน Chrome 126

ตอนนี้ Async Clipboard API จัดการกับรูปภาพ SVG ได้แล้ว

Chrome 125 จะเริ่มเปิดตัวในวันที่ 14 พฤษภาคม 2024 พร้อม CSS Anchor Positioning, Compute Pressure API, ฟีเจอร์พื้นฐานใหม่ และอีกมากมาย

AI ฝั่งไคลเอ็นต์เป็นข้อเสนอล่าสุดที่นําโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ ในขณะเดียวกันก็ปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง

พบกับฟีเจอร์ที่น่าตื่นเต้นจากเซสชันและประเด็นสำคัญสำหรับนักพัฒนาซอฟต์แวร์ Google I/O

ใช้การลบล้างในเครื่องเพื่อจำลองทรัพยากรระยะไกลและเก็บการเปลี่ยนแปลงที่คุณทำในเครื่องมือสำหรับนักพัฒนาเว็บในการโหลดหน้าเว็บ

ดูวิธีลบล้างและจำลองการตอบสนองของเครือข่ายด้วยเครื่องมือสำหรับนักพัฒนาเว็บ

Chrome 125 กำลังเปิดตัวแล้ว ไม่ว่าจะเป็น CSS Anchor Positioning API, Compute Pressure API, การขยายไปยัง Storage Access API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 125

เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ&#34 ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API

ทำความเข้าใจข้อผิดพลาดและคำเตือนในคอนโซลได้ดีขึ้นด้วย Gemini

จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การวางตำแหน่งจุดยึดใหม่

ดูวิธีก้าวข้ามความท้าทายด้วยการทดสอบในสภาพแวดล้อมระดับองค์กร

ภาพรวมคร่าวๆ เกี่ยวกับ Puppeteer, Chrome Headless และ Chrome สำหรับการทดสอบและแหล่งข้อมูลอื่นๆ จากทีมเครื่องมือของ Chrome

สาเหตุของข้อผิดพลาดในคอนโซล, สถิติของตัวเลือก CSS ในประสิทธิภาพ, ส่วนหัวคำแนะนำล่วงหน้าในเครือข่าย และอื่นๆ

ดูวิธีที่เว็บไซต์อีคอมเมิร์ซได้ประโยชน์จากการใช้ฟีเจอร์ CSS และ UI ล่าสุด เช่น ดูการเปลี่ยน, ภาพเคลื่อนไหวที่ขับเคลื่อนโดยการเลื่อน, Popover API และอื่นๆ

กลุ่มย่อยที่อยู่ระหว่างการพัฒนาและแสดงผลเป็นส่วนของพื้นผิว 3 มิติ

RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน

ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia

ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()

ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia

หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน

WebGPU ช่วยให้กราฟิก 3 มิติและการประมวลผลพร้อมกันประสิทธิภาพสูงบนเว็บได้

ข้อเสนอในการกำหนดการก่ออิฐและตารางกริดในข้อกำหนดเฉพาะ

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้minimum_chrome_version ของ manifest.json

Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน

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

Captured Surface Control API ช่วยให้เว็บแอปเลื่อนและซูมแท็บที่จับภาพไว้ได้

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ trial_tokens ของ Manifest.json

ดูเมตริก WebAudio API ในแผง WebAudio

การจัดตำแหน่ง Anchor ของ CSS, ฟังก์ชันแบบขั้นบันไดของ CSS, Compute Pressure API และอื่นๆ

เรียนรู้วิธีใช้ Workbox เพื่อให้แน่ใจว่าหน้าเว็บของคุณทำงานในเบราว์เซอร์ต่างๆ ได้

ตรวจสอบและแก้ไขภาพเคลื่อนไหวด้วยแผงภาพเคลื่อนไหว

ดูวิธีกำหนดค่า start_url ของ Progressive Web App เพื่อให้แอปเข้าถึงได้แบบออฟไลน์

ดูวิธีทำให้ Progressive Web App ทำงานแบบออฟไลน์

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้

ดูวิธีเพิ่มการรองรับไอคอนที่มาสก์ได้ลงใน PWA

การควบคุมการอ้างอิงแท็บ

ดูข้อมูลเกี่ยวกับ Lighthouse "แต่ละหน้าจะมีการตรวจสอบ URL"

ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้ใน Chrome ด้วยแผงการป้อนข้อความอัตโนมัติ

API แบบพับได้เป็น API 2 แบบใน Chrome ที่ออกแบบมาเพื่อช่วยให้นักพัฒนาแอปกำหนดเป้าหมายไปยังอุปกรณ์แบบพับได้

เรียนรู้วิธีทำให้การเปลี่ยนระหว่างหน้าเว็บรู้สึกตอบสนองได้ดีแม้เครือข่ายที่ช้า

ดูวิธีปรับขนาดเนื้อหาหน้าเว็บให้พอดีกับหน้าจออุปกรณ์เคลื่อนที่

ดูวิธีกำหนดสีธีมของแถบที่อยู่สำหรับ Progressive Web App

Chrome 124 จะเริ่มเปิดตัวในวันที่ 16 เมษายน 2024 พร้อม setHTMLUnsafe การสตรีมใน WebSockets และอื่นๆ อีกมากมาย

Chrome 124 กำลังเปิดตัวแล้ว มี API ใหม่ 2 รายการที่อนุญาตให้ใช้ Shadow DOM จาก JavaScript ได้ คุณใช้สตรีมใน Web Socket ได้ มุมมองการเปลี่ยนจะดียิ่งขึ้นเล็กน้อย และยังมีอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 124

ดูวิธีปกป้องเว็บไซต์ด้วย HTTPS

ดูวิธีทำให้เว็บไซต์ปลอดภัยยิ่งขึ้นโดยการเปลี่ยนเส้นทางหน้าเว็บทั้งหมดไปยัง HTTPS

เรียนรู้วิธีทำให้แน่ใจว่าผู้ใช้จะดูเนื้อหาบางอย่างในหน้าเว็บของคุณได้เป็นอย่างน้อยเมื่อ JavaScript ไม่พร้อมใช้งาน

ดูวิธีสร้างหน้าจอแนะนำที่กำหนดเองสำหรับ Progressive Web App

ดูวิธีลงทะเบียน Service Worker ที่รองรับฟีเจอร์ของ Progressive Web App เช่น ฟังก์ชันการทํางานแบบออฟไลน์ ข้อความ Push และความสามารถในการติดตั้ง

ตอนนี้ Chrome จะปิดกั้น Web MIDI API ทั้งหมดหลังข้อความแจ้งสิทธิ์

ดูวิธีระบุไอคอนที่ Progressive Web App ของคุณแสดงในหน้าจอหลักของ iOS

เรียนรู้วิธีทำให้หน้าเว็บของคุณโหลดอย่างรวดเร็วบนเครือข่ายมือถือ

ดูวิธีทำให้ Progressive Web App ติดตั้งได้

เริ่มต้นการเปลี่ยนมุมมองข้ามเอกสารสำหรับใช้ในแอปพลิเคชันแบบหลายหน้า (MPA)

View Transition API ช่วยให้คุณเพิ่มการเปลี่ยนไปมาระหว่างมุมมองของเว็บไซต์ได้

ค้นพบวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บช่วยปรับปรุงการพัฒนาเว็บแอปพลิเคชันของคุณ

PageSpeed Insights (PSI) เป็นเครื่องมือสำหรับนักพัฒนาเว็บเพื่อทำความเข้าใจว่าหน้าเว็บมีประสิทธิภาพอย่างไรและจะปรับปรุงให้ดีขึ้นได้อย่างไร ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ PSI เพื่อดึงข้อมูลเชิงลึกจาก CrUX และทำความเข้าใจประสบการณ์ของผู้ใช้ให้ดียิ่งขึ้น

ดูโครงสร้างชุดข้อมูล CrUX ใน BigQuery

พื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและอ่านและเขียน การสนับสนุนผู้ปฏิบัติงานของบริการและผู้ปฏิบัติงานที่แชร์ แอตทริบิวต์ข้อมูลอะแดปเตอร์ใหม่ และการแก้ไขข้อบกพร่อง

สัปดาห์นี้เรายินดีที่จะเปิดตัวฟีเจอร์ใหม่ที่ช่วยให้นักพัฒนาแอปสามารถเปลี่ยนกลับไปใช้ส่วนขยายเวอร์ชันที่เผยแพร่ก่อนหน้านี้ใน Chrome เว็บสโตร์ เป้าหมายของเราคือการช่วยให้นักพัฒนาแอปมีความมั่นใจมากขึ้นเมื่อเผยแพร่การอัปเดต โดยเฉพาะเมื่อเปลี่ยนไปใช้

ดูวิธีใช้ CrUX ด้วยคำแนะนำที่ทำตามได้ง่ายๆ

เรียนรู้เกี่ยวกับเมตริก Navigation_types ใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และวิธีใช้เมตริกดังกล่าวเพื่ออธิบายและเพิ่มประสิทธิภาพเมตริกประสิทธิภาพเว็บของคุณ

เรียนรู้วิธีใช้ API การแสดงแบบอักษรเพื่อให้แน่ใจว่าข้อความในหน้าเว็บจะแสดงต่อผู้ใช้เสมอ

ดูเส้นทางในอนาคตในการสร้างโปรไฟล์ประสิทธิภาพของ CPU, ทำความเข้าใจสาเหตุและวิธีที่เราเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript

การสนับสนุนภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน แผงการป้อนข้อความอัตโนมัติ ตัวเลือกใหม่สำหรับ WebRTC ในการควบคุมเครือข่าย และอื่นๆ

รายงานข้อมูลที่ว่าเฟรมที่อยู่ในเอกสารถูกบล็อกไม่ให้ใช้ Back-Forward Cache ในการนำทางหรือไม่

เรียนรู้วิธีสร้างโปรไฟล์ประสิทธิภาพของแอปพลิเคชัน Node.js ด้วยแผงประสิทธิภาพ

JavaScript Promise Integration (JSPI) เป็น API ที่อนุญาตให้โค้ดตามลำดับแบบซิงโครนัสที่คอมไพล์ WebAssembly เข้าถึง API ของเว็บแบบอะซิงโครนัสได้

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

ทดสอบว่าเว็บไซต์ของคุณจัดการกับทรัพยากรที่ขาดหายไปอย่างไร

เราจะเปิดตัวการเปลี่ยนแปลงเพื่อให้แถบเลื่อนที่ไม่มีการตั้งค่า Tabindex และไม่สามารถโฟกัสแป้นพิมพ์สำหรับเด็กได้

แอตทริบิวต์ HTML writesuggestions, WebSocketStream API, ส่วนหัวคำขอ HTTP ลำดับความสำคัญ และอีกมากมาย

Chrome 123 กำลังเปิดตัวแล้ว ฟังก์ชันใหม่สำหรับธีมมืด, Long Animation Frames API, Service Worker Static Routing API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 123

ดูวิธีใช้ API ใหม่นี้ซึ่งมีให้ใน Chrome 123

ดูข้อมูลเกี่ยวกับกลไกการรักษาความปลอดภัยที่สำคัญของการเข้าถึงเครือข่ายส่วนตัวสำหรับผู้ปฏิบัติงานเว็บ การดึงข้อมูลการนำทาง และการป้องกันที่กำลังจะเกิดขึ้น เอกสารนี้ยังครอบคลุมสิ่งที่เจ้าของเว็บไซต์ควรทำหากใช้เครือข่ายส่วนตัว

เรียนรู้เกี่ยวกับแผนของทีม Chrome ในการปรับปรุงแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บ

สำรวจการปรับปรุงล่าสุดในแผง Chrome DevTools Network ซึ่งออกแบบมาเพื่อลดความซับซ้อนของประสบการณ์การแก้ไขข้อบกพร่องในเว็บ

เปลี่ยนแปลง DOM ทันที

เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนแปลง CSS ของหน้าเว็บ

ไฮไลต์เฟรมโฆษณา จำลองการโฟกัสหน้าเว็บ ปิดใช้แบบอักษรและรูปแบบรูปภาพในเครื่อง เปิดใช้ธีมมืดอัตโนมัติ และจำลองภาวะบกพร่องในการมองเห็น

ค้นพบเวิร์กโฟลว์ใหม่สำหรับการดูและเปลี่ยน CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ดูข้อมูลเกี่ยวกับวิธีหยุดโค้ดชั่วคราวใน Chrome DevTools

การรองรับฟังก์ชันในตัวของ DP4a, พารามิเตอร์ตัวชี้แบบไม่จำกัด, น้ำตาลไวยากรณ์สำหรับการยกเลิกการอ้างอิงคอมโพสิตใน WGSL และอื่นๆ

การบีบอัดบนเว็บกำลังได้รับการปรับปรุงอย่างมากจากการบีบอัดพจนานุกรมที่แชร์ เรียนรู้ว่าไลบรารีเหล่านี้คืออะไร ทำงานอย่างไร และช่วยลดเวลาที่ใช้ในการโหลดให้มากกว่าการบีบอัดมาตรฐานสำหรับทรัพยากรบนเว็บทั้งแบบคงที่และแบบไดนามิกได้อย่างไร

ตอนนี้คุณสามารถดาวน์โหลด Chrome แบบไม่มีส่วนหัวเป็นไบนารีแบบสแตนด์อโลนสำหรับ Chrome ทุกรุ่นที่แสดงต่อผู้ใช้ทุกคนได้แล้ว

รับข้อมูลสำคัญเกี่ยวกับเว็บแอปได้โดยตรงจากเบราว์เซอร์

สำหรับผู้ใช้จำนวนมาก การช่วยเหลือพิเศษคืออินเทอร์เฟซผู้ใช้จริงๆ และฟีเจอร์ก็มีประโยชน์ต่อคนอื่นๆ อีกมากมาย

รายละเอียดการอัปเดตล่าสุดของ Speculation Rules API รวมถึงกฎของเอกสาร การตั้งค่าความกระตือรือร้น ขีดจำกัด และกฎการคาดเดาที่รองรับบนแพลตฟอร์ม

สำรวจฟีเจอร์ล่าสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ใช้ chrome.i18n API เพื่อแสดงผลอินเทอร์เฟซของคุณในหลายภาษา

ไข่อีสเตอร์ การจำลองหน้าแบบโฟกัสใน "องค์ประกอบ" > รูปแบบ การตรวจสอบ Lighthouse ใหม่ และอื่นๆ

ในโพสต์นี้ ทีม Looker ได้แชร์เส้นทางการแก้ปัญหาการทดสอบผู้ปฏิบัติงานของบริการส่วนขยาย โดยเฉพาะอย่างยิ่ง วิธีตรวจสอบว่าส่วนขยาย Chrome ทำงานได้อย่างถูกต้องเมื่อมีการระงับโปรแกรมทำงานของบริการ

ดูวิธีใช้ไลบรารี @next/Third-partyies เพื่อเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามยอดนิยม

จาก Chrome 123 ให้ใช้ "ปรับเนื้อหา" เพื่อจัดตำแหน่งรายการโดยไม่ต้องสร้างคอนเทนเนอร์ Flex หรือตารางกริด

ฟังก์ชันสี light-dark() ของ CSS, ปรับแนวเนื้อหาสำหรับบล็อก, คุณสมบัติการปรับขนาดฟิลด์ และเหตุการณ์การแสดงหน้าเว็บ

เอกสาร Canonical สำหรับแป้นพิมพ์ลัดของ Chrome DevTools

ใช้อุปกรณ์เสมือนในโหมดอุปกรณ์ของ Chrome เพื่อสร้างเว็บไซต์ที่เน้นอุปกรณ์เคลื่อนที่

Chrome 122 กำลังเปิดตัวแล้ว สำหรับ Storage Buckets API ใหม่ การอัปเดตแผงประสิทธิภาพของ DevTools มีตัวเลือกที่ไม่ผ่านการตรวจสอบในการอ่าน HTML ด้วย Async Clipboard API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 122

ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง

ส่วนขยายต้องมีไอคอนอย่างน้อย 1 ไอคอนเพื่อแสดงในแถบเครื่องมือ

จะแจ้งภายหลัง

แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บเป็นเครื่องมือที่มีประสิทธิภาพในการวินิจฉัย แก้ไขข้อบกพร่อง และแก้ไขปัญหาด้านประสิทธิภาพของเว็บแอป ในโอกาสนี้ เราจะอธิบายให้คุณทราบถึงวิธีที่เราใช้แผงประสิทธิภาพในเครื่องมือสําหรับนักพัฒนาเว็บเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพเอง และวิธีที่เราใช้แผงประสิทธิภาพที่ดีขึ้นอย่างมาก

WebHID API ซึ่งแสดงอุปกรณ์ที่เข้ากันได้กับ Human Interface Device (HID) บนเว็บพร้อมให้ใช้งานในส่วนขยาย

คู่มือการแปลงส่วนขยายไฟล์ Manifest V2 เป็นส่วนขยายไฟล์ Manifest V3

WebUSB API ซึ่งแสดงอุปกรณ์ที่ใช้งานร่วมกันได้กับ Universal Serial Bus (USB) ที่ไม่เป็นไปตามมาตรฐานบนเว็บจะมีให้ใช้งานในส่วนขยาย

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้นโยบายความปลอดภัยของเนื้อหาของไฟล์ Manifest.json

โหมดความเข้ากันได้อยู่ระหว่างการพัฒนา เพิ่มขีดจำกัด maxVertexAttributes และอัปเดต Dawn

โค้ด 1 บรรทัดสำหรับปรับขนาดองค์ประกอบอัตโนมัติด้วยเนื้อหาที่แก้ไขได้

ดูวิธีบันทึกฮีพสแนปชอตด้วยเครื่องมือสร้างโปรไฟล์ฮีปและค้นหาหน่วยความจำรั่วไหล

ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย

วิธีการทำงานของคำเตือนเกี่ยวกับสิทธิ์ในส่วนขยาย Chrome

ภาพรวมของค่าที่ถูกต้องสำหรับพร็อพเพอร์ตี้สิทธิ์ในไฟล์ manifest.json

คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีใช้ Web Push กับส่วนขยาย Chrome

EditContext เป็น API ใหม่ที่เปิดตัวใน Chrome และ Edge ซึ่งช่วยนักพัฒนาซอฟต์แวร์ในการสร้างฟีเจอร์แก้ไขข้อความขั้นสูงในเบราว์เซอร์ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้ได้ในโพสต์นี้

คำเตือนเกี่ยวกับการยกเลิกการใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน การแก้ไขข้อบกพร่องที่ได้รับการปรับปรุงในแผงเครือข่าย การแสดงเส้นทางในแผงประสิทธิภาพ และอื่นๆ

ท่องเว็บได้เร็วขึ้นด้วยการโหลดแบบคาดเดาและดูวิธีแก้ไขข้อบกพร่อง

การทดลองใช้การเลิกใช้งานสำหรับ SharedArrayBuffer ที่ไม่มีการแยกแบบข้ามต้นทางในเดสก์ท็อปของ Chrome จะขยายเวลาจนถึง Chrome 124

ตอบสนองต่อชุดคีย์ที่กำหนดเองในส่วนขยาย

Chrome 122 รุ่นเบต้าจะมอบเครื่องมือช่วยเหลือ Iterator, การตั้งค่า, Storage Buckets API, อ่าน HTML ที่ไม่ผ่านการตรวจสอบใน Async Clipboard API และอีกมากมาย

ปรับแต่งและผสานรวมโปรแกรมอัดเสียงด้วยการติดตั้งส่วนขยาย

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้

Chrome 121 กำลังเปิดตัวแล้ว การอัปเดต CSS, การปรับปรุง Speculation Rules API, ช่วงทดลองใช้จากต้นทางสำหรับ Element Recording API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 121

ทริกเกอร์การทำงานจากแถบอเนกประสงค์

รองรับ WebGPU ใน Android, การใช้ DXC สำหรับการคอมไพล์ตัวปรับแสงเงา, การค้นหาการประทับเวลาในการส่งผ่านการประมวลผลและแสดงผล, จุดแรกเข้าเริ่มต้นไปยังโมดูลตัวปรับแสงเงา, รองรับ display-p3 เป็นพื้นที่สี GPUExternalTexture, ข้อมูลฮีปของหน่วยความจำ และอื่นๆ

ใช้ Puppeteer เพื่อทดสอบฟีเจอร์ที่ใช้ Web Bluetooth API ใน Chrome

ดูวิธีใช้ DOM ร่วมกับ SSR อย่างปลอดภัยใน Angular

ใช้คุณสมบัติ "scrollbar-width" และ "scrollbar-color" เพื่อจัดรูปแบบแถบเลื่อน

ดูวิธีทดสอบโมเดล AI บนเบราว์เซอร์ฝั่งไคลเอ็นต์ ตลอดจนยังคงรองรับการปรับขนาด ทำงานอัตโนมัติ และตั้งค่าฮาร์ดแวร์ที่ได้มาตรฐาน

คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีใช้การรับส่งข้อความของ Firebase ด้วย chrome.gcm

ค้นพบโซลูชันของเราสำหรับวิธีการทดสอบเบราว์เซอร์โดยอัตโนมัติอย่างสม่ำเสมอและปรับปรุงประสิทธิภาพของแอปพลิเคชัน

Chrome เพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่อีกรายการ

ตอบกลับผู้ใช้โดยการคลิกแถบเครื่องมือ

โพสต์นี้จะอธิบายวิธีจัดการสิทธิ์แบบถาวรสำหรับ File System Access API และยังให้ข้อมูลสรุปเกี่ยวกับสถานะปัจจุบันของปัญหาและความท้าทายที่กำลังได้รับการแก้ไขด้วย

เรียนรู้วิธีลงสีได้ด้วยการคลิกเพียงไม่กี่ครั้ง

ดูวิธีใช้เครื่องมือเลือกสีในองค์ประกอบ > รูปแบบ เพื่อตรวจสอบและแก้ไขข้อบกพร่องของสี HD และไม่ใช่ HD

ดูวิธีแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล

การจัดการการอัปเดตแบบเรียลไทม์ในส่วนขยาย

เทคนิคการจัดรูปแบบตัวอักษรแบบคลาสสิกของการแบ่งบรรทัดด้วยตนเองเพื่อให้บล็อกข้อความมีความสมดุลได้เข้ามาอยู่ใน CSS แล้ว

ตั้งแต่ Chrome 122 เป็นต้นไป คุณสามารถสมัครใช้บริการช่วงทดลองใช้จากต้นทางสำหรับสมาชิกไฟล์ Manifest ของแอป scope_extensions ซึ่งช่วยให้เว็บไซต์ที่ควบคุมโดเมนย่อยและโดเมนระดับบนสุดหลายรายการแสดงเป็นเว็บแอปเดียวได้

ตอนนี้ Puppeteer พูดคุยกับ Firefox ได้แล้ว! 🎉 แต่เดี๋ยวก่อน นี่มันไม่ใช่หรือ 🤔 เราจะมาเจาะลึกเกี่ยวกับ WebDriver BiDi ซึ่งเป็นโปรโตคอลใหม่ใน Puppeteer และดูว่าการพัฒนาที่น่าตื่นเต้นสำหรับเวิร์กโฟลว์ระบบอัตโนมัติของ Firefox นี้มีความหมายว่าอย่างไร

ใช้ป๊อปอัป ซึ่งเป็นหน้าต่างที่ให้ผู้ใช้เรียกใช้ฟีเจอร์ของส่วนขยายได้

Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร

ใช้ป๊อปอัป ซึ่งเป็นหน้าต่างที่ให้ผู้ใช้เรียกใช้ฟีเจอร์ของส่วนขยายได้

เปิดแอปจากหน้าเว็บได้โดยตรงด้วย Android Intent

สำหรับรายการฟีเจอร์ทั้งหมดสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome บน Android โปรดไปที่ chromestatus.com ดาวน์โหลด Chrome ใน Play Store เมื่อผู้ใช้ลงชื่อเข้าใช้ Chrome ในอุปกรณ์เครื่องหนึ่ง

โพสต์นี้กล่าวถึงความเกี่ยวข้องของเมตริก INP ใหม่กับเว็บไซต์ที่ใช้เฟรมเวิร์ก และการทำงานของ Aurora เพื่อสนับสนุนเฟรมเวิร์กในการเพิ่มประสิทธิภาพเมตริกนี้

Chrome ได้ปรับตัวให้เข้ากับระบบนิเวศของแท็บเล็ต Android โดยการเปิดใช้โหมดเดสก์ท็อปในแท็บเล็ตระดับพรีเมียมโดยค่าเริ่มต้น

สร้างแอคคอร์เดียนพิเศษซึ่งมีองค์ประกอบ "" หลายรายการที่มี "ชื่อ" เหมือนกัน

การสนับสนุน @font-palette-values ใน Elements, การรองรับการแมปแหล่งที่มาที่ปรับปรุงใหม่, ประสิทธิภาพที่ปรับปรุงแล้ว, การติดตามการโต้ตอบ และอื่นๆ

ติดตามการเปลี่ยนแปลงล่าสุดของ WebGPU

ปัจจุบันแพลตฟอร์มเว็บมาพร้อม Region Capture ซึ่งเป็นวิธีที่มีประสิทธิภาพและมีประสิทธิภาพสูงในการครอบตัดแทร็กวิดีโอ

รองรับค่าจุดลอยตัว 16 บิตใน WGSL, ขีดจำกัดการเพิ่มขึ้น, การเปลี่ยนแปลงสถานะของฉลุความลึก, การอัปเดตข้อมูลอะแดปเตอร์ และอื่นๆ

ปี 2023 เป็นปียิ่งใหญ่ของ CSS เรียนรู้เกี่ยวกับสิ่งที่เกิดขึ้นใน Chrome และทั่วทั้งแพลตฟอร์มเว็บในปีนี้

เรียนรู้วิธีดู เพิ่ม แก้ไข และลบคุกกี้ HTTP ของหน้าเว็บโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ดูวิธีแก้ไขข้อบกพร่อง bfcache และทำให้หน้าเว็บโหลดทันที

ดูรายละเอียดเฟรม

ดูวิธีแก้ไขข้อบกพร่อง DOM ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ

ดูวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยลดการโจมตี XSS ด้วยตนเองโดยการบล็อกการวางโค้ดสำหรับผู้ใช้ที่ไม่มีประสบการณ์ของเครื่องมือสำหรับนักพัฒนาเว็บ

Google Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัย ซึ่งเป็นส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว (PNA)

ในอีกไม่กี่เดือนข้างหน้า Chrome จะทำการทดสอบโดยมีเป้าหมายเพื่อลดความซับซ้อนของเกณฑ์การติดตั้งแอปเพื่อปรับปรุงนักพัฒนาซอฟต์แวร์และประสบการณ์ของผู้ใช้ โพสต์นี้แสดงการเปลี่ยนแปลงที่อาจเกิดขึ้น และเหตุผลที่เราดำเนินการทดสอบเหล่านี้

โฮสต์เว็บไซต์ในเว็บเซิร์ฟเวอร์ของเครื่องพัฒนาซอฟต์แวร์ จากนั้นเข้าถึงเนื้อหาจากอุปกรณ์ Android

Chrome 120 เปิดตัวแล้ว CloseWatcher API ช่วยให้ได้รับประสบการณ์ที่สอดคล้องกันเมื่อจัดการกับคำขอปิด การนำรูปแบบแอคคอร์เดียนไปใช้อย่างตรงไปตรงมาโดยใช้องค์ประกอบรายละเอียด รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว และมีอีกมากมาย

Chrome กำลังจะเพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่ 4 รายการ

Page Lifecycle API นำฟีเจอร์วงจรของแอปโดยทั่วไปในระบบปฏิบัติการในอุปกรณ์เคลื่อนที่มาสู่เว็บ ตอนนี้เบราว์เซอร์สามารถหยุดการทำงานและทิ้งหน้าเว็บพื้นหลังได้อย่างปลอดภัยเพื่อประหยัดทรัพยากร และนักพัฒนาซอฟต์แวร์สามารถจัดการการดำเนินการเหล่านี้ได้อย่างปลอดภัยโดยไม่ส่งผลกระทบต่อประสบการณ์ของผู้ใช้

ใน Chrome 120 มีตัวเลือกใหม่ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน ดูวิธีใช้ในคู่มือนี้

ละเว้นการอ้างอิงแท็บรายการ

เมื่อเดือนธันวาคมปีที่แล้ว เราได้หยุดการเลิกใช้งาน Manifest V2 ตามแผนที่วางไว้ชั่วคราวเพื่อจัดการกับความคิดเห็นของนักพัฒนาแอปและมอบโซลูชันที่ดีกว่าสำหรับ ปัญหาการย้ายข้อมูล จากความคิดเห็นที่ได้รับ เราจึงได้ทําการเปลี่ยนแปลงหลายอย่างใน Manifest V3

Chrome ช่วยให้เว็บแอปการประชุมทางวิดีโอเข้าสู่การแสดงภาพซ้อนภาพได้โดยอัตโนมัติ

ตลอดปีที่ผ่านมา เรามีส่วนร่วมในการพูดคุยกับผู้ให้บริการที่อยู่เบื้องหลังส่วนขยายการบล็อกเนื้อหาหลายรายการเกี่ยวกับวิธีปรับปรุงแพลตฟอร์มส่วนขยาย MV3 เราได้ดำเนินการปรับปรุงที่สำคัญตามการพูดคุยเหล่านี้ ซึ่งส่วนใหญ่เกิดขึ้นใน WebExtensions Community

ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ที่รวมอยู่ในคำสั่ง Angular NgOptimizeImage ที่ช่วยปรับปรุงประสิทธิภาพของรูปภาพในแอป Angular ให้ดียิ่งขึ้น

เรียนรู้เกี่ยวกับเฟสแรกของการกำหนดเส้นทางแบบคงที่ของ Service Worker ซึ่งตอนนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่ที่ใช้สำหรับระบุวิธีการที่ Service Worker จัดการ (หรือไม่) จัดการเส้นทางอย่างชัดเจน

ปัญหาการเลิกใช้งานคุกกี้ของบุคคลที่สามที่รายงานในแผง "ปัญหา", เครื่องมือวิเคราะห์ Privacy Sandbox สำหรับคุกกี้, นโยบายรักษาความปลอดภัยเนื้อหาที่มีประสิทธิภาพในแผงแอปพลิเคชัน, การแก้ไขข้อบกพร่องของภาพเคลื่อนไหวที่ได้รับการปรับปรุง, การละเว้นรายการที่มีประสิทธิภาพมากขึ้น และอื่นๆ

เปิดใช้การซ้อน Lookahead ใน Chrome 120 แล้ว

ดูข้อมูลเกี่ยวกับวิธีที่ระบบนิเวศของ WebGPU ขยายไปไกลกว่า JavaScript, C++ และขอบเขต Rust

โหมดความคงทนใน IndexedDB จะเปลี่ยนจากแบบเข้มงวดเป็นแบบผ่อนปรนตั้งแต่ Chrome 121

สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 120 สำหรับนักพัฒนาส่วนขยาย Chrome

การมาสก์ CSS, กฎที่ไม่เคร่งครัดสำหรับการซ้อน CSS, สร้างรูปแบบแอคคอร์เดียนที่มีองค์ประกอบ, การทำงานแบบแทรกภาพบนหน้าจอสำหรับ Media Session API

วิธีเปิดไฟล์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ file_handlers ของไฟล์ manifest.json

ภาษาโปรแกรมมี 2 ประเภท ได้แก่ ภาษาโปรแกรมที่มีการรวบรวมขยะและภาษาโปรแกรมที่ต้องจัดการหน่วยความจำด้วยตนเอง บริการเก็บขยะของ WebAssembly ช่วยให้พอร์ตภาษาที่มีการเก็บขยะไปยัง WebAssembly ได้

Chrome 119 กำลังเปิดตัวแล้ว การอัปเดตขีดจำกัดสูงสุดของวันที่หมดอายุสำหรับคุกกี้ในพื้นที่เก็บข้อมูลอยู่แล้ว CSS มีคลาสจำลองใหม่ ไวยากรณ์สีแบบสัมพัทธ์ การปรับปรุงเฟรมที่มีการปิดกั้น เช่น มาโครขนาดโฆษณา และอื่นๆ อีกมากมาย

เพิ่มประสิทธิภาพและปรับเปลี่ยนสำหรับผู้ใช้ที่ต้องการ UI แบบทึบ

พื้นผิวแบบลอยแบบ 32 บิตที่กรองได้, รูปแบบจุดยอดมุมนอกกรอบ 10-10-10-2, รูปแบบพื้นผิว rgb10a2uint และอื่นๆ

เลือกใช้การตัดข้อความที่เพิ่มประสิทธิภาพเพื่อความสวยงามด้านความเร็ว

ดูว่าความสามารถขององค์ประกอบ Select แบบขยายช่วยให้มีการแบ่งแนวนอนในแนวนอนเพื่อให้จัดกลุ่มได้ดียิ่งขึ้นได้อย่างไร

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้

เราจะย้ายการติดตามปัญหาของ Chromium ไปยังเครื่องมือที่ขับเคลื่อนโดยเครื่องมือติดตามปัญหาของ Google ในเดือนมกราคม 2024

เราจะเลิกใช้งาน Sanitizer API ในปัจจุบันจาก Chrome 119 เพื่อให้สอดคล้องกับการอัปเดตข้อกำหนดเฉพาะในอนาคต

Web Serial API เพิ่มการรองรับบริการบลูทูธ RFCOMM

วิธีเขียนการทดสอบจากต้นทางถึงปลายทางสําหรับส่วนขยาย

วิธีเขียนการทดสอบ 1 หน่วยสำหรับส่วนขยาย

วิธีเขียนการทดสอบอัตโนมัติสำหรับส่วนขยาย Chrome โดยใช้ Puppeteer

ตรวจสอบว่ามีการรายงานข้อบกพร่องหรือคำขอฟีเจอร์แล้วหรือยัง

วิธีรายงานข้อบกพร่องของส่วนขยายหรือปัญหาเกี่ยวกับเอกสารประกอบ

สร้างสีใหม่ตามแชแนลและค่าของสีอื่น

ส่วน @property ที่ปรับปรุงใหม่ใน "รูปแบบ" รายการอุปกรณ์ที่อัปเดต การจัดรูปแบบที่คัดสรรมาในรูปแบบ "แหล่งที่มา" และการเติมข้อความอัตโนมัติในคอนโซล

Chrome 118 กำลังเปิดตัวแล้ว ประกาศรูปแบบที่เฉพาะเจาะจงภายในคอมโพเนนต์ด้วยกฎ CSS @scope ใช้ฟีเจอร์สื่อใหม่: Preferred-reduced-transparency เครื่องมือสำหรับนักพัฒนาเว็บมีการปรับปรุงในแผงแหล่งที่มา และอื่นๆ อีกมากมาย

การรองรับผู้อ่านและผู้เขียนหลายรายสําหรับ FileSystemSyncAccessHandle และผู้เขียนแบบผูกขาดสําหรับ FileSystemWritableFileStream ระบบไฟล์ส่วนตัวต้นทาง (บางครั้งเรียกว่าระบบไฟล์ที่เก็บข้อมูล)

ตอนนี้มีช่วงทดลองใช้จากต้นทางใหม่ให้เปิดหน้าต่างป๊อปอัปในโหมดเต็มหน้าจอได้ง่ายๆ ในขั้นตอนเดียว

Chrome 119 รุ่นเบต้านำเสนอไวยากรณ์สีสัมพัทธ์ CSS, คลาสจำลองใหม่ และอื่นๆ อีกมากมาย

ดูวิธีใช้ @scope เพื่อเลือกองค์ประกอบภายในแผนผังย่อยที่จำกัดของ DOM เท่านั้น

การสนับสนุนแหล่งที่มาเพิ่มเติมสำหรับ copyExternalImageToTexture การสนับสนุนทดลองสำหรับพื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและแบบอ่านอย่างเดียว และอีกมากมาย

Chrome ใน macOS เริ่มรองรับพาสคีย์ในพวงกุญแจ iCloud ซึ่งจะช่วยให้ผู้ใช้สร้างพาสคีย์ในพวงกุญแจ iCloud และซิงค์พาสคีย์ในอุปกรณ์ Apple ได้

ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของส่วนขยาย Chrome

คำแนะนำแบบละเอียดเกี่ยวกับเหตุผลและวิธีใช้การเปลี่ยนมุมมองของ CyberAgent, RedBus, Nykaa และ PolicyBazaar

ภาพรวมวิธีการทำงานของ API พื้นที่เก็บข้อมูลบนเว็บและคุกกี้ในส่วนขยาย

ฉลองครบรอบ 15 ปีของ Chrome และบทบาทของเราในฐานะพาร์ทเนอร์ที่เชื่อถือได้และพร้อมให้ความช่วยเหลือแก่นักพัฒนาซอฟต์แวร์

ดูเคล็ดลับสำหรับนักพัฒนาซอฟต์แวร์ WebGL ที่กำลังย้ายข้อมูลไปยัง WebGPU

ส่วนใหม่สำหรับพร็อพเพอร์ตี้ที่กำหนดเองในองค์ประกอบ > รูปแบบ การปรับปรุงการลบล้างภายในเพิ่มเติม การค้นหาที่เพิ่มประสิทธิภาพ พื้นที่ทำงานที่มีประสิทธิภาพในแหล่งที่มา และอื่นๆ

รูปแบบที่กำหนดขอบเขตสำหรับ CSS, ฟีเจอร์สื่อเพิ่มเติม, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ด้วยแป้นพิมพ์ และอีกมากมาย

Chrome 117 กำลังเปิดตัวแล้ว ด้วยฟีเจอร์ CSS ใหม่ 3 รายการที่ทำให้การเพิ่มภาพเคลื่อนไหวในการเข้าและออกที่ลื่นไหลเป็นเรื่องง่าย การจัดกลุ่มอาร์เรย์เพื่อคำนวณชุดข้อมูลที่มีลำดับสูงขึ้น เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จึงทำให้การลบล้างในเครื่องทำได้ง่ายขึ้น และยังมีอีกมากมาย

วิธีย้ายข้อมูลแอปแพ็กเกจหรือแอปที่โฮสต์ใน Chrome

ยกเลิกการตั้งค่าบัฟเฟอร์เวอร์เท็กซ์และเชื่อมโยงกลุ่ม ทำให้อุปกรณ์ที่สูญหายทำงาน และอื่นๆ

ประสบการณ์และคำแนะนำเกี่ยวกับการเข้าร่วม Summer of Code ของ Google

คำแนะนำสำหรับการเผยแพร่ส่วนขยายใหม่ที่ใช้ไฟล์ Manifest V3

ใช้ข้อมูลโค้ดเพื่อเรียกใช้โค้ดที่คุณใช้บ่อยและใช้นิพจน์จริงเพื่อดูค่าแบบเรียลไทม์

ตั้งแต่ Chrome 119 เป็นต้นไป เราจะลดระยะเวลาระหว่างสาขาสำหรับรุ่นและการเผยแพร่เป็นเวอร์ชันเสถียร

เน้นวิธีที่ชุมชน Astro นำ View Transitions มาใช้ในตอนที่ Chrome ปรับปรุง API และเส้นทางสู่การสนับสนุนระดับเฟิร์สคลาสใน Astro + เกาะถาวร

"scheduler.yield" เป็นฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน API เครื่องจัดตารางเวลาที่กำลังอยู่ระหว่างช่วงทดลองใช้จากต้นทาง และเป็นแนวทางแบบใหม่ในการแบ่งงานต่างๆ เพื่อมอบประสบการณ์ของผู้ใช้ที่ตอบสนองมากขึ้น ทำความเข้าใจประโยชน์ของ API การกำหนดเวลาที่นำเสนอนี้ และลงชื่อสมัครใช้ช่วงทดลองใช้จากต้นทางเพื่อช่วยให้เราได้รับข้อมูลเชิงลึกและความคิดเห็น

Lighthouse 11 มาพร้อมการเปลี่ยนแปลงการช่วยเหลือพิเศษและการอัปเดตการตรวจสอบแบบใหม่

DevTools ได้เปิดตัวเครื่องมือแก้ไขใหม่ที่ใช้งานง่ายเพื่อให้พิมพ์คำสั่งโปรโตคอลสำหรับนักพัฒนาเว็บใน Chrome (CDP) ได้ง่ายขึ้นเพื่อให้คุณไม่จำเป็นต้องใช้ JSON

ลบล้างคำขอ XHR/การดึงข้อมูล และซ่อนคำขอส่วนขยายจากแผงเครือข่าย, ดูการเปลี่ยนแปลงลำดับความสำคัญของการดึงข้อมูลในแผงประสิทธิภาพ, สัมผัสการปรับปรุง UI หลายรายการ, ดูสีใหม่ๆ และฟีเจอร์ทดลอง และอีกมากมาย

ดูข้อมูลเกี่ยวกับความสามารถใหม่ๆ ที่ช่วยให้การเปลี่ยนภาพเคลื่อนไหวแบบแยกกันและระหว่างเลเยอร์ด้านบนเป็นไปอย่างราบรื่น

การรองรับภาพเคลื่อนไหวแบบกริด CSS เข้าและออกสำหรับ CSS การจัดกลุ่มอาร์เรย์ ตัวช่วยตัววนซ้ำ และอื่นๆ

ตั้งแต่ Chrome 117 เป็นต้นไป Chrome จะไฮไลต์ให้ผู้ใช้ทราบเมื่อส่วนขยายที่ติดตั้งไม่ได้อยู่ใน Chrome เว็บสโตร์อีกต่อไป

Chrome 116 กำลังเปิดตัวแล้ว ใช้ API การแสดงภาพซ้อนภาพของเอกสารเพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ซึ่งตอนนี้คุณสามารถแก้ไขข้อบกพร่องของสไตล์ชีตที่หายไปใน DevTools ได้ง่ายขึ้น และอีกมากมาย

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ "content_scripts" ของ manifest.json

รับการแยกแบบข้ามต้นทางและการป้องกันการรั่วไหลข้ามเว็บไซต์ขณะโต้ตอบกับป๊อปอัป

การผสานรวม WebCodecs การปรับปรุงการเล่นวิดีโอ และอื่นๆ

"อนุญาตเวลานี้" เป็นตัวเลือกที่ใช้ได้ครั้งเดียวสำหรับการให้สิทธิ์ใน Chrome ในช่วงแรกฟีเจอร์นี้จะพร้อมใช้งานบนเดสก์ท็อปเฉพาะในส่วนของตำแหน่งทางภูมิศาสตร์ กล้อง และไมโครโฟน

ใช้เบรกพอยท์และจุดตรวจสอบเพื่อแก้ไขข้อบกพร่องได้อย่างง่ายดาย

กิจกรรมบนเว็บที่เชื่อถือได้ (TWA) ของ Chrome 115 สามารถส่งข้อความโดยใช้ postMessage เอกสารนี้จะอธิบายการตั้งค่าที่จำเป็นในการสื่อสารระหว่างแอปของคุณกับเว็บ

สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 116 สำหรับนักพัฒนาส่วนขยาย Chrome

เส้นทางการเคลื่อนไหว CSS, Back/Forward Cache NotRestoredWhy API, Document Picture-in-Picture, และอื่นๆ อีกมากมาย

ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS

ภาพรวมของการเปลี่ยนแปลงในส่วนขยาย Chrome ในปีนี้ รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถตั้งตารอได้

ใช้ ScrollTimeline และ ViewTimeline เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนที่ช่วยปรับปรุงประสบการณ์ของผู้ใช้ เฟรมที่มีการปิดกั้นจะทำงานร่วมกับ Privacy Sandbox API อื่นๆ เพื่อฝังเนื้อหาที่เกี่ยวข้อง แต่ในขณะเดียวกันก็ป้องกันการแชร์บริบทที่ไม่จำเป็น Topics API ช่วยให้เบราว์เซอร์แชร์ข้อมูลกับบุคคลที่สามเกี่ยวกับความสนใจของผู้ใช้ไปพร้อมๆ กับรักษาความเป็นส่วนตัวและฟีเจอร์อื่นๆ อีกมากมาย

API ใหม่นี้ราบรื่นกว่าการใช้ภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนแบบดั้งเดิมมาก

ดูวิธีบันทึก เล่นซ้ำ และแก้ไขข้อบกพร่องของโฟลว์ผู้ใช้ด้วยแผงโปรแกรมบันทึกในเครื่องมือสำหรับนักพัฒนาเว็บ

คำแนะนำแบบทีละขั้นตอนเกี่ยวกับวิธีเชื่อมต่อกับ WebSocket ในส่วนขยาย Chrome ของคุณ

ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS

ใช้แอปพลิเคชัน > พื้นที่เก็บข้อมูลในเครื่องและพื้นที่เก็บข้อมูลเซสชันเพื่อแก้ไขข้อบกพร่องคู่คีย์-ค่า

เครื่องมือสำหรับนักพัฒนาเว็บได้รับการปรับปรุงหลายอย่างเพื่อช่วยให้คุณระบุและแก้ไขข้อบกพร่องเกี่ยวกับสไตล์ชีตที่หายไปได้เร็วขึ้น แผง เครือข่าย จะป้อนข้อมูลคอลัมน์ ผู้เริ่ม อย่างสม่ำเสมอด้วยลิงก์ไปยังบรรทัดที่อ้างอิงสไตล์ชีตที่โหลดไม่สำเร็จ แผง ปัญหา

รองรับส่วนขยายภาษา WGSL, การสนับสนุนรุ่นทดลองสำหรับ Direct3D 11 และอีกมากมาย

วิธีใช้ตำแหน่งทางภูมิศาสตร์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา

Chrome สำหรับการทดสอบคือ Chrome รูปแบบใหม่ที่กำหนดเป้าหมายไปที่การทดสอบเว็บแอปและกรณีการใช้งานอัตโนมัติโดยเฉพาะ

เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องใน C/C++ WebAssembly

ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly

Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ติดตั้งในเครื่องของผู้ใช้ ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้

ประกาศเกี่ยวกับการเลิกใช้งานและการนำเหตุการณ์การเปลี่ยนแปลงที่วางแผนไว้ออก รวมถึงแชร์วิธีย้ายข้อมูลโค้ดก่อนการนำออกในเดือนกรกฎาคม 2024

การเพิ่มประสิทธิภาพ JavaScript และอีกมากมาย

การรองรับข้อมูล: URL ในองค์ประกอบ SVG จะถูกนำออก เราขอแนะนำให้ย้ายข้อมูลด้วยวิธีอื่น

คีย์เวิร์ดหลายคำสำหรับพร็อพเพอร์ตี้การแสดงผลของ CSS, WGSLLanguageFeatures สำหรับ WebGPU, การอัปเกรด HTTPS และอื่นๆ

แผง องค์ประกอบ จะมีป้าย subgrid ใหม่สำหรับ ตารางย่อย ปัจจุบันฟีเจอร์นี้อยู่ในขั้นทดลองใน Chrome Canary หากต้องการตรวจสอบและแก้ไขข้อบกพร่องของตารางกริดที่ฝังอยู่ซึ่งเป็นตารางกริดย่อย และรับค่าจำนวนและขนาดของแทร็กจากตารางกริดหลัก ให้คลิกป้าย

ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บตรวจสอบแรงกดดันในการประมวลผลได้

File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่

หากเว็บไซต์ของคุณใช้การตั้งค่า document.domain คุณจำเป็นต้องดำเนินการ

Chrome 114 กำลังเปิดตัวแล้ว Chrome 114 กำลังเปิดตัวแล้ว การรวมข้อความ: ความสมดุลเพื่อปรับปรุงเลย์เอาต์ข้อความ คุกกี้ที่มีสถานะพาร์ติชันอิสระอยู่ที่นี่แล้ว Popover API ใหม่ทำให้ป๊อปอัปง่ายขึ้นกว่าที่เคยและอีกมากมาย

ขอแนะนำ API แผงด้านข้างใหม่สำหรับส่วนขยาย Chrome

ใช้ Workspace เพื่อบันทึกการเปลี่ยนแปลงที่ทำในเครื่องมือสำหรับนักพัฒนาเว็บไปยังไฟล์ต้นทางในเครื่อง

ขอแนะนำ linear() ซึ่งเป็นฟังก์ชันการค่อยๆ เปลี่ยนใน CSS ที่แทรกสลับเป็นเส้นตรงระหว่างจุดของจุดต่างๆ เพื่อสร้างเอฟเฟกต์การตีกลับและสปริงขึ้นใหม่

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นหลังของไฟล์ Manifest.json

ดูวิธีสร้างเคล็ดลับเครื่องมือ เมนู และอื่นๆ อีกมากมายด้วย API แบบป๊อปอัปใหม่

LEGO Education ใช้พลังของเว็บเพื่อทำให้การเชื่อมต่อโมเดล LEGO กับคอมพิวเตอร์เป็นเรื่องง่ายที่สุดเท่าที่จะเป็นไปได้

ดูว่าทีม Chrome Aurora กำลังทำอะไรไปบ้างเมื่อเร็วๆ นี้และแผนกลยุทธ์สำหรับปี 2023

EyeDropper API มีกลไกในการสร้างเครื่องมือดูดสีที่ช่วยให้ผู้ใช้สามารถดูดสีจากหน้าจอ รวมถึงจากนอกหน้าต่างเบราว์เซอร์ ดูวิธีที่เครื่องมือแก้ไขโมเดล 3 มิติ Blockbench ใช้ API นี้ในโค้ดเบส (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Blockbench

File Handling API ช่วยให้เว็บแอปพลิเคชันลงทะเบียนตัวเองเป็นตัวแฮนเดิลไฟล์สำหรับรูปแบบไฟล์ที่แอปพลิเคชันรองรับได้ ดูวิธีที่แอปพลิเคชันแก้ไขรูปภาพ Photopea ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Photopea

มาตรฐานพื้นที่เก็บข้อมูลจะกำหนด API สำหรับพื้นที่เก็บข้อมูลถาวรและค่าประมาณโควต้า รวมถึงสถาปัตยกรรมพื้นที่เก็บข้อมูลของแพลตฟอร์ม เรากำลังทำการทดลองกับ API เพื่อให้คาดการณ์ได้ง่ายกว่าเดิมในการออกจากพื้นที่เก็บข้อมูลถาวรภายใต้แรงดันหน่วยความจำสูง ลองใช้ Storage Buckets API ในช่วงทดลองใช้จากต้นทางที่เรียกใช้จาก Chrome 115 ถึง Chrome 118

มีการนำ SQL ในเว็บออกจาก Chromium 119 โดยสมบูรณ์

ฟีเจอร์ CSS และ UI 20 อันดับแรกซึ่งไฮไลต์ในงาน Google I/O 2023 ที่คุณไม่ควรพลาด

บางแบบฟอร์มมีช่องใน iframe ซึ่งทำให้เกิดปัญหาในการป้อนข้อความอัตโนมัติของเบราว์เซอร์ เมื่อใช้การป้อนข้อความอัตโนมัติที่แชร์ เฟรมระดับบนสุดจะกำหนดความน่าเชื่อถือของ iframe แบบข้ามต้นทางได้ เพื่อให้ผู้ใช้ได้รับประสบการณ์การป้อนข้อความอัตโนมัติที่ดียิ่งขึ้น

การอัปเดตเครื่องมือที่นำเว็บมาสู่ Android การปรับปรุงความเป็นส่วนตัวและการสนับสนุนที่ดีขึ้นสำหรับหน้าจอขนาดใหญ่ใน WebView, แท็บที่กำหนดเองบางส่วนในแท็บที่กำหนดเอง, การติดตั้งที่ง่ายขึ้นและฟีเจอร์ที่ผสานรวมสำหรับ PWA, การจัดการการเรียกเก็บเงินของ Play Store สำหรับ TWA และอีกมากมาย

ดูวิธีที่ WebGPU ปลดล็อกความสามารถของ GPU เพื่อประสิทธิภาพแมชชีนเลิร์นนิงที่รวดเร็วขึ้นและการแสดงภาพกราฟิกที่ดียิ่งขึ้น

ดูวิธีที่เราช่วยให้นักพัฒนาแอปมอบประสบการณ์อันทรงพลังแก่ผู้ใช้ได้ง่ายขึ้นผ่านการอัปเดตที่สำคัญและการเปิดตัวใหม่ๆ ที่เราแชร์ในงาน Google I/O 2023

ทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome กำลังสร้างฟีเจอร์ใหม่เพิ่มเติมเพื่อช่วยค้นหาปัญหาเกี่ยวกับแบบฟอร์มและแก้ไขข้อบกพร่องของการป้อนข้อความอัตโนมัติ ฟีเจอร์เหล่านี้อยู่ในขั้นแรกของการออกแบบและการนำไปใช้งาน และเราจำเป็นต้องได้รับการทดสอบและความคิดเห็นจากคุณ

บทความนี้จะแสดงภาพรวมของมีอะไรใหม่ใน WebDriver BiDi ในปี 2023

สร้างกำหนดการของคุณเองเพื่อเตรียมพร้อมสำหรับ Google I/O

เครื่องมือสําหรับนักพัฒนาเว็บจะเปิดใช้ การตั้งค่า &gt; การทดสอบ &gt; การแก้ไขข้อบกพร่อง WebAssembly: เปิดใช้การรองรับ DWARF โดยค่าเริ่มต้น ดูข้อมูลเพิ่มเติมได้ที่ การแก้ไขข้อบกพร่อง WebAssembly ด้วยเครื่องมือสมัยใหม่

ดูวิธีการใช้ไทม์ไลน์การเลื่อนและดูไทม์ไลน์เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนในลักษณะประกาศ

โปรแกรมทำงานของบริการส่วนขยายคือเครื่องจัดการกิจกรรมส่วนกลางของส่วนขยาย จึงทำให้โปรแกรมทำงานเหล่านี้แตกต่างจากโปรแกรมทำงานของบริการบนเว็บ

Chrome 113 กำลังเปิดตัวแล้ว WebGPU พร้อมให้บริการแล้ว ซึ่งทำให้กราฟิก 3 มิติประสิทธิภาพสูงและการประมวลผลแบบขนานข้อมูลในเว็บได้ ตอนนี้ Devtools สามารถลบล้างส่วนหัวการตอบสนองของเครือข่าย, ชุดบุคคลที่หนึ่งซึ่งเป็นส่วนหนึ่งของ Privacy Sandbox ที่อนุญาตให้องค์กรประกาศว่าเว็บไซต์ที่เกี่ยวข้องกำลังจะเริ่มเปิดตัว และอื่นๆ อีกมากมาย

การจัดสรรบรรทัดแรกของ CSS, CHIPS, เหตุการณ์ Scrollend และป๊อปอัป

โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์ Service Worker มาตรฐานและเหตุการณ์จำนวนมากใน API ส่วนขยาย

โปรแกรมทำงานของบริการส่วนขยายจะมีการติดตั้งและอัปเดตแตกต่างจากโปรแกรมทำงานของบริการเว็บ

ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บควบคุมการเบลอพื้นหลังของกล้องได้

Chrome 113 มีการปรับปรุงโปรแกรมเปลี่ยนไฟล์ของซอฟต์แวร์ AV1 จากทีมสื่อแบบเปิดของ Chrome

โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์และเหตุการณ์ของ Service Worker มาตรฐานในเนมสเปซของส่วนขยาย โดยจะแสดงไว้ด้วยกัน เนื่องจากมักจะมีประเภทตามหลังอีกประเภทหนึ่งในระหว่างการใช้ส่วนขยาย

จัดส่ง WebGPU ใน Chrome โดยมีการผสานรวม WebCodecs ในช่วงทดลองใช้จากต้นทาง

ปรับ UI ตามความสามารถในการรีเฟรชของหน้าจอ

ใช้การแมปแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้

ใช้แผงทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์เพื่อตรวจสอบว่าการแมปแหล่งที่มาโหลดสำเร็จหรือไม่ และโหลดการแมปด้วยตนเอง

ดูวิธีใช้แท็บที่กำหนดเองบางส่วนเพื่อให้ผู้ใช้โต้ตอบกับแอปขณะดูเนื้อหาเว็บ

วิธีวัดการมีส่วนร่วมของผู้ใช้ในแท็บที่กำหนดเอง

ดูวิธีใช้ประโยชน์จากบริการแท็บที่กำหนดเองเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น

วิธีเพิ่มการทำงานที่กำหนดเองไปยังแท็บที่กำหนดเอง

วิธีทำให้แท็บที่กำหนดเองมีรูปลักษณ์ที่สอดคล้องกับแอปของคุณ

วิธีเปิดแท็บที่กำหนดเองจากแอป Android

อุปกรณ์เคลื่อนที่และ App Store ได้เปลี่ยนแปลงวิธีที่ผู้ใช้ค้นพบ ประเมิน และติดตั้งซอฟต์แวร์ ตอนนี้เว็บแอปมีแพลตฟอร์มให้นักพัฒนาซอฟต์แวร์ไฮไลต์แอปของตน ณ เวลาที่ติดตั้ง

เส้นทางสู่วิวัฒนาการของการทดสอบอัตโนมัติบนเว็บ

วิธีบันทึกเสียงหรือวิดีโอจากแท็บ หน้าต่าง หรือหน้าจอ

การใช้ภาพเคลื่อนไหวแบบเลเยอร์ใน View สามารถช่วยเพิ่มประสิทธิภาพและลด แต่ไม่ยาก แต่การตั้งค่าจะค่อนข้างยาก AnimationBuilder คลาสสามารถลดความซับซ้อนลงอย่างมาก และช่วยให้อ่านเลเยอร์ได้ง่ายขึ้น ภาพเคลื่อนไหว

เราต้องการข้อเสนอแนะของคุณเกี่ยวกับวิธีแก้ปัญหาที่เสนอมาสำหรับปัญหาวิธีการจัดวางการจัดเรียงรายการในลำดับที่ตัดการเชื่อมต่อจากแหล่งที่มาของเอกสาร

เพื่อช่วยให้คุณดำเนินการทั่วไปได้ง่ายขึ้น เช่น การลบหรือปิดใช้เบรกพอยท์ เราได้ออกแบบแถบด้านข้างของเบรกพอยท์ใหม่ เพื่อให้สามารถดำเนินการได้ในคลิกเดียว

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

ทีม Chrome จะจัดส่ง WebGPU มาเพื่อช่วยให้กราฟิก 3 มิติประสิทธิภาพสูง และการประมวลผลข้อมูลคู่ขนานบนเว็บ

ฟีเจอร์สื่อ CSS ใหม่, ฟังก์ชันการค่อยๆ เปลี่ยน linear() และ WebGPU

ตั้งแต่ Chrome 114 เป็นต้นไป จะลดเวลาระหว่าง Branch ระหว่างการเปิดตัวกับรุ่นเสถียร

Chrome 112 กำลังเปิดตัวแล้ว ตอนนี้ CSS รองรับกฎการซ้อนกันแล้ว อัลกอริทึมสำหรับการตั้งโฟกัสเริ่มต้นให้กับองค์ประกอบกล่องโต้ตอบได้รับการอัปเดตแล้ว จากนี้ไป ตัวแฮนเดิลการดึงข้อมูลที่ไม่มีการดำเนินการใน Service Worker จะถูกข้ามไปเพื่อให้การไปยังส่วนต่างๆ เร็วขึ้น และอีกมากมาย

ดูวิธีสร้างและแก้ไขข้อบกพร่องของ Service Worker ของส่วนขยาย

ดูว่าการแมปแหล่งที่มาช่วยแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้ได้อย่างไร

ปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องใน Chrome DevTools ด้วยส่วนขยายการแมปแหล่งที่มา ignoreList

SQLite Wasm ได้รับการสนับสนุนจากระบบไฟล์ส่วนตัวต้นทาง จึงเข้ามาแทนที่เทคโนโลยีฐานข้อมูล Web SQL ที่เลิกใช้งานได้อย่างหลากหลาย บทความนี้เป็นคำแนะนำในการย้ายข้อมูลจาก Web SQL ไปยัง SQLite Wasm โพสต์ การเลิกใช้งานและการนำ Web SQL ออก

เรากําลังปรับปรุงมาตรการความเป็นส่วนตัวของ Chrome โดยการร่วมมือกับ Fastly เพื่อนำเซิร์ฟเวอร์ k-anonymity ไปใช้กับ FLEDGE เมื่อมีการส่งต่อข้อมูลผ่านการส่งต่อ OHTTP ในการใช้งานนี้ เซิร์ฟเวอร์ของ Google จะไม่ได้รับที่อยู่ IP ของผู้ใช้ปลายทาง เซิร์ฟเวอร์ k-anonymity เป็นขั้นตอนที่เพิ่มขึ้นเพื่อการนำ FLEDGE มาใช้อย่างเต็มรูปแบบ

เราต้องการปกป้องความเป็นส่วนตัวของผู้ใช้โดยจำกัดเมื่อมีการส่งส่วนหัว X-Requested-With

Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร

View Transition API ช่วยให้สามารถเปลี่ยนหน้าเว็บภายในแอปแบบหน้าเดียว และรวมแอปที่มีหลายหน้าในเวลาต่อมาได้

ส่วนที่สองจากสามส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย

ไฟล์ Manifest.json กำหนดให้ไฟล์ Manifest V3 มีรูปแบบที่แตกต่างจากไฟล์ Manifest V2 เล็กน้อย

ข้อมูลอ้างอิงด่วนสำหรับการอัปเกรดส่วนขยายจากไฟล์ Manifest V2 เป็นไฟล์ Manifest V3

ส่วนแรกจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ได้เป็นส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย

การซ้อน CSS, การสร้างภาพเคลื่อนไหว และพารามิเตอร์การส่งสำหรับตัวสร้าง FormData

โปรแกรมบันทึก รองรับตัวเลือกการเล่นซ้ำที่กำหนดเองซึ่งคุณสามารถฝังลงในเครื่องมือสำหรับนักพัฒนาเว็บด้วยส่วนขยาย ลองใช้ ส่วนขยายตัวอย่าง เลือกตัวเลือกการเล่นซ้ำที่กำหนดเองใหม่เพื่อเปิด UI การเล่นซ้ำที่กำหนดเอง หากต้องการปรับแต่ง โปรแกรมบันทึก

ฟีเจอร์หนึ่งของ CSS Preprocessor ที่เราโปรดปรานได้รวมอยู่ในภาษาแล้ว ซึ่งก็คือการซ้อนกฎสไตล์

ส่วนสุดท้ายจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย

Chrome 111 กำลังเปิดตัวแล้ว สร้างการเปลี่ยนภาพอย่างราบรื่นในแอปแบบหน้าเดียวด้วย View Transitions API และยกระดับสีสันไปอีกขั้นด้วยการรองรับสี CSS ระดับ 4 ดูเครื่องมือใหม่ๆ ในแผงรูปแบบที่จะช่วยให้คุณได้รับประโยชน์สูงสุดจากฟังก์ชันสีใหม่ และอื่นๆ อีกมากมาย

การแสดงตัวอย่าง Project Fugu API คือคอลเล็กชันแอปที่ใช้ API ของ Project Fugu โปรเจ็กต์ความสามารถข้ามบริษัท (ชื่อรหัส Project Fugu ) ที่ Google มีวัตถุประสงค์เพื่อให้เว็บแอปทําสิ่งต่างๆ ได้เช่นเดียวกับแอปเฉพาะแพลตฟอร์ม นอกจาก Google แล้ว

ทฤษฎีการกระตุ้นเตือนทำให้ผู้ใช้หยุดยิงตัวเองระหว่างการประชุมผ่านวิดีโอ

API ใหม่กำลังจะเปิดตัวในแพลตฟอร์มเว็บเพื่อช่วยคุณจัดวางองค์ประกอบในลักษณะที่ปรับเปลี่ยนได้โดยไม่ต้องใช้เทคนิคใดๆ

สำรวจความท้าทาย 2 ประการที่ทีม Chrome พบเจอในการนำ CHIPS ไปใช้ และดูว่าความคิดเห็นของชุมชนมีบทบาทสำคัญอย่างไรในการพัฒนาการออกแบบข้อเสนอ

วิธีที่ทีม Chrome มีเป้าหมายเพื่อส่งเสริมการสนทนาอย่างมืออาชีพ มีความเคารพ และไม่แบ่งแยก

ดูว่า Next.js, Nuxt.js และไลบรารีอื่นๆ ช่วยสร้าง CSS แบบอักษรสำรองโดยไม่ใช้ CLS ได้อย่างไร

แลกเปลี่ยนข้อความกับแอปพลิเคชันที่มาพร้อมเครื่องจากส่วนขยาย Chrome

การค้นหารูปแบบช่วยให้นักพัฒนาซอฟต์แวร์ค้นหาค่ารูปแบบขององค์ประกอบระดับบนสุดโดยใช้กฎ @container ใน Chrome 111 การค้นหารูปแบบสำหรับคุณสมบัติที่กำหนดเองของ CSS จะมีความเสถียร เรียนรู้วิธีเริ่มต้นใช้งาน

ใช้สไตล์และแผงที่คำนวณเพื่อค้นหาปัญหา CSS โดยใช้เครื่องมือสำหรับนักพัฒนาเว็บ

วิธีรับความช่วยเหลือเกี่ยวกับคําถามที่ไม่ได้กล่าวถึงในเอกสารประกอบ

การแก้ไขข้อบกพร่องของสี HD, UX เบรกพอยท์ที่ปรับปรุงแล้ว และอื่นๆ