การสนับสนุนเบราว์เซอร์

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

เวอร์ชันไฟล์ Manifest

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

ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูล

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

ไฟล์ Manifest - ชื่อและชื่อย่อ

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

ไฟล์ Manifest - เปิดใช้ออฟไลน์แล้ว

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

ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ

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

ไฟล์ Manifest - ไอคอน

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

ฟีเจอร์เว็บที่ถูกปิดใช้งาน

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

อัปเดต: หน้ากิจกรรมและหน้าพื้นหลัง

รูปแบบไฟล์ Manifest

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

ไฟล์ Manifest - เวอร์ชัน

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

ไฟล์ Manifest - ข้อกำหนด

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

ไฟล์ Manifest - แซนด์บ็อกซ์

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

externally_connectable

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

ไฟล์ Manifest - โมดูล Nacl

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

ไฟล์ Manifest - คำอธิบาย

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

ไฟล์ Manifest - ภาษาเริ่มต้น

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

ไฟล์ Manifest - คีย์

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

สตรีมกล่องงาน

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

ตัวอย่าง

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

• ส่วนขยาย Chrome

เผยแพร่แอปของคุณ

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

• ส่วนขยาย Chrome

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

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

• Chrome

การเลื่อนเวลาให้บริการ @function ของ CSS จาก Chrome 136 เป็น 139

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

• Chrome

Chrome for Developers

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

• Chrome

Chrome 135 เบต้า

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

• Chrome

Chrome Web Store

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

ChromeDriver คืออะไร

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

ปลดล็อกกรณีการใช้งานที่น่าสนใจด้วย Document Picture-in-Picture API

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

• Chrome

Chrome 134

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

• Chrome

มีอะไรใหม่ใน Chrome 134

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

• Chrome

Chrome Extensions

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

• ส่วนขยาย Chrome

ยกเลิกการตรวจสอบในหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์

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

• Chrome
• ส่วนขยาย Chrome

chrome.contentSettings

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

• ส่วนขยาย Chrome

chrome.bookmarks

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

• ส่วนขยาย Chrome

chrome.bookmarks

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

• ส่วนขยาย Chrome

chrome.contentSettings

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

• ส่วนขยาย Chrome

ปัญญาประดิษฐ์ (AI)

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

เตรียมพร้อมสำหรับ Chrome บน Android ที่แสดงแบบเต็มหน้าจอ

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

• Chrome

คู่มือการย้ายข้อมูลแบบเต็มหน้าจอใน Chrome บน Android

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

แก้ไขข้อบกพร่องของ Gemini Nano

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

แผงความเป็นส่วนตัวและความปลอดภัย

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

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

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

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

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

ป๊อปอัป = คำแนะนำ

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

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 134)

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

• Chrome

วิธีที่ NRK ใช้ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนเพื่อทำให้เรื่องราวมีชีวิตชีวา

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

• Chrome

chrome.app.runtime

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

chrome.printing

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

• ส่วนขยาย Chrome

chrome.sessions

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

• ส่วนขยาย Chrome

chrome.userScripts

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

• ส่วนขยาย Chrome

chrome.printing

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

• ส่วนขยาย Chrome

chrome.sessions

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

• ส่วนขยาย Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 134

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

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

chrome.i18n

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

• ส่วนขยาย Chrome

วิธีที่ Google Search ใช้กฎการคาดเดา

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

• Chrome

การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows

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

• Chrome

chrome.storage

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

• ส่วนขยาย Chrome

chrome.storage

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

• ส่วนขยาย Chrome

วิธีใช้ชุดข้อมูล CrUX BigQuery

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

• รายงาน Chrome UX

ขนาด

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

• รายงาน Chrome UX

ตอนนี้ส่วนย่อยของรูปภาพ LCP และ RTT พร้อมใช้งานใน CrUX แล้ว

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

• Chrome

Docs

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

ส่วนขยาย / เริ่มต้นใช้งาน

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

• ส่วนขยาย Chrome

เข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติเมื่อเล่นสื่อ

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

• Chrome

Chrome 134 เบต้า

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

• Chrome

chrome.enterprise.platformKeys

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

• ส่วนขยาย Chrome

chrome.enterprise.platformKeys

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

• ส่วนขยาย Chrome

Chrome 133

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

• Chrome

มีอะไรใหม่ใน Chrome 133

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

• Chrome

โหมดแอปพลิเคชันแบบแท็บสำหรับ PWA

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

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

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

• Chrome

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

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

• Chrome

ปรับปรุงประสบการณ์การท่องเว็บของผู้ใช้ด้วยประวัติเฉพาะแอป

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

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

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

ลดความซับซ้อนในการตรวจสอบสิทธิ์โดยใช้แท็บการตรวจสอบสิทธิ์

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

chrome.permissions

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

• ส่วนขยาย Chrome

chrome.permissions

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

• ส่วนขยาย Chrome

chrome.runtime

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

• ส่วนขยาย Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 133

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

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

มีอะไรใหม่ใน WebGPU (Chrome 133)

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

• Chrome
• WebGpu

ข้อมูลอัปเดตเกี่ยวกับส่วนขยาย Chrome ประจำเดือนมกราคม 2025

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

• ส่วนขยาย Chrome
• Chrome

แนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API

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

บันทึกประจำรุ่น

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

• Chrome

มีอะไรใหม่ใน Chrome

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

การปรับปรุงนโยบายของ Chrome เว็บสโตร์: เพิ่มความชัดเจนและความสอดคล้องสำหรับนักพัฒนาแอป

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

• Chrome
• ส่วนขยาย Chrome

วิธีที่ LLM สตรีมคำตอบ

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

แนวทางปฏิบัติแนะนำในการแสดงผลคำตอบ LLM ที่สตรีม

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

ลดความซับซ้อนในการตรวจหาฟีเจอร์ WebAuthn สำหรับพาสคีย์

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

• พาสคีย์
• Chrome

การแปลด้วย AI ในตัว

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

ค้างเมื่อใช้โหมดประหยัดพลังงาน

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

• Chrome

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

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

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

สื่อ

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

พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google พร้อมใช้งานใน iOS แล้ว

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

• Chrome
• พาสคีย์

การอัปเกรด attr() ของ CSS

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

• Chrome

scroll-state() ของ CSS

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

• Chrome

Chrome 133 เบต้า

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

• Chrome

Chrome 132

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

• Chrome

text-box-trim ของ CSS

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

• Chrome

วิธีที่เราได้เปิดตัว Gemini ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

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

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

มีอะไรใหม่ใน Chrome 132

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

• Chrome

chrome.sockets.udp

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

chrome.tabs

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

• ส่วนขยาย Chrome

chrome.tabs

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

• ส่วนขยาย Chrome

จับภาพสตรีมวิดีโอจากองค์ประกอบใดก็ได้

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

ผู้ชนะใน Built-in AI Challenge

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

• Chrome

การรองรับส่วนขยาย Web Vitals สิ้นสุดแล้ว

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

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

chrome.ttsEngine

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

• ส่วนขยาย Chrome

chrome.ttsEngine

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

• ส่วนขยาย Chrome

chrome.cookies

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

• ส่วนขยาย Chrome

chrome.cookies

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

• ส่วนขยาย Chrome

chrome.appviewTag

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

ลดความเป็นไปได้ที่จะถูกคลิกจากระยะไกลด้วย XFO หรือ CSP

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

มีอะไรใหม่ใน WebGPU (Chrome 132)

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

• Chrome
• WebGpu

มีอะไรใหม่ในส่วนขยาย Chrome

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

• ส่วนขยาย Chrome

WebGPU

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

สร้างสรรค์ด้วย Chrome

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

การชำระเงิน

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

ความเป็นส่วนตัวและความปลอดภัย

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

แอป

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

นักเชิดหุ่นกระบอก

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

เว็บบน Android

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

chrome.certificateProvider

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

• ส่วนขยาย Chrome

chrome.extension

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

• ส่วนขยาย Chrome

ประภาคาร

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

ประสิทธิภาพ

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

chrome.system.display

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

• ส่วนขยาย Chrome

chrome.system.display

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

• ส่วนขยาย Chrome

chrome.action

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

• ส่วนขยาย Chrome

Identity

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

chrome.commands

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

• ส่วนขยาย Chrome

ไม่รองรับการดำเนินการเมื่อใช้การแก้ไขข้อบกพร่องจากระยะไกล

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

Chrome OS

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

ภาพรวมของ WebView

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

chrome.certificateProvider

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

• ส่วนขยาย Chrome

chrome.extension

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

• ส่วนขยาย Chrome

บันทึกประสิทธิภาพ

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

ChromeDriver ขัดข้อง

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

ดาวน์โหลด

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

Android

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

Chrome ไม่เริ่มทำงานหรือขัดข้องในทันที

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

การจำลองอุปกรณ์เคลื่อนที่

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

คะแนรี

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

การรองรับแป้นพิมพ์

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

ข้อควรพิจารณาด้านความปลอดภัย

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

ตัวอย่างการใช้งานการป้อนข้อความอัตโนมัติ: ข้อมูลเชิงลึกจากการใช้งานจริง

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

• Chrome

ผลการค้นหาจากแบบฟอร์มคำขอเลือกแบบกำหนดเองสำหรับความคิดเห็นของนักพัฒนาแอป

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

• Chrome

เริ่มต้นใช้งาน AI ในตัว

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

การตรวจหาภาษาด้วย AI ในตัว

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

วิธีใช้เครื่องมือไทม์ไลน์การจัดสรร

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

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

หลีกเลี่ยงการใช้ภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite

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

คำศัพท์เกี่ยวกับหน่วยความจำ

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

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 132

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

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

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

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

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

CSS Wrapped 2024

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

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

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

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

chrome.browser

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

chrome.syncFileSystem

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

chrome.usb

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

chrome.bluetoothSocket

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

chrome.socket

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

chrome.bluetooth

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

chrome.mdns

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

chrome.webviewTag

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

chrome.bluetoothLowEnergy

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

chrome.fontSettings

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

• ส่วนขยาย Chrome

chrome.serial

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

Prompt API

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

ส่วนขยายและ AI

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

• ส่วนขยาย Chrome

ใช้นโยบาย HSTS ที่รัดกุม

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

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

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

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

Chrome DevTools

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

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

chrome.desktopCapture

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

• ส่วนขยาย Chrome

chrome.documentScan

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

• ส่วนขยาย Chrome

chrome.dns

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

• ส่วนขยาย Chrome

chrome.declarativeContent

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

• ส่วนขยาย Chrome

chrome.system.storage

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

• ส่วนขยาย Chrome

chrome.contextMenus

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

• ส่วนขยาย Chrome

chrome.alarms

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

• ส่วนขยาย Chrome

chrome.audio

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

• ส่วนขยาย Chrome

ป้อนข้อความอัตโนมัติ

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

เครื่องมือ CrUX

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

• รายงาน Chrome UX

chrome.declarativeNetRequest

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

• ส่วนขยาย Chrome

chrome.devtools.panels

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

• ส่วนขยาย Chrome

chrome.fileBrowserHandler

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

• ส่วนขยาย Chrome

chrome.readingList

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

• ส่วนขยาย Chrome

อนาคตของ WebGPU

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

• Chrome
• WebGpu

วิดีโอการช่วยเหลือพิเศษได้รับรางวัลเว็บจากการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API

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

• Chrome

เตรียมส่วนขยายของคุณเมื่อเราเริ่มทดสอบเมนูส่วนขยายใหม่

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

• ส่วนขยาย Chrome
• Chrome

พาสคีย์

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

chrome.networking.onc

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

การแปลฝั่งไคลเอ็นต์ด้วย AI

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

ความช่วยเหลือจาก AI สำหรับแหล่งที่มา

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

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

เข้าร่วมช่วงทดลองใช้ Translator API จากต้นทาง

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

• Chrome

กำกับเนื้อหาการติดตามในแผงประสิทธิภาพโดยตรง

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

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

ความช่วยเหลือจาก AI สำหรับเครือข่าย

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

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

แผงความช่วยเหลือของ AI

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

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

AI ในตัว

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

ความช่วยเหลือจาก AI สำหรับประสิทธิภาพ

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

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

Chrome 132 เบต้า

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

• Chrome

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

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

• Chrome
• พาสคีย์

Chrome 131

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

• Chrome

เข้าร่วม Prompt API สำหรับช่วงทดลองใช้จากต้นทางของส่วนขยาย Chrome

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

• Chrome

เข้าร่วมช่วงทดลองใช้ Summarizer API จากต้นทาง

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

• Chrome

ตรวจสอบว่าพาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์ด้วย Signal API

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

• Chrome
• พาสคีย์

ใหม่ใน Chrome 131

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

• Chrome

สรุปด้วย AI ในตัว

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

CSS และ UI

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

เริ่มต้นใช้งานช่วงทดลองใช้จากต้นทาง

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

แก้ปัญหาเกี่ยวกับหน่วยความจำ

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

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

มีอะไรใหม่ใน WebGPU (Chrome 131)

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

• Chrome
• WebGpu

ตัวเลือกเพิ่มเติมสำหรับการจัดสไตล์ <details>

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

ภาพรวมแผงหน่วยความจำ

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

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

ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างราบรื่นด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น

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

• Chrome

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

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

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

ข้อมูลอ้างอิงเกี่ยวกับป้าย

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

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

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

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

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

เพิ่มเนื้อหาในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS

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

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 131

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

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

จดจำลายมือของผู้ใช้

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

WebGPU: เคล็ดลับและการแก้ปัญหา

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

• WebGpu

การนํา --headless=old ออกจาก Chrome

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

• Chrome

วิเคราะห์ประสิทธิภาพของรันไทม์

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

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

ป้ายเลื่อนใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาองค์ประกอบที่เลื่อนได้เร็วขึ้น

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

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

โหมดไม่มีส่วนหัวของ Chrome

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

• Chromium

การเปิดใช้ bfcache สำหรับ Cache-Control: no-store

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

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

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

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

AI API ในตัว

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

Chrome 131 เบต้า

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

• Chrome

การอ้างอิง API

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

• ส่วนขยาย Chrome

Chrome 130

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

• Chrome

ใหม่ใน Chrome 130

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

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 130)

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

• Chrome
• WebGpu

ความช่วยเหลือจาก AI ในการจัดรูปแบบ

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

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

chrome.virtualKeyboard

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

chrome.clipboard

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

นวัตกรรม AI

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

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

API เฟรมภาพเคลื่อนไหวแบบยาว

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

ตรวจสอบกิจกรรมเครือข่าย

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

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

สิ่งที่จะเกิดขึ้นกับส่วนขยาย Chrome ในเดือนตุลาคม 2024

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

• Chrome
• ส่วนขยาย Chrome

Native Client

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

พร็อพเพอร์ตี้กล่องตกแต่งใน Chrome 130

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

• Chrome

ระงับการเข้าถึงเครือข่ายส่วนตัวชั่วคราว

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

• Chrome

Translation API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว

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

• Chrome

การเปลี่ยนแปลงการรับช่วงค่าสำหรับการจัดรูปแบบการเลือก CSS

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

• Chrome

API การจัดตำแหน่งโฆษณา Anchor ของ CSS

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

จับการคาดคะเนในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: เหตุผลที่ทำให้ยากและวิธีช่วยปรับปรุง

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

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

เข้าร่วมภารกิจ AI ในตัวของ Google Chrome

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

• Chrome

WebAuthn: จำลอง Authenticator

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

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

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

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

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

ข้อมูลอ้างอิงฟีเจอร์

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

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

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

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

• ส่วนขยาย Chrome
• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 130

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

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

การครอบคลุม: หา JavaScript และ CSS ที่ไม่ได้ใช้

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

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

ภาพรวมแผงแหล่งที่มา

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

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

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

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

แผงเลเยอร์: สำรวจเลเยอร์ของเว็บไซต์

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

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

ลบการแคชแล้ว: ตรวจสอบ ล้าง และปิดใช้แคช

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

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

ส่วนขยาย Web Vitals พร้อมใช้งานในเครื่องมือสําหรับนักพัฒนาเว็บแล้ว

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

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

ลงชื่อสมัครใช้การทดลองใช้ Language Detection API จากต้นทาง

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

ภาพรวมของคอนโซล

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

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

ระบุ PWA ที่ไม่ซ้ำกันด้วยพร็อพเพอร์ตี้รหัสไฟล์ Manifest ของเว็บแอป

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

Writer และ Rewriter API พร้อมให้ทดลองใช้ก่อนเปิดตัว

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

• Chrome

Chrome เพื่อซิงค์พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google ระหว่างเดสก์ท็อปกับ Android

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

• Chrome
• พาสคีย์

ต้องการความคิดเห็น: เราควรกำหนด CSS Masonry อย่างไร

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

• Chrome

Chrome 130 เบต้า

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

• Chrome

แผงประสิทธิภาพ: วิเคราะห์ประสิทธิภาพเว็บไซต์

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

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

การทดสอบ Chrome: การแชร์กระบวนการ

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

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

ใหม่ใน Chrome 129

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

• Chrome

ตรวจสอบประสิทธิภาพ Core Web Vitals ในพื้นที่และของผู้ใช้จริงใน DevTools

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

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

มีอะไรใหม่ใน WebGPU (Chrome 129)

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

• Chrome
• WebGpu

Animate to height: auto; (และคำค้นหาการปรับขนาดอื่นๆ ที่เป็นค่าเริ่มต้น) ใน CSS

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

การอัปเดต RFCOMM ของบลูทูธใน Web Serial

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

• Chrome

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

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

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

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

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

• Chrome

การแสดงภาพซ้อนภาพสำหรับองค์ประกอบใดๆ ไม่ใช่แค่ <วิดีโอ>

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

API ล็อกแป้นพิมพ์และล็อกเคอร์เซอร์ต้องได้รับสิทธิ์จาก Chrome 131

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

• Chrome

บันทึกประจำรุ่น

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

• รายงาน Chrome UX

เครื่องมือตรวจสอบหน่วยความจำ: ตรวจสอบ ArrayBuffer, TypedArray, DataView และหน่วยความจำ Wasm

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

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

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

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

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

ขอแนะนำช่วงทดลองใช้ Digital Credentials API จากต้นทาง

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

• Chrome

การเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่ง Anchor

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

• Chrome

เปิดใช้การแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่นในเว็บไซต์ต่างๆ ใน Chrome

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

เรียกใช้คำสั่งในเมนูคำสั่ง

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

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 129

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

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

แพลตฟอร์มแบบเว็บ

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

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

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

• Chrome

chrome.privacy

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

• ส่วนขยาย Chrome

chrome.wallpaper

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

• ส่วนขยาย Chrome

chrome.system.storage

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

• ส่วนขยาย Chrome

chrome.input.ime

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

• ส่วนขยาย Chrome

chrome.scripting

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

• ส่วนขยาย Chrome

chrome.enterprise.deviceAttributes

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

• ส่วนขยาย Chrome

chrome.devtools.performance

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

• ส่วนขยาย Chrome

chrome.webAuthenticationProxy

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

• ส่วนขยาย Chrome

chrome.vpnProvider

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

• ส่วนขยาย Chrome

chrome.types

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

• ส่วนขยาย Chrome

chrome.enterprise.hardwarePlatform

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

• ส่วนขยาย Chrome

chrome.tabCapture

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

• ส่วนขยาย Chrome

chrome.systemLog

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

• ส่วนขยาย Chrome

chrome.power

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

• ส่วนขยาย Chrome

chrome.topSites

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

• ส่วนขยาย Chrome

chrome.proxy

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

• ส่วนขยาย Chrome

chrome.system.memory

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

• ส่วนขยาย Chrome

chrome.enterprise.networkingAttributes

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

• ส่วนขยาย Chrome

chrome.devtools.recorder

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

• ส่วนขยาย Chrome

chrome.system.cpu

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

• ส่วนขยาย Chrome

chrome.devtools.network

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

• ส่วนขยาย Chrome

chrome.processes

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

• ส่วนขยาย Chrome

chrome.tts

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

• ส่วนขยาย Chrome

chrome.search

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

• ส่วนขยาย Chrome

chrome.devtools.inspectedWindow

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

• ส่วนขยาย Chrome

chrome.webNavigation

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

• ส่วนขยาย Chrome

chrome.tabGroups

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

• ส่วนขยาย Chrome

chrome.printerProvider

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

• ส่วนขยาย Chrome

chrome.printingMetrics

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

• ส่วนขยาย Chrome

ความสามารถและตัวเลือก Chrome

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

HTML และ CSS ขาดอะไรไป

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

• Chrome

พื้นที่เก็บข้อมูล IndexedDB ที่มีประสิทธิภาพมากขึ้นใน Chrome

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

• Chromium

Language Detection API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว

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

• Chrome

chrome.declarativeNetRequest

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

• ส่วนขยาย Chrome

Lighthouse: เพิ่มความเร็วเว็บไซต์

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

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

chrome.webRequest

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

• ส่วนขยาย Chrome

chrome.sidePanel

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

• ส่วนขยาย Chrome

chrome.pageAction

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

• ส่วนขยาย Chrome

chrome.omnibox

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

• ส่วนขยาย Chrome

chrome.windows

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

• ส่วนขยาย Chrome

chrome.i18n

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

• ส่วนขยาย Chrome

chrome.browserAction

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

• ส่วนขยาย Chrome

chrome.webRequest

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

• ส่วนขยาย Chrome

chrome.fileBrowserHandler

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

• ส่วนขยาย Chrome

chrome.devtools.panels

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

• ส่วนขยาย Chrome

chrome.system.cpu

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

• ส่วนขยาย Chrome

chrome.enterprise.networkingAttributes

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

• ส่วนขยาย Chrome

chrome.gcm

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

• ส่วนขยาย Chrome

chrome.loginState

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

• ส่วนขยาย Chrome

chrome.instanceID

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

• ส่วนขยาย Chrome

chrome.wallpaper

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

• ส่วนขยาย Chrome

chrome.printingMetrics

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

• ส่วนขยาย Chrome

chrome.platformKeys

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

• ส่วนขยาย Chrome

chrome.input.ime

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

• ส่วนขยาย Chrome

chrome.fontSettings

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

• ส่วนขยาย Chrome

chrome.devtools.inspectedWindow

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

• ส่วนขยาย Chrome

chrome.processes

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

• ส่วนขยาย Chrome

chrome.history

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

• ส่วนขยาย Chrome

chrome.identity

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

• ส่วนขยาย Chrome

chrome.tts

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

• ส่วนขยาย Chrome

chrome.enterprise.hardwarePlatform

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

• ส่วนขยาย Chrome

chrome.devtools.recorder

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

• ส่วนขยาย Chrome

chrome.dom

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

• ส่วนขยาย Chrome

chrome.tabCapture

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

• ส่วนขยาย Chrome

chrome.webNavigation

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

• ส่วนขยาย Chrome

chrome.topSites

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

• ส่วนขยาย Chrome

chrome.management

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

• ส่วนขยาย Chrome

chrome.search

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

• ส่วนขยาย Chrome

chrome.types

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

• ส่วนขยาย Chrome

chrome.idle

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

• ส่วนขยาย Chrome

chrome.printerProvider

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

• ส่วนขยาย Chrome

chrome.enterprise.deviceAttributes

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

• ส่วนขยาย Chrome

chrome.windows

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

• ส่วนขยาย Chrome

chrome.power

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

• ส่วนขยาย Chrome

chrome.pageCapture

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

• ส่วนขยาย Chrome

chrome.systemLog

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

• ส่วนขยาย Chrome

chrome.privacy

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

• ส่วนขยาย Chrome

chrome.fileSystemProvider

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

• ส่วนขยาย Chrome

chrome.notifications

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

• ส่วนขยาย Chrome

chrome.devtools.network

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

• ส่วนขยาย Chrome

chrome.downloads

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

• ส่วนขยาย Chrome

chrome.proxy

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

• ส่วนขยาย Chrome

chrome.vpnProvider

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

• ส่วนขยาย Chrome

chrome.events

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

• ส่วนขยาย Chrome

chrome.events

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

• ส่วนขยาย Chrome

chrome.idle

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

• ส่วนขยาย Chrome

chrome.offscreen

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

• ส่วนขยาย Chrome

chrome.pageCapture

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

• ส่วนขยาย Chrome

chrome.fileSystemProvider

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

• ส่วนขยาย Chrome

chrome.dom

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

• ส่วนขยาย Chrome

chrome.debugger

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

• ส่วนขยาย Chrome

chrome.management

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

• ส่วนขยาย Chrome

chrome.omnibox

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

• ส่วนขยาย Chrome

chrome.downloads

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

• ส่วนขยาย Chrome

chrome.history

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

• ส่วนขยาย Chrome

chrome.gcm

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

• ส่วนขยาย Chrome

chrome.instanceID

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

• ส่วนขยาย Chrome

chrome.notifications

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

• ส่วนขยาย Chrome

chrome.loginState

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

• ส่วนขยาย Chrome

chrome.platformKeys

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

• ส่วนขยาย Chrome

chrome.identity

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

• ส่วนขยาย Chrome

chrome.sockets.tcp

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

chrome.hid

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

chrome.sockets.tcpServer

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

chrome.system.network

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

chrome.fileSystem

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

chrome.app.window

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

chrome.mediaGalleries

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

Logging

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

เริ่มต้นใช้งาน ChromeDriver

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

ส่วนขยาย Chrome

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

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

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

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

Chrome 129 เบต้า

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

• Chrome

chrome.browsingData

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

• ส่วนขยาย Chrome

chrome.system.memory

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

• ส่วนขยาย Chrome

chrome.desktopCapture

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

• ส่วนขยาย Chrome

chrome.documentScan

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

• ส่วนขยาย Chrome

chrome.dns

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

• ส่วนขยาย Chrome

chrome.declarativeWebRequest

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

• ส่วนขยาย Chrome

การอ้างอิง API

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

• ส่วนขยาย Chrome

Chrome DevTools

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

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

สร้างแอปด้วย WebGPU

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

• WebGpu

สื่อ: ดูและแก้ไขข้อบกพร่องของข้อมูลโปรแกรมเล่นสื่อ

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

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

ใหม่ใน Chrome 128

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

• Chrome

การปรับปรุงประสิทธิภาพการช่วยเหลือพิเศษของ Chromium

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

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 128)

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

• Chrome
• WebGpu

ช่วงทดลองใช้ File System Observer API จากต้นทาง

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

• Chrome

Chrome 128

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

• Chrome

chrome.alarms

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

• ส่วนขยาย Chrome

chrome.contextMenus

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

• ส่วนขยาย Chrome

chrome.debugger

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

• ส่วนขยาย Chrome

chrome.audio

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

• ส่วนขยาย Chrome

chrome.declarativeContent

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

• ส่วนขยาย Chrome

chrome.browsingData

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

• ส่วนขยาย Chrome

chrome.commands

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

• ส่วนขยาย Chrome

File System Access API: ลดความซับซ้อนในการเข้าถึงไฟล์ในเครื่อง

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

Summarization API พร้อมให้ดูตัวอย่างล่วงหน้า

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

• Chrome

เหตุการณ์การสแนปการเลื่อน

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

• Chrome

การทดสอบการวัดการนำทางที่นุ่มนวล

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

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

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

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 128

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

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

WebDriver BiDi พร้อมใช้งานจริงใน Firefox, Chrome และ Puppeteer

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

• Chrome

Blog

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

• Chrome

เข้าร่วมการทดสอบ AI ในตัวของ Chrome

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

• Chrome

การอัปเดต UX พาสคีย์ใน Chrome ใน Android

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

• Chrome

ชื่อ CSS ที่ผู้เขียนกำหนดและ Shadow DOM: เป็นไปตามข้อกำหนดและในทางปฏิบัติ

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

การทำงานอัตโนมัติด้วย WebDriver BiDi พร้อมใช้งานบน BrowserStack แล้ว

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

• Chrome

ไม่ใช่แค่นิพจน์ทั่วไป: การปรับปรุงการแยกวิเคราะห์ค่า CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

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

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

โหลดหน้าเว็บได้เร็วขึ้นโดยใช้เวลาคิดของเซิร์ฟเวอร์ด้วยคำแนะนำในช่วงแรก

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

API ประวัติ CrUX

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

• รายงาน Chrome UX

API ของ CrUX

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

• รายงาน Chrome UX

ตัวแบ่งบรรทัด <ruby> และพร็อพเพอร์ตี้ CSS Ruby-align

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

• Chrome

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

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

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

Chrome 128 เบต้า

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

• Chrome

ใหม่ใน Chrome 127

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

• Chrome

วิธีที่ Chrome ช่วยให้ผู้ใช้ติดตั้งแอปที่ตนให้ความสำคัญ

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

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 127)

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

• Chrome
• WebGpu

Chrome 127

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

• Chrome

ขอความคิดเห็นของนักพัฒนาซอฟต์แวร์เกี่ยวกับลำดับการอ่านและองค์ประกอบที่มีการแสดงผล: เนื้อหา

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

• Chrome

ค่ากำหนด

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

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

ข้อมูลอ้างอิงฟีเจอร์เครือข่าย

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

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

แผงโปรแกรมบันทึก: บันทึกและวัดการไหลเวียนของผู้ใช้

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

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

ความเข้าใจผิดเกี่ยวกับการเปลี่ยนมุมมอง

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

• Chrome

เกิดอะไรขึ้นในส่วนขยาย Chrome

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

• ส่วนขยาย Chrome
• Chrome

ส่วนขยาย Chrome: การปรับปรุงนโยบายที่สำคัญ

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

• Chrome
• ส่วนขยาย Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 127

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

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

โหมดตรวจสอบ: วิเคราะห์คุณสมบัติขององค์ประกอบอย่างรวดเร็ว

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

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

ข้อมูลอ้างอิงฟีเจอร์ด้านประสิทธิภาพ

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

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

การเพิ่มประเภทที่เชื่อถือได้ลงใน YouTube

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

• ส่วนขยาย Chrome
• Chrome

จัดส่ง Long Animation Frame API แล้ว

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

• Chrome

หลีกเลี่ยง DOM ที่มีขนาดใหญ่เกินไป

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

หน้าที่แสดงผลล่วงหน้าใน Chrome สำหรับการนำทางหน้าเว็บแบบทันใจ

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

เบื้องหลัง Chrome เว็บสโตร์: การสอบถามเรื่องความเชื่อถือและความปลอดภัย

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

• ส่วนขยาย Chrome
• Chrome

ประสิทธิภาพ IndexedDB สูงสุดด้วยที่เก็บข้อมูลของพื้นที่เก็บข้อมูล

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

• Chrome

ช่วงทดลองใช้จากต้นทางสำหรับองค์ประกอบใหม่ <สิทธิ์>

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

• Chrome

แคชโมเดล AI ในเบราว์เซอร์

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

มีอะไรใหม่ใน WebGPU (Chrome 126)

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

• Chrome
• WebGpu

Chrome 127 เบต้า

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

• Chrome

Chrome 126

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

• Chrome

ข้อมูลล่าสุดของ CSS และ UI บนเว็บ: สรุป I/O 2024

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

• Chrome

สิ่งใหม่ๆ ใน Chrome 126

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

• Chrome

การเลิกใช้งานเหตุการณ์ยกเลิกการโหลด

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

3 ฟีเจอร์ใหม่สำหรับปรับแต่งเวิร์กโฟลว์ประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ

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

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

Chrome UX Report

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

• รายงาน Chrome UX

การตรวจสอบโปรโตคอล: ดูและส่งคำขอ CDP

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

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

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

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

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

ข้ามการตรวจสอบการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยาย

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

• Chrome

การกรองเนื้อหา

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

• ส่วนขยาย Chrome

ไม่มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น

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

เงื่อนไขของเครือข่าย: ลบล้างสตริง User Agent

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

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 126

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

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

ส่วนขยาย Chrome ที่งาน Google I/O 2024

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

• Chrome

ดีบัก JavaScript

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

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

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

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

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

แผงแหล่งที่มาด่วน

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

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

กระตุ้นให้ผู้ใช้เขียนรีวิวผลิตภัณฑ์ที่เป็นประโยชน์ด้วย AI บนเว็บฝั่งไคลเอ็นต์

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

มีอะไรใหม่ในเฟรมเวิร์ก JavaScript (พฤษภาคม 2024)

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

• Chrome

การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 1

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

• Chrome
• WebGpu

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

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

• Chrome
• WebGpu

การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 2

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

• Chrome
• WebGpu

ประเมินรีวิวผลิตภัณฑ์ด้วย AI

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

แผงตรวจสอบประสิทธิภาพ

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

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

มีอะไรใหม่เกี่ยวกับการเปลี่ยนมุมมอง (ข้อมูลอัปเดตเกี่ยวกับ Google I/O 2024)

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

• Chrome

Chrome 126 เบต้า

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

• Chrome

ขอแนะนำการรองรับ UIA ใน Windows

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

• Chrome

การรองรับ SVG สำหรับ Async Clipboard API

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

• Chrome

Chrome 125

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

• Chrome

กรณีที่ควรเลือก AI ฝั่งไคลเอ็นต์

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

ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย

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

• Chrome

ลบล้างเนื้อหาเว็บและส่วนหัวการตอบกลับ HTTP ภายในเครื่อง

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

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

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

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

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

สิ่งใหม่ๆ ใน Chrome 125

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

• Chrome

วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify

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

• Chrome

ทําความเข้าใจข้อผิดพลาดและคําเตือนได้ดียิ่งขึ้นด้วยข้อมูลเชิงลึกของคอนโซล

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

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

ขอแนะนำ CSS Anchor Positioning API

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

• Chrome

นำการทดสอบไปใช้ในองค์กรด้วย Chrome

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

• Chrome

เครื่องมือจาก Chrome สำหรับการทดสอบอัตโนมัติที่ราบรื่น

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

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 125

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

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

เหตุใดความสามารถของ CSS และ UI จึงสำคัญต่อเว็บไซต์อีคอมเมิร์ซของคุณ

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

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 125)

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

• Chrome
• WebGpu

ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน

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

• Chrome

กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน

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

• Chrome

กรณีศึกษา :has()

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

• Chrome

กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์

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

• Chrome

ขอแนะนำ "ปลดปล่อยพลังของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน"

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

• Chrome

ภาพรวมของ WebGPU

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

• WebGpu

ข้อเสนอทางเลือกสำหรับการก่ออิฐ CSS

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

• Chrome

ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ

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

• ส่วนขยาย Chrome

กรณีศึกษาของ Popover

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

• Chrome

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

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

• Chrome

เลื่อนและซูมแท็บที่จับภาพ

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

ไฟล์ Manifest - โทเค็นการทดลองใช้

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

• ส่วนขยาย Chrome

WebAudio: ดูเมตริก WebAudio API

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

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

Chrome 125 เบต้า

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

• Chrome

เว็บไซต์ทำงานในเบราว์เซอร์ต่างๆ ได้

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

ภาพเคลื่อนไหว: ตรวจสอบและแก้ไขเอฟเฟกต์ภาพเคลื่อนไหว CSS

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

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

start_url ไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์

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

หน้าปัจจุบันไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์

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

เกิดอะไรขึ้นในส่วนขยาย Chrome

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

• Chrome
• ส่วนขยาย Chrome

ไฟล์ Manifest ไม่มีไอคอนที่มาสก์ได้

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

การควบคุม

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

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

แต่ละหน้ามี URL

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

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

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

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

ช่วงทดลองใช้จากต้นทางสำหรับ API แบบพับได้

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

• Chrome

การเปลี่ยนหน้าไม่รู้สึกว่าถูกบล็อกบนเครือข่าย

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

ไม่ได้ปรับขนาดเนื้อหาอย่างถูกต้องสำหรับวิวพอร์ต

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

ไม่ได้กำหนดสีธีมสำหรับแถบที่อยู่

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

Chrome 124

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

• Chrome

ใหม่ใน Chrome 124

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

• Chrome

ไม่ได้ใช้ HTTPS

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

ไม่ได้เปลี่ยนเส้นทางการเข้าชมผ่าน HTTP ไปยัง HTTPS

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

ไม่แสดงเนื้อหาสำรองเมื่อ JavaScript ไม่พร้อมใช้งาน

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

ไม่ได้กำหนดค่าให้ใช้หน้าจอแนะนำที่กำหนดเอง

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

ไม่ได้ลงทะเบียน Service Worker ที่ควบคุม page และ start_url

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

ตอนนี้ผู้ใช้ต้องการสิทธิ์เข้าถึงอุปกรณ์ MIDI

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

• Chrome

ไม่ได้ให้ apple-touch-icon ที่ถูกต้อง

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

การโหลดหน้าเว็บไม่เร็วพอเมื่อใช้เครือข่ายมือถือ

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

ไฟล์ Manifest ของเว็บแอปไม่ตรงตามข้อกำหนดด้านความสามารถในการติดตั้ง

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

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

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

เปลี่ยนได้อย่างราบรื่นด้วย View Transition API

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

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

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

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

วิธีดูข้อมูลรายงาน UX ของ Chrome ใน PageSpeed Insights

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

• รายงาน Chrome UX

CrUX ใน BigQuery

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

• รายงาน Chrome UX

มีอะไรใหม่ใน WebGPU (Chrome 124)

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

• Chrome
• WebGpu

การย้อนกลับเวอร์ชันในแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์

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

• Chrome
• ส่วนขยาย Chrome

คู่มือ CrUX

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

• รายงาน Chrome UX

ประเภทการนำทางพร้อมใช้งานแล้วใน CrUX

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

• Chrome

ตรวจสอบว่าข้อความจะยังมองเห็นได้ในระหว่างการโหลดเว็บฟอนต์

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

ลาก่อน JS Profiler ทำโปรไฟล์ CPU ด้วยแผงประสิทธิภาพ

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

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 124

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

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

Back-Forward Cache notRestoredreasons API

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

สร้างโปรไฟล์ประสิทธิภาพ Node.js ด้วยแผงประสิทธิภาพ

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

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

WebAssembly JavaScript Promise Integration (JSPI) เข้าสู่ช่วงทดลองใช้จากต้นทาง

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

• Chrome

ช่วงทดลองใช้จากต้นทางAPI ของFetchLater

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

• Chrome

คำขอเครือข่าย: ทดสอบเว็บไซต์โดยการบล็อกคำขอเครือข่าย

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

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

แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์

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

• Chrome

Chrome 124 เบต้า

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

• Chrome

สิ่งใหม่ๆ ใน Chrome 123

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

• Chrome

ใช้ Service Worker Static Routing API เพื่อข้าม Service Worker สำหรับเส้นทางที่ระบุ

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

• Chrome

การเข้าถึงเครือข่ายส่วนตัว: การปกป้องอีกระดับสำหรับ Web Worker และการดึงข้อมูลการนำทาง

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

• Chrome

เครื่องมือด้านประสิทธิภาพในปี 2024 และปีต่อๆ ไป

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

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

ซ่อนคำขอส่วนขยายและการปรับปรุงแผงเครือข่ายเพิ่มเติม

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

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

ภาพรวมแผงองค์ประกอบ

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

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

ดูและเปลี่ยน CSS

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

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

ใช้เอฟเฟกต์อื่นๆ เช่น เปิดใช้ธีมมืดอัตโนมัติ จำลองโฟกัส และอื่นๆ

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

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

ข้อมูลอ้างอิงฟีเจอร์ CSS

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

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

หยุดโค้ดชั่วคราวด้วยเบรกพอยท์

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

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

มีอะไรใหม่ใน WebGPU (Chrome 123)

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

• Chrome
• WebGpu

เพิ่มประสิทธิภาพในการบีบอัดด้วยพจนานุกรมที่แชร์

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

• Chrome

ดาวน์โหลด Headless Chrome แบบเก่าเป็น Chrome-headless-shell

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

• Chrome

ใช้ scheduler.yield() เพื่อแบ่งงานที่มีระยะเวลานาน

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

• Chrome

ภาพรวมแผงแอปพลิเคชัน

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

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

ทำให้ส่วนขยายเข้าถึงได้

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

• ส่วนขยาย Chrome

การปรับปรุง Speculation Rules API

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

• Chrome

ภาพรวมใหม่คืออะไร

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

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

ทำให้อินเทอร์เฟซเป็นสากล

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

• ส่วนขยาย Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 123)

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

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

ส่วนขยาย Chrome: เส้นทางการทดสอบการระงับการทำงานของ Service Worker

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

• Chrome
• ส่วนขยาย Chrome

แพ็กเกจ Next.js สำหรับการจัดการไลบรารีของบุคคลที่สาม

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

• Chrome

รองรับการปรับแนวเนื้อหาในเลย์เอาต์บล็อกและตาราง

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

• Chrome

Chrome 123 เบต้า

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

• Chrome

แป้นพิมพ์ลัด

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

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

จำลองอุปกรณ์เคลื่อนที่ด้วยโหมดอุปกรณ์

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

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

สิ่งใหม่ๆ ใน Chrome 122

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

• Chrome

การเปลี่ยนแปลงของ CSS ::การรับช่วงค่าฉากหลัง

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

• Chrome

กำหนดค่าไอคอนส่วนขยาย

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

• ส่วนขยาย Chrome

Chrome Extensions

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

• ส่วนขยาย Chrome

แผงประสิทธิภาพที่ทำงานเร็วขึ้น 400% ผ่านการรับรู้

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

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

ใช้ WebHID

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

• ส่วนขยาย Chrome

ย้ายข้อมูลไปยังไฟล์ Manifest V3

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

• ส่วนขยาย Chrome

ใช้ WebUSB

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

• ส่วนขยาย Chrome

ไฟล์ Manifest - นโยบายรักษาความปลอดภัยเนื้อหา

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

• ส่วนขยาย Chrome

มีอะไรใหม่ใน WebGPU (Chrome 122)

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

• Chrome
• WebGpu

การปรับขนาดช่องของ CSS

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

บันทึกฮีพสแนปชอต

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

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

chrome.runtime

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

• ส่วนขยาย Chrome

หลักเกณฑ์คำเตือนเกี่ยวกับสิทธิ์

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

• ส่วนขยาย Chrome

ประกาศสิทธิ์

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

• ส่วนขยาย Chrome

ใช้ Web Push

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

• ส่วนขยาย Chrome

ขอแนะนำวิธีใหม่ในการสร้างประสบการณ์การแก้ไขเว็บแบบกำหนดเองโดยใช้ EditContext API

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

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 122)

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

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

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

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

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

การทดลองใช้การเลิกใช้งาน SharedArrayBuffer ใน Chrome บนเดสก์ท็อปขยายไปยัง Chrome 124 แล้ว

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

• Chrome

ตอบสนองต่อคำสั่ง

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

• ส่วนขยาย Chrome

Chrome 122 เบต้า

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

• Chrome

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

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

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

เกิดอะไรขึ้นในส่วนขยาย Chrome

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

• Chrome
• ส่วนขยาย Chrome

สิ่งใหม่ๆ ใน Chrome 121

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

• Chrome

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

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

• ส่วนขยาย Chrome

มีอะไรใหม่ใน WebGPU (Chrome 121)

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

• Chrome
• WebGpu

ทดสอบเว็บบลูทูธด้วย Puppeteer

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

• Chrome

เข้าถึง DOM อย่างปลอดภัยด้วย Angular SSR

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

• Chrome

การจัดรูปแบบแถบเลื่อน

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

การทดสอบโมเดล AI ของเว็บใน Google Colab

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

• WebGpu

ใช้ Firebase Cloud Messaging (FCM) กับ chrome.gcm

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

• ส่วนขยาย Chrome

เพิ่มประสิทธิภาพการทดสอบโมเดล AI ของเว็บ: WebGPU, WebGL และ Chrome แบบ Headless

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

• Chrome
• WebGpu

โหมดการเขียนแนวตั้ง CSS สำหรับองค์ประกอบการควบคุมแบบฟอร์ม

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

• Chrome

ใช้การดำเนินการ

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

• ส่วนขยาย Chrome

สิทธิ์ถาวรสำหรับ File System Access API

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

• Chrome

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

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

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

ตรวจสอบและแก้ไขข้อบกพร่องของสี HD และที่ไม่ใช่ HD ด้วยตัวเลือกสี

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

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

เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล

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

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

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

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

• ส่วนขยาย Chrome

CSS text-wrap: balance

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

ส่วนขยายขอบเขตของเว็บแอป

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

ใช้ประโยชน์จากศักยภาพของ WebDriver BiDi: การทำงานอัตโนมัติของ Chrome และ Firefox ด้วย Puppeteer

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

• Chrome

สร้างเมนูตามบริบท

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

• ส่วนขยาย Chrome

จัดการกับการละเมิดโค้ดที่โฮสต์จากระยะไกล

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

• ส่วนขยาย Chrome

เพิ่มป๊อปอัป

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

• ส่วนขยาย Chrome

Android Intent ที่มี Chrome

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

Google Chrome บน Android

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

เฟรมเวิร์กสมัยใหม่ทำงานเป็นอย่างไรในเมตริก INP ใหม่

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

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

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

• Chrome

แอคคอร์เดียนพิเศษ

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

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 121)

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

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

มีอะไรใหม่ใน WebGPU

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

• WebGpu

การแชร์แท็บที่ดียิ่งขึ้นด้วย Region Capture

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

มีอะไรใหม่ใน WebGPU (Chrome 120)

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

• Chrome
• WebGpu

สรุป CSS: 2023

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

• Chrome

ดู เพิ่ม แก้ไข และลบคุกกี้

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

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

เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง bfcache

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

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

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

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

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

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

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

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

Chrome DevTools ช่วยปกป้องการโจมตี XSS ด้วยตนเองได้อย่างไร

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

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

ช่วงทดลองใช้ข้อความแจ้งสิทธิ์การเข้าถึงเครือข่ายส่วนตัวจากต้นทาง: เส้นทางการย้ายข้อมูลเว็บไซต์ด้วย HTTPS

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

• Chrome

การกลับไปดูเกณฑ์ความสามารถในการติดตั้งของ Chrome

ในอีกไม่กี่เดือนข้างหน้า Chrome จะทำการทดสอบโดยมีเป้าหมายเพื่อลดความซับซ้อนของเกณฑ์การติดตั้งแอปเพื่อปรับปรุงนักพัฒนาซอฟต์แวร์และประสบการณ์ของผู้ใช้ โพสต์นี้แสดงการเปลี่ยนแปลงที่อาจเกิดขึ้น และเหตุผลที่เราดำเนินการทดสอบเหล่านี้

• Chrome

เข้าถึงเซิร์ฟเวอร์ภายในและอินสแตนซ์ของ Chrome ด้วยการส่งต่อพอร์ต

โฮสต์เว็บไซต์ในเว็บเซิร์ฟเวอร์ของเครื่องพัฒนาซอฟต์แวร์ จากนั้นเข้าถึงเนื้อหาจากอุปกรณ์ Android

• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ใหม่ใน Chrome 120

Chrome 120 เปิดตัวแล้ว CloseWatcher API ช่วยให้ได้รับประสบการณ์ที่สอดคล้องกันเมื่อจัดการกับคำขอปิด การนำรูปแบบแอคคอร์เดียนไปใช้อย่างตรงไปตรงมาโดยใช้องค์ประกอบรายละเอียด รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว และมีอีกมากมาย

• Chrome

ขอแนะนำ 4 ฟีเจอร์ใหม่สำหรับต่างประเทศใน CSS

Chrome กำลังจะเพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่ 4 รายการ

• Chrome

API วงจรการใช้งานหน้าเว็บ

Page Lifecycle API นำฟีเจอร์วงจรของแอปโดยทั่วไปในระบบปฏิบัติการในอุปกรณ์เคลื่อนที่มาสู่เว็บ ตอนนี้เบราว์เซอร์สามารถหยุดการทำงานและทิ้งหน้าเว็บพื้นหลังได้อย่างปลอดภัยเพื่อประหยัดทรัพยากร และนักพัฒนาซอฟต์แวร์สามารถจัดการการดำเนินการเหล่านี้ได้อย่างปลอดภัยโดยไม่ส่งผลกระทบต่อประสบการณ์ของผู้ใช้

HTML ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน

ใน Chrome 120 มีตัวเลือกใหม่ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน ดูวิธีใช้ในคู่มือนี้

รายการละเว้น

ละเว้นการอ้างอิงแท็บรายการ

• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ดำเนินการเปลี่ยนไปใช้ไฟล์ Manifest V3 ต่อ

เมื่อเดือนธันวาคมปีที่แล้ว เราได้หยุดการเลิกใช้งาน Manifest V2 ตามแผนที่วางไว้ชั่วคราวเพื่อจัดการกับความคิดเห็นของนักพัฒนาแอปและมอบโซลูชันที่ดีกว่าสำหรับ ปัญหาการย้ายข้อมูล จากความคิดเห็นที่ได้รับ เราจึงได้ทําการเปลี่ยนแปลงหลายอย่างใน Manifest V3

• ส่วนขยาย Chrome
• Chrome

การแสดงภาพซ้อนภาพอัตโนมัติสำหรับเว็บแอปการประชุมทางวิดีโอ

Chrome ช่วยให้เว็บแอปการประชุมทางวิดีโอเข้าสู่การแสดงภาพซ้อนภาพได้โดยอัตโนมัติ

• Chrome

การปรับปรุงการกรองเนื้อหาในไฟล์ Manifest V3

ตลอดปีที่ผ่านมา เรามีส่วนร่วมในการพูดคุยกับผู้ให้บริการที่อยู่เบื้องหลังส่วนขยายการบล็อกเนื้อหาหลายรายการเกี่ยวกับวิธีปรับปรุงแพลตฟอร์มส่วนขยาย MV3 เราได้ดำเนินการปรับปรุงที่สำคัญตามการพูดคุยเหล่านี้ ซึ่งส่วนใหญ่เกิดขึ้นใน WebExtensions Community

• ส่วนขยาย Chrome
• Chrome

มีอะไรใหม่ในคำสั่ง NgOptimizeImage ของ Angular

ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ที่รวมอยู่ในคำสั่ง Angular NgOptimizeImage ที่ช่วยปรับปรุงประสิทธิภาพของรูปภาพในแอป Angular ให้ดียิ่งขึ้น

• Chrome

ช่วงทดลองใช้ Service Worker Static Routing API จากต้นทาง

เรียนรู้เกี่ยวกับเฟสแรกของการกำหนดเส้นทางแบบคงที่ของ Service Worker ซึ่งตอนนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่ที่ใช้สำหรับระบุวิธีการที่ Service Worker จัดการ (หรือไม่) จัดการเส้นทางอย่างชัดเจน

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 120)

ปัญหาการเลิกใช้งานคุกกี้ของบุคคลที่สามที่รายงานในแผง "ปัญหา", เครื่องมือวิเคราะห์ Privacy Sandbox สำหรับคุกกี้, นโยบายรักษาความปลอดภัยเนื้อหาที่มีประสิทธิภาพในแผงแอปพลิเคชัน, การแก้ไขข้อบกพร่องของภาพเคลื่อนไหวที่ได้รับการปรับปรุง, การละเว้นรายการที่มีประสิทธิภาพมากขึ้น และอื่นๆ

• Chrome
• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

การอัปเดตไวยากรณ์ที่ผ่อนคลายเกี่ยวกับการซ้อน CSS

เปิดใช้การซ้อน Lookahead ใน Chrome 120 แล้ว

• Chrome

การบันทึกระบบนิเวศ WebGPU

ดูข้อมูลเกี่ยวกับวิธีที่ระบบนิเวศของ WebGPU ขยายไปไกลกว่า JavaScript, C++ และขอบเขต Rust

• Chrome
• WebGpu

การเปลี่ยนแปลงโหมดความคงทนเริ่มต้นใน IndexedDB

โหมดความคงทนใน IndexedDB จะเปลี่ยนจากแบบเข้มงวดเป็นแบบผ่อนปรนตั้งแต่ Chrome 121

• Chrome

มีอะไรใหม่ใน Chrome 120 สำหรับส่วนขยาย

สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 120 สำหรับนักพัฒนาส่วนขยาย Chrome

• Chrome
• ส่วนขยาย Chrome

Chrome 120 เบต้า

การมาสก์ CSS, กฎที่ไม่เคร่งครัดสำหรับการซ้อน CSS, สร้างรูปแบบแอคคอร์เดียนที่มีองค์ประกอบ, การทำงานแบบแทรกภาพบนหน้าจอสำหรับ Media Session API

• Chrome

การจัดการไฟล์ใน Chrome OS

วิธีเปิดไฟล์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา

• ส่วนขยาย Chrome

file_handlers

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ file_handlers ของไฟล์ manifest.json

• ส่วนขยาย Chrome

เปิดใช้ WebAssembly Garbage Collection (WasmGC) ใน Chrome แล้วโดยค่าเริ่มต้น

ภาษาโปรแกรมมี 2 ประเภท ได้แก่ ภาษาโปรแกรมที่มีการรวบรวมขยะและภาษาโปรแกรมที่ต้องจัดการหน่วยความจำด้วยตนเอง บริการเก็บขยะของ WebAssembly ช่วยให้พอร์ตภาษาที่มีการเก็บขยะไปยัง WebAssembly ได้

• Chrome

ใหม่ใน Chrome 119

Chrome 119 กำลังเปิดตัวแล้ว การอัปเดตขีดจำกัดสูงสุดของวันที่หมดอายุสำหรับคุกกี้ในพื้นที่เก็บข้อมูลอยู่แล้ว CSS มีคลาสจำลองใหม่ ไวยากรณ์สีแบบสัมพัทธ์ การปรับปรุงเฟรมที่มีการปิดกั้น เช่น มาโครขนาดโฆษณา และอื่นๆ อีกมากมาย

• Chrome

CSS prefers-reduced-transparency

เพิ่มประสิทธิภาพและปรับเปลี่ยนสำหรับผู้ใช้ที่ต้องการ UI แบบทึบ

• Chrome

มีอะไรใหม่ใน WebGPU (Chrome 119)

พื้นผิวแบบลอยแบบ 32 บิตที่กรองได้, รูปแบบจุดยอดมุมนอกกรอบ 10-10-10-2, รูปแบบพื้นผิว rgb10a2uint และอื่นๆ

• Chrome
• WebGpu

CSS text-wrap: สวย

เลือกใช้การตัดข้อความที่เพิ่มประสิทธิภาพเพื่อความสวยงามด้านความเร็ว

• Chrome

เลือกองค์ประกอบ: ตอนนี้มีกฎแนวนอน

ดูว่าความสามารถขององค์ประกอบ Select แบบขยายช่วยให้มีการแบ่งแนวนอนในแนวนอนเพื่อให้จัดกลุ่มได้ดียิ่งขึ้นได้อย่างไร

• Chrome

เกิดอะไรขึ้นในส่วนขยาย Chrome

ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้

• ส่วนขยาย Chrome
• Chrome

การย้ายข้อมูลเครื่องมือติดตามปัญหาของ Chromium

เราจะย้ายการติดตามปัญหาของ Chromium ไปยังเครื่องมือที่ขับเคลื่อนโดยเครื่องมือติดตามปัญหาของ Google ในเดือนมกราคม 2024

• Chrome

การเลิกใช้งาน Sanitizer API

เราจะเลิกใช้งาน Sanitizer API ในปัจจุบันจาก Chrome 119 เพื่อให้สอดคล้องกับการอัปเดตข้อกำหนดเฉพาะในอนาคต

• Chrome

ซีเรียลผ่านบลูทูธบนเว็บ

Web Serial API เพิ่มการรองรับบริการบลูทูธ RFCOMM

• Chrome

การทดสอบแบบเอนด์ทูเอนด์สำหรับส่วนขยาย Chrome

วิธีเขียนการทดสอบจากต้นทางถึงปลายทางสําหรับส่วนขยาย

• ส่วนขยาย Chrome

การทดสอบ 1 หน่วยของ Chrome ส่วนขยาย

วิธีเขียนการทดสอบ 1 หน่วยสำหรับส่วนขยาย

• ส่วนขยาย Chrome

ทดสอบส่วนขยาย Chrome ด้วย Puppeteer

วิธีเขียนการทดสอบอัตโนมัติสำหรับส่วนขยาย Chrome โดยใช้ Puppeteer

• ส่วนขยาย Chrome

ค้นหาและติดตามข้อบกพร่อง

ตรวจสอบว่ามีการรายงานข้อบกพร่องหรือคำขอฟีเจอร์แล้วหรือยัง

• ส่วนขยาย Chrome

รายงานข้อบกพร่องเกี่ยวกับส่วนขยาย

วิธีรายงานข้อบกพร่องของส่วนขยายหรือปัญหาเกี่ยวกับเอกสารประกอบ

• ส่วนขยาย Chrome

ไวยากรณ์สีสัมพัทธ์ CSS

สร้างสีใหม่ตามแชแนลและค่าของสีอื่น

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 119)

ส่วน @property ที่ปรับปรุงใหม่ใน "รูปแบบ" รายการอุปกรณ์ที่อัปเดต การจัดรูปแบบที่คัดสรรมาในรูปแบบ "แหล่งที่มา" และการเติมข้อความอัตโนมัติในคอนโซล

• Chrome
• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ใหม่ใน Chrome 118

Chrome 118 กำลังเปิดตัวแล้ว ประกาศรูปแบบที่เฉพาะเจาะจงภายในคอมโพเนนต์ด้วยกฎ CSS @scope ใช้ฟีเจอร์สื่อใหม่: Preferred-reduced-transparency เครื่องมือสำหรับนักพัฒนาเว็บมีการปรับปรุงในแผงแหล่งที่มา และอื่นๆ อีกมากมาย

• Chrome

การปรับปรุง API สำหรับการทำงานกับไฟล์ในเบราว์เซอร์

การรองรับผู้อ่านและผู้เขียนหลายรายสําหรับ FileSystemSyncAccessHandle และผู้เขียนแบบผูกขาดสําหรับ FileSystemWritableFileStream ระบบไฟล์ส่วนตัวต้นทาง (บางครั้งเรียกว่าระบบไฟล์ที่เก็บข้อมูล)

• Chrome

ช่วงทดลองใช้จากต้นทางใหม่สำหรับหน้าต่างป๊อปอัปแบบเต็มหน้าจอ

ตอนนี้มีช่วงทดลองใช้จากต้นทางใหม่ให้เปิดหน้าต่างป๊อปอัปในโหมดเต็มหน้าจอได้ง่ายๆ ในขั้นตอนเดียว

• Chrome

Chrome 119 เบต้า

Chrome 119 รุ่นเบต้านำเสนอไวยากรณ์สีสัมพัทธ์ CSS, คลาสจำลองใหม่ และอื่นๆ อีกมากมาย

• Chrome

จำกัดการเข้าถึงของตัวเลือกด้วยกฎ @scope ของ CSS

ดูวิธีใช้ @scope เพื่อเลือกองค์ประกอบภายในแผนผังย่อยที่จำกัดของ DOM เท่านั้น

มีอะไรใหม่ใน WebGPU (Chrome 118)

การสนับสนุนแหล่งที่มาเพิ่มเติมสำหรับ copyExternalImageToTexture การสนับสนุนทดลองสำหรับพื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและแบบอ่านอย่างเดียว และอีกมากมาย

• Chrome
• WebGpu

Chrome รองรับพาสคีย์ในพวงกุญแจ iCloud ใน macOS แล้ว

Chrome ใน macOS เริ่มรองรับพาสคีย์ในพวงกุญแจ iCloud ซึ่งจะช่วยให้ผู้ใช้สร้างพาสคีย์ในพวงกุญแจ iCloud และซิงค์พาสคีย์ในอุปกรณ์ Apple ได้

• Chrome

เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของส่วนขยาย Chrome

ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของส่วนขยาย Chrome

• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
• Chrome
• ส่วนขยาย Chrome

การนำทางที่ราบรื่นเกิดขึ้นได้ด้วยการเปลี่ยนไปใช้มุมมอง

คำแนะนำแบบละเอียดเกี่ยวกับเหตุผลและวิธีใช้การเปลี่ยนมุมมองของ CyberAgent, RedBus, Nykaa และ PolicyBazaar

• Chrome

พื้นที่เก็บข้อมูลและคุกกี้

ภาพรวมวิธีการทำงานของ API พื้นที่เก็บข้อมูลบนเว็บและคุกกี้ในส่วนขยาย

• ส่วนขยาย Chrome

เราคือ Chrome สำหรับนักพัฒนาซอฟต์แวร์

ฉลองครบรอบ 15 ปีของ Chrome และบทบาทของเราในฐานะพาร์ทเนอร์ที่เชื่อถือได้และพร้อมให้ความช่วยเหลือแก่นักพัฒนาซอฟต์แวร์

• Chrome

จาก WebGL สู่ WebGPU

ดูเคล็ดลับสำหรับนักพัฒนาซอฟต์แวร์ WebGL ที่กำลังย้ายข้อมูลไปยัง WebGPU

• Chrome
• WebGpu

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 118)

ส่วนใหม่สำหรับพร็อพเพอร์ตี้ที่กำหนดเองในองค์ประกอบ > รูปแบบ การปรับปรุงการลบล้างภายในเพิ่มเติม การค้นหาที่เพิ่มประสิทธิภาพ พื้นที่ทำงานที่มีประสิทธิภาพในแหล่งที่มา และอื่นๆ

• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
• Chrome

Chrome 118 เบต้า

รูปแบบที่กำหนดขอบเขตสำหรับ CSS, ฟีเจอร์สื่อเพิ่มเติม, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ด้วยแป้นพิมพ์ และอีกมากมาย

• Chrome

ใหม่ใน Chrome 117

Chrome 117 กำลังเปิดตัวแล้ว ด้วยฟีเจอร์ CSS ใหม่ 3 รายการที่ทำให้การเพิ่มภาพเคลื่อนไหวในการเข้าและออกที่ลื่นไหลเป็นเรื่องง่าย การจัดกลุ่มอาร์เรย์เพื่อคำนวณชุดข้อมูลที่มีลำดับสูงขึ้น เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จึงทำให้การลบล้างในเครื่องทำได้ง่ายขึ้น และยังมีอีกมากมาย

• Chrome

การเปลี่ยนจากแอป Chrome

วิธีย้ายข้อมูลแอปแพ็กเกจหรือแอปที่โฮสต์ใน Chrome

มีอะไรใหม่ใน WebGPU (Chrome 117)

ยกเลิกการตั้งค่าบัฟเฟอร์เวอร์เท็กซ์และเชื่อมโยงกลุ่ม ทำให้อุปกรณ์ที่สูญหายทำงาน และอื่นๆ

• Chrome
• WebGpu

ซัมเมอร์แห่งโค้ดและส่วนขยายของ Chrome ใน Google

ประสบการณ์และคำแนะนำเกี่ยวกับการเข้าร่วม Summer of Code ของ Google

• ส่วนขยาย Chrome
• Chrome

เผยแพร่ส่วนขยาย

คำแนะนำสำหรับการเผยแพร่ส่วนขยายใหม่ที่ใช้ไฟล์ Manifest V3

• ส่วนขยาย Chrome

เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ข้อมูลโค้ดและนิพจน์จริง

ใช้ข้อมูลโค้ดเพื่อเรียกใช้โค้ดที่คุณใช้บ่อยและใช้นิพจน์จริงเพื่อดูค่าแบบเรียลไทม์

• Chrome
• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

Chrome เผยแพร่ได้เร็วขึ้น (รอบที่ 2)

ตั้งแต่ Chrome 119 เป็นต้นไป เราจะลดระยะเวลาระหว่างสาขาสำหรับรุ่นและการเผยแพร่เป็นเวอร์ชันเสถียร

• Chrome

การเปลี่ยนมุมมองดวงดาว

เน้นวิธีที่ชุมชน Astro นำ View Transitions มาใช้ในตอนที่ Chrome ปรับปรุง API และเส้นทางสู่การสนับสนุนระดับเฟิร์สคลาสใน Astro + เกาะถาวร

• Chrome

ขอแนะนําช่วงทดลองใช้จากต้นทาง Scheduler.yield

"scheduler.yield" เป็นฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน API เครื่องจัดตารางเวลาที่กำลังอยู่ระหว่างช่วงทดลองใช้จากต้นทาง และเป็นแนวทางแบบใหม่ในการแบ่งงานต่างๆ เพื่อมอบประสบการณ์ของผู้ใช้ที่ตอบสนองมากขึ้น ทำความเข้าใจประโยชน์ของ API การกำหนดเวลาที่นำเสนอนี้ และลงชื่อสมัครใช้ช่วงทดลองใช้จากต้นทางเพื่อช่วยให้เราได้รับข้อมูลเชิงลึกและความคิดเห็น

• Chrome

มีอะไรใหม่ใน Lighthouse 11

Lighthouse 11 มาพร้อมการเปลี่ยนแปลงการช่วยเหลือพิเศษและการอัปเดตการตรวจสอบแบบใหม่

• Chrome

ร่างคำสั่ง Chrome Devtools Protocol (CDP) อย่างมีประสิทธิภาพด้วยเครื่องมือแก้ไขคำสั่งใหม่

DevTools ได้เปิดตัวเครื่องมือแก้ไขใหม่ที่ใช้งานง่ายเพื่อให้พิมพ์คำสั่งโปรโตคอลสำหรับนักพัฒนาเว็บใน Chrome (CDP) ได้ง่ายขึ้นเพื่อให้คุณไม่จำเป็นต้องใช้ JSON

• Chrome

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 117)

ลบล้างคำขอ XHR/การดึงข้อมูล และซ่อนคำขอส่วนขยายจากแผงเครือข่าย, ดูการเปลี่ยนแปลงลำดับความสำคัญของการดึงข้อมูลในแผงประสิทธิภาพ, สัมผัสการปรับปรุง UI หลายรายการ, ดูสีใหม่ๆ และฟีเจอร์ทดลอง และอีกมากมาย

• Chrome
• เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาพเคลื่อนไหวเข้าและออกที่ราบรื่น

ดูข้อมูลเกี่ยวกับความสามารถใหม่ๆ ที่ช่วยให้การเปลี่ยนภาพเคลื่อนไหวแบบแยกกันและระหว่างเลเยอร์ด้านบนเป็นไปอย่างราบรื่น

• Chrome

Chrome 117 เบต้า

การรองรับภาพเคลื่อนไหวแบบกริด CSS เข้าและออกสำหรับ CSS การจัดกลุ่มอาร์เรย์ ตัวช่วยตัววนซ้ำ และอื่นๆ

• Chrome

นำการตรวจสอบความปลอดภัยไปยังหน้า chrome://extensions

ตั้งแต่ Chrome 117 เป็นต้นไป Chrome จะไฮไลต์ให้ผู้ใช้ทราบเมื่อส่วนขยายที่ติดตั้งไม่ได้อยู่ใน Chrome เว็บสโตร์อีกต่อไป

• Chrome
• ส่วนขยาย Chrome

ใหม่ใน Chrome 116

Chrome 116 กำลังเปิดตัวแล้ว ใช้ API การแสดงภาพซ้อนภาพของเอกสารเพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ซึ่งตอนนี้คุณสามารถแก้ไขข้อบกพร่องของสไตล์ชีตที่หายไปใน DevTools ได้ง่ายขึ้น และอีกมากมาย

• Chrome

ไฟล์ Manifest - สคริปต์เนื้อหา

เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ "content_scripts" ของ manifest.json

• ส่วนขยาย Chrome

รักษาความปลอดภัยให้การโต้ตอบกับป๊อปอัปด้วยพร็อพเพอร์ตี้แบบจำกัด

รับการแยกแบบข้ามต้นทางและการป้องกันการรั่วไหลข้ามเว็บไซต์ขณะโต้ตอบกับป๊อปอัป

• Chrome