ตัวอย่าง
คู่มือการใช้งานกฎการคาดเดาสําหรับเว็บไซต์ที่ซับซ้อนมากขึ้น
คำแนะนำเกี่ยวกับข้อควรพิจารณาเมื่อใช้กฎการเก็งกำไร โดยเฉพาะอย่างยิ่งสำหรับเว็บไซต์ที่ซับซ้อนมากขึ้น
เวอร์ชันไฟล์ 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
วิธีที่ eBay เพิ่มอัตราการเข้าสู่ระบบสำเร็จขึ้น 10% ด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
ดูว่า eBay เพิ่มโอกาสในการเข้าสู่ระบบสำเร็จขึ้น 10% ได้อย่างไรโดยใช้ลิงก์ชิ้นงานดิจิทัลเพื่อแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น ดูวิธีใช้การยืนยันตัวตนข้ามแพลตฟอร์มที่ปลอดภัยและปรับปรุงประสบการณ์ของผู้ใช้
ใช้ scheduler.yield() เพื่อแบ่งงานที่มีระยะเวลานาน
scheduler.yield() เป็น API ใหม่ที่แบ่งงานระยะยาวอย่างเหมาะสมและดำเนินการต่อโดยจัดลำดับความสำคัญ
Chrome Web Store
Chrome Web Store ตลาดกลางออนไลน์ที่ผู้ใช้เรียกดูส่วนขยายและธีมได้ เผยแพร่ส่วนขยายของคุณที่นั่นและทำให้ผู้คนทั่วโลกเข้าถึงได้ dashboard หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ เผยแพร่ส่วนขยายและจัดการรายการในร้านค้า local_mall Chrome Web Store
ปลดล็อกกรณีการใช้งานที่น่าสนใจด้วย Document Picture-in-Picture API
ดูวิธีที่ฟีเจอร์ภาพในภาพในเอกสารช่วยเพิ่มประสิทธิภาพการเรียนรู้ออนไลน์
มีอะไรใหม่ใน Chrome 134
Chrome 134 พร้อมให้ใช้งานแล้ว ซึ่งรวมถึงฟังก์ชันการปิดไฟสำหรับกล่องโต้ตอบ และอีกมากมายให้คุณได้ค้นพบ
ยกเลิกการตรวจสอบในหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
ตอนนี้คุณหยุดกระบวนการตรวจสอบสำหรับรายการที่รอการตรวจสอบได้แล้ว
chrome.contentSettings
ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome
chrome.bookmarks
ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต จึงจะใช้ Bookmarks API ได้ เช่น
chrome.bookmarks
สิทธิ์นี้จะ ทริกเกอร์คำเตือน ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และดำเนินการกับบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต เพื่อใช้
chrome.contentSettings
ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome
ปัญญาประดิษฐ์ (AI)
AI ใน Chrome ยินดีต้อนรับสู่ยุคใหม่ของเว็บด้วย AI มาดูกันว่า AI ช่วยให้นักพัฒนาซอฟต์แวร์สร้างประสบการณ์อันทรงพลังบนเว็บได้ง่ายขึ้นได้อย่างไร ทบทวนความเป็นไปได้ด้วย Gemini Nano ใน Chrome AI ในตัว เราจะนำ Gemini Nano
เตรียมพร้อมสำหรับ Chrome บน Android ที่แสดงแบบเต็มหน้าจอ
Chrome บน Android จะใช้พื้นที่เต็มหน้าจอตั้งแต่ Chrome เวอร์ชัน 135 เป็นต้นไป
แก้ไขข้อบกพร่องของ Gemini Nano
มีหน้าภายในของ Chrome โดยเฉพาะสำหรับดูรายละเอียดเกี่ยวกับข้อความแจ้งไปยัง Gemini Nano คู่มือนี้จะอธิบายวิธีใช้เครื่องมือนี้เพื่อแก้ไขข้อบกพร่อง
แผงความเป็นส่วนตัวและความปลอดภัย
ใช้แผง "ความเป็นส่วนตัวและความปลอดภัย" เพื่อตรวจสอบและควบคุมคุกกี้ของบุคคลที่สาม รวมถึงตรวจสอบการป้องกัน HTTPS
การวิเคราะห์เครือข่ายขั้นสูงด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การวิเคราะห์เครือข่ายขั้นสูงด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ป๊อปอัป = คำแนะนำ
สำรวจโหมดใหม่ของป๊อปอัปที่ลดความซับซ้อนของเคล็ดลับเครื่องมือและองค์ประกอบอื่นๆ ที่ลอยอยู่
มีอะไรใหม่ใน WebGPU (Chrome 134)
ปรับปรุงภาระงานแมชชีนเลิร์นนิงด้วยกลุ่มย่อย การปรับปรุงเวลาคอมไพล์เชดเดอร์ใน D3D12 นำการรองรับประเภทพื้นผิวที่กรองแบบลอยตัวออกเพื่อใช้ผสม และอื่นๆ
วิธีที่ NRK ใช้ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนเพื่อทำให้เรื่องราวมีชีวิตชีวา
ดูวิธีที่ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนและการเรียกให้แสดงเมื่อเลื่อนช่วยเพิ่มประสิทธิภาพให้กับบทความการเล่าเรื่อง
chrome.app.runtime
ใช้ chrome.app.runtime API เพื่อจัดการวงจรของแอป รันไทม์ของแอปจะจัดการการติดตั้งแอป ควบคุมหน้ากิจกรรม และปิดแอปได้ทุกเมื่อ ใดก็ได้ ไม่บังคับ ข้อมูลที่ไม่บังคับซึ่งนักพัฒนาแอประบุไว้ซึ่งแอปที่จะฝังสามารถใช้เมื่อตัดสินใจเกี่ยวกับการฝัง สตริง โมฆะ
chrome.printing
ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์
chrome.sessions
ใช้ chrome.sessions API เพื่อค้นหาและกู้คืนแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ Session [] รายการเซสชันหน้าต่างที่เปิดอยู่ของอุปกรณ์ภายนอก โดยจัดเรียงจากเซสชันที่แก้ไขล่าสุดไปจนถึงเซสชันที่แก้ไขล่าสุดน้อยที่สุด ตัวเลข
chrome.userScripts
ใช้ userScripts API เพื่อเรียกใช้สคริปต์ของผู้ใช้ในบริบทสคริปต์ของผู้ใช้ หากต้องการใช้ User Scripts API chrome.userScripts ให้เพิ่มสิทธิ์ "userScripts" ลงในไฟล์ manifest.json และ "host_permissions" สำหรับเว็บไซต์ที่ต้องการเรียกใช้สคริปต์
chrome.printing
ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์
chrome.sessions
ใช้ chrome.sessions API เพื่อค้นหาและกู้คืนแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ Session [] รายการเซสชันหน้าต่างที่เปิดอยู่ของอุปกรณ์ภายนอก โดยจัดเรียงจากเซสชันที่แก้ไขล่าสุดไปจนถึงเซสชันที่แก้ไขล่าสุดน้อยที่สุด ตัวเลข
สำรวจ Chrome
สำรวจ Chrome Chrome 134 เบต้า Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 สิ่งใหม่ใน Chrome เครื่องมือสำหรับนักพัฒนาเว็บ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 134
แผงความเป็นส่วนตัวและความปลอดภัย การจำกัด CPU ที่ปรับเทียบแล้ว การไฮไลต์ของบุคคลที่หนึ่งและบุคคลที่สามในประสิทธิภาพ ข้อมูลเชิงลึกใหม่ และอื่นๆ
chrome.i18n
ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อนำการจัดเตรียมให้พร้อมใช้งานหลายภาษาไปใช้กับทั้งแอปหรือส่วนขยาย หากส่วนขยายมีไดเรกทอรี /_locales ไฟล์ manifest ต้องกำหนด "default_locale" คุณต้องใส่สตริงที่ผู้ใช้มองเห็นทั้งหมดไว้ในไฟล์ชื่อ messages.json
วิธีที่ Google Search ใช้กฎการคาดเดา
ดูวิธีที่ Google Search ใช้ Speculation Rules API เพื่อแสดงผลการค้นหาล่วงหน้าแบบไม่ระบุตัวตนเพื่อปรับปรุงประสบการณ์ของผู้ใช้
การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows
ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ของ Windows ใน Chromium โดยตรง ซึ่งส่งผลให้การแสดงผลข้อความในเบราว์เซอร์ที่พัฒนาบน Chromium ใน Windows ดีขึ้น
chrome.storage
ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ หากต้องการใช้ Storage API ให้ประกาศสิทธิ์ "storage" ใน manifest ของส่วนขยาย เช่น Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ
chrome.storage
ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ Storage API ของแพลตฟอร์มเว็บ ( IndexedDB และ Storage )
วิธีใช้ชุดข้อมูล CrUX BigQuery
ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ BigQuery เพื่อเขียนการค้นหาเทียบกับชุดข้อมูล CrUX เพื่อดูผลลัพธ์เชิงลึกเกี่ยวกับสถานะประสบการณ์ของผู้ใช้บนเว็บ
ตอนนี้ส่วนย่อยของรูปภาพ LCP และ RTT พร้อมใช้งานใน CrUX แล้ว
ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงรายงานประสบการณ์ของผู้ใช้ Chrome (การเปลี่ยนแปลง CrUX) ในรุ่นเดือนกุมภาพันธ์ 2025 ซึ่งรวมถึงส่วนย่อยของรูปภาพ LCP, ประเภททรัพยากร LCP และ RTT
เข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติเมื่อเล่นสื่อ
Chrome อนุญาตให้เว็บแอปที่เล่นสื่อเข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติ
chrome.enterprise.platformKeys
ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ
chrome.enterprise.platformKeys
ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ
มีอะไรใหม่ใน Chrome 133
Chrome 133 พร้อมให้ใช้งานแล้ว เรามีฟีเจอร์ CSS ใหม่ๆ ที่น่าตื่นเต้นและอีกมากมายให้คุณค้นพบ
โหมดแอปพลิเคชันแบบแท็บสำหรับ PWA
โหมดแอปพลิเคชันแบบแท็บช่วยให้นักพัฒนา Progressive Web App เพิ่มอินเทอร์เฟซเอกสารแบบแท็บลงใน PWA แบบสแตนด์อโลนได้
ปรับปรุงขั้นตอนการลงชื่อเข้าใช้บนเว็บด้วยแท็บการตรวจสอบสิทธิ์สำหรับ Android
ปรับปรุงการตรวจสอบสิทธิ์บนเว็บด้วยแท็บการให้สิทธิ์สำหรับ Android
เพิ่มการมีส่วนร่วมของผู้ใช้ด้วยประวัติเฉพาะแอปในแท็บ Chrome ที่กำหนดเอง
ขอแนะนำประวัติเฉพาะแอปสำหรับแท็บที่กำหนดเองของ Chrome สำหรับ Android
ปรับปรุงความเป็นส่วนตัวบนเว็บให้แก่ผู้ใช้ด้วยแท็บที่กำหนดเองชั่วคราว
วิธีใช้แท็บที่กำหนดเองชั่วคราวในแอป Android
ลดความซับซ้อนในการตรวจสอบสิทธิ์โดยใช้แท็บการตรวจสอบสิทธิ์
วิธีใช้แท็บการตรวจสอบสิทธิ์เฉพาะในแอป Android
chrome.permissions
ใช้ chrome.permissions API เพื่อขอ สิทธิ์ที่ไม่บังคับที่ประกาศไว้ ขณะรันไทม์แทนที่จะเป็นช่วงติดตั้ง เพื่อให้ผู้ใช้เข้าใจถึงเหตุผลที่ต้องมีสิทธิ์ดังกล่าวและมอบสิทธิ์เฉพาะที่จำเป็นเท่านั้น คำเตือนเกี่ยวกับสิทธิ์มีไว้เพื่ออธิบายความสามารถที่ API
chrome.permissions
ใช้ chrome.permissions API เพื่อขอ สิทธิ์ที่ไม่บังคับที่ประกาศไว้ ขณะรันไทม์แทนที่จะเป็นช่วงติดตั้ง เพื่อให้ผู้ใช้เข้าใจถึงเหตุผลที่ต้องมีสิทธิ์ดังกล่าวและมอบสิทธิ์ที่จำเป็นเท่านั้น คำเตือนเกี่ยวกับสิทธิ์มีไว้เพื่ออธิบายความสามารถที่ API มอบให้
chrome.runtime
ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย Runtime
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 133
ประวัติแชท AI แบบถาวร การนำทางที่ดีขึ้น การละเว้นข้อมูล และสแต็กเทรซในประสิทธิภาพ แผง "มีอะไรใหม่" ใหม่ และอื่นๆ
มีอะไรใหม่ใน WebGPU (Chrome 133)
รูปแบบเวิร์กเท็กซ์ unorm8x4-bgra และ 1 คอมโพเนนต์เพิ่มเติม อนุญาตให้ขอขีดจำกัดที่ไม่รู้จักด้วยค่าที่ไม่ระบุ การเปลี่ยนแปลงกฎการจัดแนว WGSL ประสิทธิภาพที่เพิ่มขึ้นของ WGSL เมื่อใช้การทิ้ง และอื่นๆ อีกมากมาย
- WebGpu
ข้อมูลอัปเดตเกี่ยวกับส่วนขยาย Chrome ประจำเดือนมกราคม 2025
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
แนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API
คู่มือนี้จะแนะนำแนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API
มีอะไรใหม่ใน Chrome
มีอะไรใหม่ใน Chrome ดูการอัปเดตล่าสุดใน Chrome จากเอกสารและบล็อกของเรา เนื้อหาใหม่และการอัปเดตที่สำคัญในเอกสารประกอบ article วิธีที่ LLM สตรีมคำตอบ เอกสารประกอบใหม่สําหรับดูวิธีการทำงานของสตรีมมิงข้อมูลใน AI สําหรับเซิร์ฟเวอร์และไคลเอ็นต์ article
การปรับปรุงนโยบายของ Chrome เว็บสโตร์: เพิ่มความชัดเจนและความสอดคล้องสำหรับนักพัฒนาแอป
เราขอประกาศการปรับปรุงนโยบายชุดหนึ่งซึ่งออกแบบมาเพื่อความชัดเจนและความสอดคล้องกันทั่วทั้งแพลตฟอร์ม
แนวทางปฏิบัติแนะนำในการแสดงผลคำตอบ LLM ที่สตรีม
ใช้แนวทางปฏิบัติแนะนำสำหรับส่วนหน้าเหล่านี้เพื่อแสดงคำตอบที่สตรีมจาก Gemini ด้วย API ที่รองรับการสตรีม เช่น Prompt API
ลดความซับซ้อนในการตรวจหาฟีเจอร์ WebAuthn สำหรับพาสคีย์
ดูวิธีตรวจหาความสามารถของ WebAuthn ด้วย `getClientCapabilities()` และปรับแต่งเวิร์กโฟลว์การตรวจสอบสิทธิ์ให้กับผู้ใช้
การแปลด้วย AI ในตัว
Translator API ในตัวช่วยให้คุณแปลเนื้อหาแบบกำหนดเองจากภาษาต้นฉบับเป็นภาษาเป้าหมายได้ เข้าร่วมช่วงทดลองใช้จากต้นทางเพื่อลองใช้ API
ค้างเมื่อใช้โหมดประหยัดพลังงาน
ตั้งแต่ Chrome เวอร์ชัน 133 เป็นต้นไป แท็บที่ทำงานอยู่เบื้องหลังซึ่งใช้ CPU มากและมีสิทธิ์จะหยุดทำงานเมื่อโหมดประหยัดพลังงานเปิดอยู่
พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google พร้อมใช้งานใน iOS แล้ว
ตอนนี้ Chrome ใน iOS 17 ขึ้นไปสามารถสร้าง ซิงค์ และตรวจสอบสิทธิ์ด้วยพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) ได้แล้ว ซึ่งทำให้พาสคีย์ใน GPM พร้อมใช้งานในทุกที่ที่ Chrome พร้อมให้บริการ
การอัปเกรด attr() ของ CSS
ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง
Chrome 132
ToggleEvent สําหรับกล่องโต้ตอบ การรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API ที่รองรับ Android และ WebView และอื่นๆ
วิธีที่เราได้เปิดตัว Gemini ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
มีอะไรใหม่ใน Chrome 132
Chrome 132 พร้อมให้ใช้งานแล้ว องค์ประกอบกล่องโต้ตอบจะได้รับ ToggleEvent ซึ่งรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API รองรับ Android และ WebView
chrome.sockets.udp
ใช้ chrome.sockets.udp API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ UDP API นี้ใช้แทนฟังก์ชัน UDP ที่มีอยู่ใน API "ซ็อกเก็ต" ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข รหัสของซ็อกเก็ตที่สร้างใหม่
chrome.tabs
ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร
chrome.tabs
ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร
จับภาพสตรีมวิดีโอจากองค์ประกอบใดก็ได้
Element Capture API เป็นวิธีที่มีประสิทธิภาพและทรงพลังในการเปลี่ยนรูปแบบการบันทึกแท็บปัจจุบันให้เป็นการบันทึกต้นไม้ย่อย DOM
ผู้ชนะใน Built-in AI Challenge
พบกับแอปและส่วนขยายที่ชนะจาก Built-in AI Challenge ซึ่งเราเชิญให้คุณมาจินตนาการถึงสิ่งที่เป็นไปได้ด้วย Gemini Nano ใน Chrome
การรองรับส่วนขยาย Web Vitals สิ้นสุดแล้ว
การผสานรวมส่วนขยาย Web Vitals เข้ากับเครื่องมือสำหรับนักพัฒนาเว็บเสร็จสมบูรณ์แล้ว และการรองรับส่วนขยายดังกล่าวสิ้นสุดลง
chrome.ttsEngine
ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API
chrome.ttsEngine
ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API
chrome.cookies
ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API ให้ประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น คุกกี้ที่แบ่งพาร์ติชัน
chrome.cookies
ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API คุณต้องประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น
chrome.appviewTag
ใช้แท็ก appview เพื่อฝังแอป Chrome อื่นๆ ภายในแอป Chrome (ดู การใช้งาน ) ออบเจ็กต์ ข้อมูลที่ไม่บังคับซึ่งนักพัฒนาแอประบุไว้ซึ่งแอปที่จะฝังสามารถใช้เมื่อตัดสินใจเกี่ยวกับการฝัง สตริง รหัสของแอปที่ส่งคำขอฝัง โมฆะ อนุญาตคำขอฝัง ฟังก์ชัน allow
ลดความเป็นไปได้ที่จะถูกคลิกจากระยะไกลด้วย XFO หรือ CSP
ดูข้อมูลเพิ่มเติมเกี่ยวกับการลดการโจมตีด้วยคลิกแจ๊ค
มีอะไรใหม่ใน WebGPU (Chrome 132)
การใช้มุมมองพื้นผิว การผสมพื้นผิวแบบ 32 บิต การผสมพื้นผิวแบบ Float แอตทริบิวต์ adapterInfo ของ GPUDevice การกำหนดค่าบริบท Canvas ที่มีรูปแบบไม่ถูกต้องจะทำให้เกิดข้อผิดพลาด JavaScript การกรองข้อจำกัดของตัวสุ่มตัวอย่างในพื้นผิว การทดสอบกลุ่มย่อยแบบขยาย การปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ การรองรับรูปแบบพื้นผิวแบบ 16 บิตที่แปลงค่าให้เป็นมาตรฐานแบบทดลอง และอื่นๆ
- WebGpu
นักเชิดหุ่นกระบอก
ไลบรารี Node.js ที่มี API ระดับสูงสำหรับควบคุม Chrome หรือ Chromium แบบไม่มีส่วนหัว
chrome.certificateProvider
ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น
chrome.extension
chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"
chrome.system.display
ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)
chrome.system.display
ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)
chrome.action
ใช้ chrome.action API เพื่อควบคุมไอคอนส่วนขยายในแถบเครื่องมือ Google Chrome คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ หากต้องการใช้ chrome.action API ให้ระบุ "manifest_version" ของ 3 และใส่คีย์ "action" ใน ไฟล์ Manifest คุณระบุคีย์
chrome.commands
ใช้ Commands API เพื่อเพิ่มแป้นพิมพ์ลัดที่จะทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคําสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API
ไม่รองรับการดำเนินการเมื่อใช้การแก้ไขข้อบกพร่องจากระยะไกล
คำสั่ง WebDriver บางรายการ (เช่น การปรับขนาดหน้าต่างเบราว์เซอร์) กำหนดให้ต้องโหลดส่วนขยาย Chrome ลงในเบราว์เซอร์ โดยปกติแล้ว ChromeDriver จะโหลด "ส่วนขยายการทำงานอัตโนมัติ" นี้ทุกครั้งที่เปิดเซสชัน Chrome ใหม่ อย่างไรก็ตาม คุณสามารถสั่งให้
Chrome OS
อิมเมจทดสอบ ChromeOS ทั้งหมดมีการติดตั้งไบนารี ChromeDriver ใน /usr/local/chromedriver/ ระบบจะอัปเดตไบนารีเป็น Chrome เวอร์ชันเดียวกันในอิมเมจทดสอบนั้น กล่าวคือ คุณใช้ ChromeDriver บิลด์ล่าสุดอยู่เสมอ หากการทดสอบคาดว่าจะทํางานกับบิลด์ ChromeDriver
chrome.certificateProvider
ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น
chrome.extension
chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"
บันทึกประสิทธิภาพ
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 แสดงให้เห็นว่าฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้ผู้ใช้กรอกแบบฟอร์มได้เร็วขึ้นและมีอัตราการหยุดกลางคันลดลง
ผลการค้นหาจากแบบฟอร์มคำขอเลือกแบบกำหนดเองสำหรับความคิดเห็นของนักพัฒนาแอป
ขอขอบคุณที่สละเวลาแชร์ความคิดเห็นกับเรา ตรวจสอบรายละเอียด และช่วยกำหนดมาตรฐาน
วิธีใช้เครื่องมือไทม์ไลน์การจัดสรร
ใช้เครื่องมือไทม์ไลน์การจัดสรรเพื่อค้นหาออบเจ็กต์ที่ระบบไม่ได้เก็บขยะอย่างถูกต้องและยังคงใช้หน่วยความจําต่อไป
หลีกเลี่ยงการใช้ภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite
วิธีผ่านการตรวจสอบ "หลีกเลี่ยงภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite" Lighthouse
คำศัพท์เกี่ยวกับหน่วยความจำ
ส่วนนี้อธิบายคำทั่วไปที่ใช้ในการวิเคราะห์หน่วยความจำ และมีผลกับเครื่องมือสร้างโปรไฟล์หน่วยความจำหลายรายการในภาษาต่างๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 132
แก้ไขข้อบกพร่องของคำขอเครือข่าย ไฟล์ต้นทาง และร่องรอยประสิทธิภาพด้วย Gemini, ดูประวัติการแชทกับ AI และอีกมากมาย
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
CSS Wrapped 2024
ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024
ดูและแก้ไขพื้นที่เก็บข้อมูลของส่วนขยาย
วิธีดูและแก้ไขพื้นที่เก็บข้อมูลส่วนขยายด้วยแผงพื้นที่เก็บข้อมูลส่วนขยาย
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.serial
ใช้ chrome.serial API เพื่ออ่านและเขียนในอุปกรณ์ที่เชื่อมต่อกับพอร์ตอนุกรม หมายเลข ไม่บังคับ ดู ConnectionOptions.bitrate ช่องนี้อาจละเว้นหรือไม่ถูกต้องหากมีการใช้อัตราบิตที่ไม่ใช่มาตรฐาน หรือหากเกิดข้อผิดพลาดขณะค้นหาอุปกรณ์ที่สำคัญ ตัวเลข ดู
ใช้นโยบาย HSTS ที่รัดกุม
ดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่านโยบาย HTTP Strict Transport Security (HSTS) ที่เข้มงวด
การเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
เราจะนําแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองออกในเดือนมกราคม 2025 โดยจะมีข้อมูลเชิงลึกใหม่ในแผงประสิทธิภาพแทน
chrome.desktopCapture
Desktop Capture API จะจับภาพเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแท็บแต่ละแท็บ Enum ที่ใช้กําหนดชุดแหล่งที่มาของสื่อในเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "screen" "window" "tab" "audio" กระจก SelfCapturePreferenceEnum "include" "exclude"
chrome.documentScan
ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา
chrome.dns
ใช้ chrome.dns API สําหรับการแก้ไข DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน manifest โค้ดต่อไปนี้เรียก resolve() เพื่อดึงที่อยู่ IP ของ example.com service-worker.js: สตริง ไม่บังคับ สตริงที่แสดงที่อยู่ IP ที่เป็นลิเทอรัล
chrome.declarativeContent
ใช้ chrome.declarativeContent API เพื่อดําเนินการตามเนื้อหาของหน้าเว็บโดยไม่ต้องขอสิทธิ์อ่านเนื้อหาของหน้า Declarative Content API ช่วยให้คุณเปิดใช้การดำเนินการของส่วนขยายโดยอิงตาม URL ของหน้าเว็บ หรือในกรณีที่ตัวเลือก CSS ตรงกับองค์ประกอบในหน้าเว็บ
chrome.system.storage
ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูลและรับการแจ้งเตือนเมื่อมีการเชื่อมต่อและถอดอุปกรณ์จัดเก็บข้อมูลแบบถอดได้ "success" คำสั่งนำออกสำเร็จ แอปพลิเคชันจะแจ้งให้ผู้ใช้นำอุปกรณ์ออกได้ "in_use"
chrome.contextMenus
ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูบริบทของ Google Chrome คุณเลือกประเภทของออบเจ็กต์ที่จะใช้เมนูตามบริบทเพิ่มเติมได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้าเว็บ คุณต้องประกาศสิทธิ์ "contextMenus" ในไฟล์ Manifest ของส่วนขยายจึงจะใช้ API ได้
chrome.alarms
ใช้ chrome.alarms API เพื่อกำหนดเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน manifest คุณควรทำความเข้าใจลักษณะการทํางานของ API เพื่อให้มั่นใจว่า API จะทํางานอย่างถูกต้อง
chrome.audio
chrome.audio API มีไว้เพื่อให้ผู้ใช้รับข้อมูลและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS เท่านั้น สตริง ชื่ออุปกรณ์ DeviceType ประเภทของอุปกรณ์ สตริง ชื่อที่เรียกง่าย (เช่น "ไมโครโฟน USB") สตริง
ป้อนข้อความอัตโนมัติ
เบราว์เซอร์และคุณในฐานะนักพัฒนาแอปจะช่วยให้ผู้ใช้ป้อนข้อมูลได้เร็วขึ้นและหลีกเลี่ยงการป้อนข้อมูลซ้ำ ฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้เบราว์เซอร์กรอกข้อมูลในช่องของแบบฟอร์มโดยอัตโนมัติด้วยข้อมูลที่บันทึกไว้ของผู้ใช้ เช่น ชื่อ ที่อยู่
chrome.declarativeNetRequest
chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคําขอเครือข่ายโดยระบุกฎแบบประกาศ ซึ่งจะช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องขัดขวางหรือดูเนื้อหาของคำขอดังกล่าว จึงช่วยเพิ่มความเป็นส่วนตัวมากขึ้น สิทธิ์ " declarativeNetRequest " และ "
chrome.devtools.panels
ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI ของหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ เช่น สร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง แผงส่วนขยายและแถบด้านข้างแต่ละรายการจะแสดงเป็นหน้า HTML แยกกัน
chrome.fileBrowserHandler
ใช้ chrome.fileBrowserHandler API เพื่อขยายเบราว์เซอร์ไฟล์ของ Chrome OS เช่น คุณสามารถใช้ API นี้เพื่อให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ได้ โปรแกรมเรียกดูไฟล์ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กดแป้น Alt+Shift+M หรือเชื่อมต่ออุปกรณ์จัดเก็บข้อมูลภายนอก
chrome.readingList
ใช้ chrome.readingList API เพื่ออ่านและแก้ไขรายการใน เรื่องรออ่าน หากต้องการใช้ Reading List API ให้เพิ่มสิทธิ์ "readingList" ในไฟล์ manifest ของส่วนขยาย manifest.json: Chrome มีเรื่องรออ่านอยู่ในแผงด้านข้าง
อนาคตของ WebGPU
ดูข้อมูลเกี่ยวกับฟีเจอร์ AI และการแสดงผลใหม่ที่มีการพูดคุยกันในการประชุมกลุ่มทำงาน GPU for the Web ครั้งล่าสุด
- WebGpu
วิดีโอการช่วยเหลือพิเศษได้รับรางวัลเว็บจากการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API
เราได้เลือก ViddyScribe สำหรับรางวัลเว็บในการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API โดยได้แสดงให้เห็นว่า Gemini ช่วยให้วิดีโอบนเว็บเข้าถึงได้ง่ายขึ้นได้อย่างไรด้วยการสร้างคำบรรยายแทนเสียงสำหรับวิดีโอทุกรายการ
เตรียมส่วนขยายของคุณเมื่อเราเริ่มทดสอบเมนูส่วนขยายใหม่
วิธีเตรียมส่วนขยายให้พร้อมใช้งานในเมนูส่วนขยายใหม่
chrome.networking.onc
chrome.networking.onc API ใช้สำหรับกำหนดค่าการเชื่อมต่อเครือข่าย (เครือข่ายมือถือ, อีเทอร์เน็ต, VPN หรือ Wi-Fi) API นี้พร้อมใช้งานในเซสชันคีออสก์ Chrome OS ที่เปิดโดยอัตโนมัติ การกำหนดค่าการเชื่อมต่อเครือข่ายจะระบุตามข้อกำหนดของ
เข้าร่วมช่วงทดลองใช้ Translator API จากต้นทาง
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว
กำกับเนื้อหาการติดตามในแผงประสิทธิภาพโดยตรง
ดูวิธีทําให้ร่องรอยประสิทธิภาพเข้าใจง่ายขึ้นด้วยฟีเจอร์คําอธิบายประกอบใหม่ในเครื่องมือสําหรับนักพัฒนาเว็บ
ความช่วยเหลือจาก AI สำหรับเครือข่าย
ทําความเข้าใจการเข้าชมเครือข่ายของเว็บไซต์ด้วยความช่วยเหลือจาก AI
AI ในตัว
AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
Chrome 131
การรับช่วงค่าไฮไลต์ CSS มีการเปลี่ยนแปลง, การจัดรูปแบบ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด, รูปแบบการพิมพ์ที่ง่ายขึ้นด้วยช่องขอบของหน้า และอื่นๆ
เข้าร่วม Prompt API สำหรับช่วงทดลองใช้จากต้นทางของส่วนขยาย Chrome
เข้าร่วมช่วงทดลองใช้ Prompt API สำหรับต้นทางส่วนขยาย Chrome และเข้าถึง Gemini Nano ใน Chrome
เข้าร่วมช่วงทดลองใช้ Summarizer API จากต้นทาง
เข้าร่วมการทดลองใช้เวอร์ชันต้นทางเพื่อช่วยผู้ใช้กลั่นบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้เป็นข้อมูลสรุปที่กระชับและมีข้อมูลเชิงลึก
ตรวจสอบว่าพาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์ด้วย Signal API
WebAuthn Signal API ช่วยให้บุคคลที่เชื่อถือส่งสัญญาณสถานะข้อมูลเข้าสู่ระบบที่มีอยู่ไปยังผู้ให้บริการพาสคีย์ได้ เพื่อให้พาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์
ใหม่ใน Chrome 131
Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย
สรุปด้วย AI ในตัว
สรุปบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้สั้นกระชับและมีข้อมูลเชิงลึก
เริ่มต้นใช้งานช่วงทดลองใช้จากต้นทาง
ทดสอบฟีเจอร์แพลตฟอร์มเว็บใหม่หรือฟีเจอร์ทดลอง แสดงความคิดเห็นแก่ชุมชนมาตรฐานเว็บเกี่ยวกับความสามารถในการใช้งาน ความสามารถในการใช้งาน และประสิทธิภาพของฟีเจอร์ ก่อนที่ฟีเจอร์ดังกล่าวจะเปิดให้บริการแก่ผู้ใช้ทั้งหมด
แก้ปัญหาเกี่ยวกับหน่วยความจำ
ดูวิธีใช้ Chrome และ DevTools เพื่อค้นหาปัญหาเกี่ยวกับหน่วยความจำที่ส่งผลกระทบต่อประสิทธิภาพของหน้าเว็บ รวมถึงการรั่วไหลของหน่วยความจำ หน่วยความจำที่เพิ่มขึ้น และขยะที่สะสมบ่อย
มีอะไรใหม่ใน WebGPU (Chrome 131)
ระยะการครอบตัดใน WGSL, GPUCanvasContext getConfiguration(), องค์ประกอบพื้นฐานของจุดและเส้นต้องไม่มีอคติเชิงลึก, ฟังก์ชันในตัวของ Inclusive Scan สำหรับกลุ่มย่อย, การรองรับแบบทดลองสำหรับการวาดหลายครั้งโดยอ้อม, ตัวเลือกการคอมไพล์โมดูล Shader แบบ Strict Math, นำ GPUAdapter requestAdapterInfo() ออก และอื่นๆ
- WebGpu
ตัวเลือกเพิ่มเติมสำหรับการจัดสไตล์ <details>
ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่
ภาพรวมแผงหน่วยความจำ
รับข้อมูลเชิงลึกเกี่ยวกับการจัดสรรหน่วยความจำ ตรวจสอบปัญหาหน่วยความจำระดับต่ำ และจัดการการรวบรวมขยะ
ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างราบรื่นด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
การแชร์ข้อมูลเข้าสู่ระบบที่ราบรื่นช่วยให้คุณส่งสัญญาณไปยังเครื่องมือจัดการรหัสผ่านได้อย่างปลอดภัยว่าผู้ใช้สามารถลงชื่อเข้าใช้โดยใช้ข้อมูลเข้าสู่ระบบเดียวกันในแอปและเว็บไซต์ Android
ปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บ
รายการวิธีปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งได้แก่ เปลี่ยนธีม ตําแหน่งโฆษณา ลําดับแผง ภาษา และอื่นๆ
ตรวจสอบเมตริก Core Web Vitals แบบเรียลไทม์ในแผงประสิทธิภาพ
ตรวจสอบเมตริก Core Web Vitals ที่เผยแพร่อยู่ในแผงประสิทธิภาพ
เพิ่มเนื้อหาในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS
สร้างส่วนหัวและส่วนท้ายที่กำหนดเองเมื่อพิมพ์หน้าเว็บ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 131
แก้ไขข้อบกพร่อง CSS ด้วย Gemini, ใส่คำอธิบายประกอบสิ่งที่ค้นพบ และรับข้อมูลเชิงลึกในแผงประสิทธิภาพ พบการเปลี่ยนเลย์เอาต์และภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite และอื่นๆ อีกมากมาย
จดจำลายมือของผู้ใช้
Handwriting Recognition API ทำให้เว็บแอปพลิเคชันสามารถใช้บริการจดจำลายมือขั้นสูงเพื่อจดจำข้อความจากการป้อนข้อมูลด้วยลายมือได้ในแบบเรียลไทม์
WebGPU: เคล็ดลับและการแก้ปัญหา
ดูสาเหตุที่อาจมีการปิดใช้ WebGPU หรือไม่ทำงานในเบราว์เซอร์ Chrome
- WebGpu
การนํา --headless=old ออกจาก Chrome
Chrome 132 ไม่มีโหมด Headless แบบเก่าอีกต่อไป เปลี่ยนไปใช้ Chrome-headless-shell หรือโหมดไม่มีส่วนหัวใหม่
วิเคราะห์ประสิทธิภาพของรันไทม์
ดูวิธีประเมินประสิทธิภาพของรันไทม์ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ป้ายเลื่อนใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาองค์ประกอบที่เลื่อนได้เร็วขึ้น
ดูว่าป้ายเลื่อนใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้การแก้ไขข้อบกพร่ององค์ประกอบที่เลื่อนได้ง่ายขึ้นได้อย่างไร (และวิธีที่เราสร้างป้ายนี้)
โหมดไม่มีส่วนหัวของ Chrome
ตอนนี้โหมดไม่มีส่วนหัวของ Chrome มีประโยชน์มากขึ้นสำหรับนักพัฒนาซอฟต์แวร์โดยทำให้โหมด "ไม่มีส่วนหัว" ของ Chrome มีความใกล้เคียงกับโหมดปกติของ Chrome มากขึ้น
การเปิดใช้ bfcache สำหรับ Cache-Control: no-store
Chrome กำลังทำการเปลี่ยนแปลงเพื่ออนุญาตให้ใช้ bfcache สำหรับหน้าที่ใช้ Cache-Control: ไม่เก็บ เมื่อการดำเนินการนี้ปลอดภัย ดูว่าการเปลี่ยนแปลงนี้มีผลต่อนักพัฒนาแอปอย่างไร
5 สิ่งที่น่าทึ่งที่คุณทำได้ด้วยความช่วยเหลือจาก AI ในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
AI API ในตัว
AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
การอ้างอิง API
การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา
Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนในเอกสารช่วยให้คุณควบคุมหน้าต่างภาพซ้อนภาพได้มากขึ้น การประกาศที่ฝังของ CSS ช่วยแก้ไขกรณีขอบเขตที่ยุ่งยากบางอย่าง และคุณระบุลักษณะการทำงานของการตกแต่งในองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ และยังมีอีกมากมาย
ใหม่ใน Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130
มีอะไรใหม่ใน WebGPU (Chrome 130)
การผสมแบบ 2 แหล่ง การปรับปรุงเวลาในการคอมไพล์ตัวปรับแสงเงาในส่วนโลหะ การเลิกใช้งาน GPU requestAdapterInfo() และอื่นๆ
- WebGpu
ความช่วยเหลือจาก AI ในการจัดรูปแบบ
ทําความเข้าใจการจัดสไตล์เว็บไซต์ด้วยความช่วยเหลือของ AI ในเครื่องมือสําหรับนักพัฒนาเว็บ
chrome.virtualKeyboard
chrome.virtualKeyboard API คือ API แบบคีออสก์เท่านั้นซึ่งใช้เพื่อกำหนดค่าเลย์เอาต์และลักษณะการทำงานของแป้นพิมพ์เสมือนในเซสชันคีออสก์ บูลีน ไม่บังคับ แป้นพิมพ์เสมือนสามารถเติมข้อความอัตโนมัติได้หรือไม่ บูลีน ไม่บังคับ
chrome.clipboard
chrome.clipboard API มีไว้เพื่ออนุญาตให้ผู้ใช้เข้าถึงข้อมูลในคลิปบอร์ด นี่เป็นวิธีแก้ปัญหาชั่วคราวสำหรับแอปแพลตฟอร์ม Chrome จนกว่าจะมีทางเลือกอื่นในเว็บแบบเปิดให้ใช้งาน เราจะเลิกใช้งานโซลูชันนี้เมื่อโซลูชันเว็บแบบเปิดพร้อมใช้งาน
API เฟรมภาพเคลื่อนไหวแบบยาว
ดูข้อมูลเกี่ยวกับ Long Animation Frames API (LoAF) ซึ่งเป็นการทำซ้ำครั้งถัดไปของ Long Tasks API และช่วยให้วัดความล่าช้าในการอัปเดตเฟรมด้วยการระบุแหล่งที่มา
ตรวจสอบกิจกรรมเครือข่าย
บทแนะนำฟีเจอร์ที่เกี่ยวข้องกับเครือข่ายที่ได้รับความนิยมสูงสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สิ่งที่จะเกิดขึ้นกับส่วนขยาย Chrome ในเดือนตุลาคม 2024
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
พร็อพเพอร์ตี้กล่องตกแต่งใน Chrome 130
Chrome 130 มีการสนับสนุนกล่อง-การตกแต่งกล่องอย่างสมบูรณ์แบบที่ไม่มีคำนำหน้า
Translation API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
Translation API พร้อมให้บริการสำหรับผู้เข้าร่วมโปรแกรมทดลองใช้ก่อนเปิดตัว AI ในตัวแล้ว
การเปลี่ยนแปลงการรับช่วงค่าสำหรับการจัดรูปแบบการเลือก CSS
การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS จะเกิดขึ้นใน Chrome 134
API การจัดตำแหน่งโฆษณา Anchor ของ CSS
จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การกำหนดตำแหน่งจุดยึด
จับการคาดคะเนในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: เหตุผลที่ทำให้ยากและวิธีช่วยปรับปรุง
ดูวิธีที่เครื่องมือแก้ไขข้อบกพร่องของ DevTools คาดคะเนว่าจะพบข้อยกเว้นหรือไม่
เข้าร่วมภารกิจ AI ในตัวของ Google Chrome
เรากำลังเปิดตัวภารกิจ AI ในตัว ซึ่งขอเชิญให้คุณมาประยุกต์ใช้ Gemini Nano ใน Chrome เพื่อพลิกโฉมความเป็นไปได้
ข้อมูลอ้างอิงฟีเจอร์
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์ในแผงโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การปรับปรุงประสบการณ์การใช้งานหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์บนอุปกรณ์เคลื่อนที่
เรายินดีที่จะเปิดตัวชุดการเปลี่ยนแปลง UI ซึ่งทำให้หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ตอบสนองได้ดียิ่งขึ้นและเหมาะกับอุปกรณ์เคลื่อนที่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 130
คําแนะนําเกี่ยวกับเมตริกสดและเบรดครัมบ์ที่คุณไปยังส่วนต่างๆ ได้ในแผงประสิทธิภาพ ตัวกรองเครือข่ายที่พลิกโฉม การส่งออก HAR ที่มีการตรวจสอบสุขอนามัย และอื่นๆ
การครอบคลุม: หา JavaScript และ CSS ที่ไม่ได้ใช้
วิธีค้นหาและวิเคราะห์โค้ด JavaScript และ CSS ที่ไม่ได้ใช้ใน Chrome DevTools
ภาพรวมแผงแหล่งที่มา
ดูและแก้ไขไฟล์ สร้างข้อมูลโค้ด แก้ไขข้อบกพร่องของ JavaScript และตั้งค่าพื้นที่ทำงานในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเปลี่ยนมุมมองเอกสารเดียวกันสำหรับแอปพลิเคชันหน้าเว็บเดียว
เริ่มต้นใช้งานการเปลี่ยนมุมมองเอกสารเดียวกันสำหรับใช้ในแอปพลิเคชันหน้าเว็บเดียว
ส่วนขยาย Web Vitals พร้อมใช้งานในเครื่องมือสําหรับนักพัฒนาเว็บแล้ว
ส่วนขยาย Web Vitals จะผสานรวมกับแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งจะสิ้นสุดการรองรับแบบสแตนด์อโลนในเดือนมกราคม 2025
ลงชื่อสมัครใช้การทดลองใช้ Language Detection API จากต้นทาง
Language Detection API พร้อมใช้งานในช่วงทดลองใช้จากต้นทางของ Chrome แล้ว
ภาพรวมของคอนโซล
การใช้งานหลักของคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือการบันทึกข้อความและเรียกใช้ JavaScript
ระบุ PWA ที่ไม่ซ้ำกันด้วยพร็อพเพอร์ตี้รหัสไฟล์ Manifest ของเว็บแอป
พร็อพเพอร์ตี้ "id" ที่ไม่บังคับเป็นส่วนหนึ่งของข้อกำหนดเฉพาะของไฟล์ Manifest ของเว็บแอปและช่วยให้คุณกำหนดตัวระบุที่ใช้สำหรับ PWA ได้อย่างชัดเจน การเพิ่มพร็อพเพอร์ตี้ "id" ลงในไฟล์ Manifest จะนำการอ้างอิง "start_url" หรือตำแหน่งของไฟล์ Manifest ออก ซึ่งทำให้มีการอัปเดตในอนาคตได้
Writer และ Rewriter API พร้อมให้ทดลองใช้ก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API เขียนและเขียนใหม่ใน Chrome ได้แล้ว
Chrome เพื่อซิงค์พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google ระหว่างเดสก์ท็อปกับ Android
เร็วๆ นี้ Chrome บนเดสก์ท็อปจะสามารถสร้างพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) และซิงค์ข้อมูลในแพลตฟอร์มเหล่านั้นนอกเหนือจาก Android
ต้องการความคิดเห็น: เราควรกำหนด CSS Masonry อย่างไร
การเปรียบเทียบข้อกำหนดเฉพาะสำหรับการก่ออิฐที่เสนอ 2 รายการ
การทดสอบ Chrome: การแชร์กระบวนการ
การทดสอบการแชร์กระบวนการและผลกระทบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' ประสบการณ์ของนักพัฒนาแอป
ใหม่ใน Chrome 129
เรากำลังเปิดตัว Chrome 129 อยู่ คุณสามารถให้ผลตอบแทนในงานที่ยาวๆ ได้ เพื่อปรับปรุงประสิทธิภาพ คุณสามารถทำให้องค์ประกอบเคลื่อนไหวด้วยขนาดที่แท้จริง มีการเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่งแท็ก Anchor และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 129
ตรวจสอบประสิทธิภาพ Core Web Vitals ในพื้นที่และของผู้ใช้จริงใน DevTools
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome มีวิธีใหม่ในการตรวจสอบประสิทธิภาพ Core Web Vitals ในเครื่องและเปรียบเทียบกับข้อมูลผู้ใช้จริงจากภาคสนาม
มีอะไรใหม่ใน WebGPU (Chrome 129)
การรองรับ HDR ด้วยโหมดการปรับโทนสีแคนวาส การรองรับกลุ่มย่อยที่ขยายการให้บริการ และอื่นๆ
- WebGpu
Animate to height: auto; (และคำค้นหาการปรับขนาดอื่นๆ ที่เป็นค่าเริ่มต้น) ใน CSS
ใช้ภาพเคลื่อนไหวเพื่อไปยังและจากคีย์เวิร์ดการปรับขนาดตามค่าเริ่มต้นด้วย `interpolate-size` และ `calc-size()`
การอัปเดต RFCOMM ของบลูทูธใน Web Serial
ดูวิธีตรวจหาว่าพอร์ตอนุกรม RFCOMM ของบลูทูธพร้อมใช้งานหรือไม่ด้วย Web Serial
หยุดหน้าจอชั่วคราวและตรวจสอบองค์ประกอบที่หายไป
ตรึงองค์ประกอบใน DOM เพื่อให้คุณตรวจสอบองค์ประกอบเหล่านั้นด้วย DevTools ได้
คำขอความคิดเห็นของนักพัฒนาแอป: ตัวเลือกที่ปรับแต่งได้
ดูตัวอย่างฟีเจอร์ใหม่ "การเลือกที่ปรับแต่งได้" ก่อนใคร
การแสดงภาพซ้อนภาพสำหรับองค์ประกอบใดๆ ไม่ใช่แค่ <วิดีโอ>
แสดงเนื้อหา HTML ที่กำหนดเองในหน้าต่างที่เปิดตลอดเวลา
API ล็อกแป้นพิมพ์และล็อกเคอร์เซอร์ต้องได้รับสิทธิ์จาก Chrome 131
Keyboard Lock API ช่วยให้นักพัฒนาแอปมอบประสบการณ์การใช้งานแบบเต็มหน้าจอที่สมจริงสำหรับกรณีการใช้งานที่หลากหลาย ซึ่งรวมถึงเว็บไซต์แบบอินเทอร์แอกทีฟ เกม การสตรีมเดสก์ท็อประยะไกลหรือแอปพลิเคชัน
เครื่องมือตรวจสอบหน่วยความจำ: ตรวจสอบ ArrayBuffer, TypedArray, DataView และหน่วยความจำ Wasm
ใช้เครื่องมือตรวจสอบหน่วยความจำเพื่อตรวจสอบ ArrayBuffer, TypedArray หรือ DataView ใน JavaScript รวมถึง WebAssembly.Memory of C++ Wasm
การเปลี่ยนแปลง: ติดตามการเปลี่ยนแปลง HTML, CSS และ JavaScript
ติดตามการเปลี่ยนแปลงใน HTML, CSS และ JavaScript
ขอแนะนำช่วงทดลองใช้ Digital Credentials API จากต้นทาง
ช่วงทดลองใช้จากต้นทางสำหรับ Digital Credentials API จะเริ่มจาก Chrome 128 Digital Credentials API คือ API แพลตฟอร์มเว็บแบบใหม่ที่ช่วยให้เว็บไซต์สามารถเลือกขอข้อมูลที่ยืนยันได้เกี่ยวกับผู้ใช้ผ่านข้อมูลเข้าสู่ระบบดิจิทัล เช่น ใบขับขี่หรือบัตรประจำตัวประชาชนที่จัดเก็บไว้ในกระเป๋าเงินดิจิทัล
การเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่ง Anchor
การเปลี่ยนแปลงที่เกี่ยวข้องกับ API การกำหนดตำแหน่งแท็ก Anchor ที่คุณควรทราบ
เปิดใช้การแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่นในเว็บไซต์ต่างๆ ใน Chrome
หากคุณใช้โดเมนหลายโดเมนที่ใช้แบ็กเอนด์การจัดการบัญชีเดียวกัน ลิงก์เนื้อหาดิจิทัล (Digital Asset Links) จะช่วยให้คุณแชร์ข้อมูลเข้าสู่ระบบกับโดเมนต่างๆ ได้อย่างราบรื่นเพื่อให้ผู้ใช้บันทึกข้อมูลเข้าสู่ระบบเพียงครั้งเดียว และให้เครื่องมือจัดการรหัสผ่านของ Chrome แนะนำให้ผู้ใช้ไปยังเว็บไซต์ที่เกี่ยวข้องได้
เรียกใช้คำสั่งในเมนูคำสั่ง
คำแนะนำเกี่ยวกับวิธีเปิดเมนูคำสั่ง เรียกใช้คำสั่ง เปิดไฟล์ ดูการทำงานอื่นๆ และอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 129
คำขอค้นหาใน "ประสิทธิภาพ" > เครือข่าย ใช้ข้อมูลทดสอบในแบบฟอร์มที่อยู่ด้วยการป้อนข้อความอัตโนมัติ, ส่งออกไปยัง Puppeteer สำหรับ Firefox ในแผงโปรแกรมอัดเสียง, มองหาปัญหาด้านประสิทธิภาพได้อย่างรวดเร็วด้วยการสังเกตการณ์ในแผงประสิทธิภาพ และอื่นๆ
แพลตฟอร์มแบบเว็บ
ดูวิธีการทํางานของ Chrome เข้าร่วมช่วงทดลองใช้จากต้นทาง และสร้างด้วย Chrome ได้ทุกที่
ขอแนะนำคำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON สำหรับ WebAuthn ใน Chrome
ตอนนี้ WebAuthn ใน Chrome สามารถใช้คำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON ได้แล้ว
chrome.privacy
ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest
chrome.wallpaper
ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา
chrome.system.storage
ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูล และรับการแจ้งเตือนเมื่อมีการแนบและถอดอุปกรณ์เก็บข้อมูลแบบถอดออก "success" คำสั่งดีดออกเสร็จสมบูรณ์ แอปพลิเคชันสามารถแจ้งให้ผู้ใช้นำอุปกรณ์ออก "in_use" แอปพลิเคชันอื่นกำลังใช้งานอยู่
chrome.input.ime
ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API
chrome.scripting
ใช้ chrome.scripting API เพื่อเรียกใช้สคริปต์ในบริบทต่างๆ หากต้องการใช้ chrome.scripting API ให้ประกาศสิทธิ์ "scripting" ใน ไฟล์ Manifest พร้อมกับสิทธิ์ของโฮสต์สำหรับหน้าเว็บที่จะแทรกสคริปต์ ใช้คีย์ "host_permissions" หรือสิทธิ์ "activeTab"
chrome.enterprise.deviceAttributes
ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้
chrome.devtools.performance
ใช้ chrome.devtools.performance API เพื่อฟังการอัปเดตสถานะการบันทึกในแผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
chrome.webAuthenticationProxy
chrome.webAuthenticationProxy API ช่วยให้ซอฟต์แวร์เดสก์ท็อประยะไกลที่ทำงานบนโฮสต์ระยะไกลสกัดกั้นคำขอ Web Authentication API (WebAuthn) เพื่อจัดการคำขอในไคลเอ็นต์ภายในได้ สตริง ผ่าน PublicKeyCredentialCreationOptions ไปยัง
chrome.vpnProvider
ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ chrome.vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยการเรียกใช้ createConfig() การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI ของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า
chrome.types
chrome.types API มีการประกาศประเภทสำหรับ Chrome ประเภท ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง
chrome.enterprise.hardwarePlatform
ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์
chrome.tabCapture
ใช้ chrome.tabCapture API เพื่อโต้ตอบกับสตรีมสื่อของแท็บ chrome.tabCapture API ช่วยให้คุณเข้าถึง MediaStream ที่มีวิดีโอและ เสียงของแท็บปัจจุบัน สามารถเรียกได้หลังจากผู้ใช้เรียกใช้ส่วนขยายเท่านั้น เช่น คลิก ปุ่มการทำงาน ของส่วนขยาย
chrome.systemLog
ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี
chrome.power
ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level
chrome.topSites
ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้
chrome.proxy
ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น
chrome.system.memory
API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise&lt; MemoryInfo &gt;
chrome.enterprise.networkingAttributes
ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)
chrome.devtools.recorder
ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ devtools.recorder API เป็นฟีเจอร์ตัวอย่างที่ช่วยให้คุณขยาย แผงโปรแกรมบันทึก ใน Chrome DevTools ได้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
chrome.system.cpu
ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"
chrome.devtools.network
ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย ข้อมูลคำขอเครือข่ายจะแสดงในรูปแบบ HTTP Archive ( HAR ) คำอธิบายของ HAR อยู่นอกขอบเขตของเอกสารนี้ โปรดดู ข้อมูลจำเพาะของ
chrome.processes
ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1
chrome.tts
ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome มีความสามารถนี้ใน Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS
chrome.search
ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด
chrome.devtools.inspectedWindow
ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
chrome.webNavigation
ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศสิทธิ์ "webNavigation" ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ
chrome.tabGroups
ใช้ chrome.tabGroups API เพื่อโต้ตอบกับระบบการจัดกลุ่มแท็บของเบราว์เซอร์ คุณใช้ API นี้เพื่อแก้ไขและจัดเรียงกลุ่มแท็บในเบราว์เซอร์ได้ หากต้องการจัดกลุ่มและยกเลิกการจัดกลุ่มแท็บ หรือค้นหาแท็บที่อยู่ในกลุ่ม ให้ใช้ chrome.tabs API สีของกลุ่ม "เทา"
chrome.printerProvider
chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง
chrome.printingMetrics
ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว &quot;TWO_SIDED_LONG_EDGE&quot; ระบุว่ามีการใช้การพิมพ์ 2
ความสามารถและตัวเลือก Chrome
ความสามารถคือตัวเลือกที่คุณสามารถใช้เพื่อปรับแต่งและกำหนดค่าเซสชัน ChromeDriver ได้
พื้นที่เก็บข้อมูล IndexedDB ที่มีประสิทธิภาพมากขึ้นใน Chrome
การเพิ่มประสิทธิภาพใหม่ใน Chrome ช่วยปรับปรุงวิธีจัดเก็บข้อมูล IndexedDB ในดิสก์ เอกสารนี้จะสรุปประเด็นสำคัญของการอัปเดตนี้
Language Detection API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สร้างต้นแบบได้ด้วย API ตรวจจับภาษาใน Chrome ได้แล้ว
chrome.declarativeNetRequest
chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคำขอเครือข่ายด้วยการระบุกฎการประกาศ วิธีนี้ช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องสกัดกั้นและดูเนื้อหาของตน ดังนั้นจึงให้ความเป็นส่วนตัวมากขึ้น declarativeNetRequestFeedback
chrome.webRequest
ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น
chrome.sidePanel
ใช้ chrome.sidePanel API เพื่อโฮสต์เนื้อหาในแผงด้านข้างของเบราว์เซอร์ควบคู่ไปกับเนื้อหาหลักของหน้าเว็บ หากต้องการใช้ Side Panel API ให้เพิ่มสิทธิ์ "sidePanel" ในไฟล์ Manifest ส่วนขยาย ดังนี้ manifest.json: API แผงด้านข้างช่วยให้ส่วนขยายแสดง UI
chrome.pageAction
ใช้ chrome.pageAction API เพื่อวางไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ การทำงานของหน้าเว็บแสดงถึงการกระทำที่ทำได้ในหน้าปัจจุบัน แต่ใช้ไม่ได้กับหน้าเว็บทั้งหมด การดำเนินการของหน้าเว็บจะปรากฏเป็นสีเทาเมื่อไม่มีการใช้งาน
chrome.omnibox
API ของแถบอเนกประสงค์ช่วยให้คุณสามารถลงทะเบียนคีย์เวิร์ดด้วยแถบที่อยู่ของ Google Chrome ซึ่งเรียกอีกอย่างว่าแถบอเนกประสงค์ เมื่อผู้ใช้ป้อนคีย์เวิร์ดของส่วนขยาย ผู้ใช้จะเริ่มโต้ตอบกับ ส่วนขยาย ระบบจะส่งการกดแป้นพิมพ์แต่ละครั้งไปยังส่วนขยายของคุณ
chrome.windows
ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest
chrome.i18n
ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อปรับใช้การปรับให้เป็นสากลทั่วทั้งแอปหรือส่วนขยาย คุณต้องใส่สตริงทั้งหมดที่ผู้ใช้มองเห็นลงในไฟล์ชื่อ messages.json แต่ละครั้ง คุณเพิ่มภาษาใหม่ โดยเพิ่มไฟล์ข้อความภายใต้ไดเรกทอรีชื่อ _locales/_localeCode_ โดยที่
chrome.browserAction
ใช้การทำงานของเบราว์เซอร์เพื่อใส่ไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ นอกจาก ไอคอน แล้ว การดำเนินการของเบราว์เซอร์อาจมี เคล็ดลับเครื่องมือ ป้าย และ ป๊อปอัป ด้วย ในรูปต่อไปนี้
chrome.webRequest
ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น
chrome.fileBrowserHandler
ใช้ chrome.fileBrowserHandler API เพื่อขยายโปรแกรมเรียกดูไฟล์ของ Chrome OS ตัวอย่างเช่น คุณใช้ API นี้เพื่ออนุญาตให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณได้ โปรแกรมเรียกดูไฟล์ของ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กด Alt+Shift+M
chrome.devtools.panels
ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI หน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ โดยสร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ
chrome.system.cpu
ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"
chrome.enterprise.networkingAttributes
ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)
chrome.gcm
ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register
chrome.loginState
ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"
chrome.instanceID
ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น
chrome.wallpaper
ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา
chrome.printingMetrics
ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว &quot;TWO_SIDED_LONG_EDGE&quot; ระบุว่ามีการใช้การพิมพ์ 2
chrome.platformKeys
ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN
chrome.input.ime
ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API
chrome.fontSettings
ใช้ chrome.fontSettings API เพื่อจัดการการตั้งค่าแบบอักษรของ Chrome หากต้องการใช้ Font Settings API คุณต้องประกาศ "fontSettings" สิทธิ์ใน ส่วนขยาย ไฟล์ Manifest เช่น Chrome
chrome.devtools.inspectedWindow
ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest
chrome.processes
ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1
chrome.history
ใช้ chrome.history API เพื่อโต้ตอบกับบันทึกหน้าเว็บที่เข้าชมของเบราว์เซอร์ คุณสามารถเพิ่ม นำออก และค้นหา URL ในประวัติของเบราว์เซอร์ได้ หากต้องการลบล้างหน้าประวัติด้วยเวอร์ชันของคุณเอง โปรดดู ลบล้างหน้า คุณต้องประกาศ "ประวัติ" สิทธิ์ในการใช้ API
chrome.identity
ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]
chrome.tts
ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome รองรับเสียงพูดในตัวสำหรับ Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS
chrome.enterprise.hardwarePlatform
ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์
chrome.devtools.recorder
ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ devtools.recorder API
chrome.dom
ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู
chrome.tabCapture
ใช้ chrome.tabCapture API เพื่อโต้ตอบกับสตรีมสื่อของแท็บ chrome.tabCapture API ช่วยให้คุณเข้าถึง MediaStream ที่มีวิดีโอและ เสียงของแท็บปัจจุบัน สามารถเรียกได้หลังจากผู้ใช้เรียกใช้ส่วนขยายเท่านั้น เช่น คลิก ปุ่มการทำงาน ของส่วนขยาย
chrome.webNavigation
ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศ "webnavigation" สิทธิ์ ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ
chrome.topSites
ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้
chrome.management
chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest, management.uninstallSelf และ management.getSelf
chrome.search
ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด
chrome.types
chrome.types API มีการประกาศประเภทสำหรับ Chrome ต้นแบบ ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง
chrome.idle
ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสถานะ "ไม่มีการใช้งาน" สิทธิ์ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"
chrome.printerProvider
chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง
chrome.enterprise.deviceAttributes
ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้
chrome.windows
ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest
chrome.power
ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level
chrome.pageCapture
ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML
chrome.systemLog
ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น
chrome.privacy
ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest
chrome.fileSystemProvider
ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน
chrome.notifications
ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ
chrome.devtools.network
ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
chrome.downloads
สิทธิ์นี้ เรียกให้แสดงคำเตือน ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้
chrome.proxy
ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น
chrome.vpnProvider
ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยใช้เมธอด createConfig การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI แบบเนทีฟของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า VPN
chrome.events
เนมสเปซ chrome.events มีประเภททั่วไปที่ API ใช้สำหรับเหตุการณ์การนำส่งเพื่อแจ้งให้คุณทราบเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น Event เป็นออบเจ็กต์ที่ให้คุณรับการแจ้งเตือนเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น นี่คือ ตัวอย่างของการใช้เหตุการณ์ chrome.alarms.onAlarm
chrome.events
เนมสเปซ chrome.events มีประเภททั่วไปที่ API ใช้สำหรับเหตุการณ์การนำส่งเพื่อแจ้งให้คุณทราบเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น Event เป็นออบเจ็กต์ที่ให้คุณรับการแจ้งเตือนเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น นี่คือ ตัวอย่างของการใช้เหตุการณ์ chrome.alarms.onAlarm
chrome.idle
ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสิทธิ์ "idle" ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"
chrome.offscreen
ใช้ offscreen API เพื่อสร้างและจัดการเอกสารนอกหน้าจอ หากต้องการใช้ API นอกหน้าจอ ให้ประกาศสิทธิ์ "offscreen" ใน ไฟล์ Manifest ของส่วนขยาย เช่น Service Worker ไม่มีสิทธิ์เข้าถึง DOM
chrome.pageCapture
ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML
chrome.fileSystemProvider
ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน
chrome.dom
ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู
chrome.debugger
chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS
chrome.management
chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest(), management.uninstallSelf() และ management.getSelf()
chrome.omnibox
API ของแถบอเนกประสงค์ช่วยให้คุณสามารถลงทะเบียนคีย์เวิร์ดด้วยแถบที่อยู่ของ Google Chrome ซึ่งเรียกอีกอย่างว่าแถบอเนกประสงค์ เมื่อผู้ใช้ป้อนคีย์เวิร์ดของส่วนขยาย ผู้ใช้จะเริ่มโต้ตอบกับ ส่วนขยาย ระบบจะส่งการกดแป้นพิมพ์แต่ละครั้งไปยังส่วนขยายของคุณ
chrome.downloads
ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้ chrome.downloads API ได้ใน
chrome.history
ใช้ chrome.history API เพื่อโต้ตอบกับบันทึกหน้าเว็บที่เข้าชมของเบราว์เซอร์ คุณสามารถเพิ่ม นำออก และค้นหา URL ในประวัติของเบราว์เซอร์ได้ หากต้องการลบล้างหน้าประวัติด้วยเวอร์ชันของคุณเอง โปรดดู ลบล้างหน้า หากต้องการโต้ตอบกับประวัติเบราว์เซอร์ของผู้ใช้
chrome.gcm
ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register
chrome.instanceID
ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี
chrome.notifications
ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ
chrome.loginState
ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"
chrome.platformKeys
ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN
chrome.identity
ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]
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"
chrome.browsingData
ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศสิทธิ์ "browsingData" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API
chrome.system.memory
API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise&lt; MemoryInfo &gt;
chrome.desktopCapture
Desktop Capture API จะบันทึกเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแต่ละแท็บ Enum ใช้เพื่อกำหนดชุดแหล่งที่มาของสื่อบนเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "หน้าจอ" "window" "tab" "เสียง" มิเรอร์ SelfCapturePreferenceEnum "รวม" "exclude" มิเรอร์
chrome.documentScan
ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา Document Scan API ได้รับการออกแบบมาเพื่อให้แอปและส่วนขยายดู ของเนื้อหากระดาษบนเครื่องสแกนเอกสารที่แนบมา สตริง ระบุแฮนเดิลงานเดียวกันกับที่ส่งไปยัง cancelScan()
chrome.dns
ใช้ chrome.dns API สำหรับความละเอียดของ DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน ไฟล์ Manifest โค้ดต่อไปนี้เรียกใช้ resolve() เพื่อเรียกข้อมูลที่อยู่ IP ของ example.com service-worker.js string ไม่บังคับ สตริงที่แทนลิเทอรัลของที่อยู่ IP
chrome.declarativeWebRequest
หมายเหตุ: API นี้เลิกใช้งานแล้ว ลองใช้ declarativeNetRequest API แทน ใช้ chrome.declarativeWebRequest API เพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ มีความรวดเร็วกว่า chrome.webRequest API
การอ้างอิง API
การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา
Chrome DevTools
แก้ไขข้อบกพร่องและเพิ่มประสิทธิภาพเว็บแอปพลิเคชันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สื่อ: ดูและแก้ไขข้อบกพร่องของข้อมูลโปรแกรมเล่นสื่อ
ใช้แผงสื่อเพื่อดูข้อมูลและแก้ไขข้อบกพร่องของโปรแกรมเล่นสื่อในแต่ละแท็บเบราว์เซอร์
ใหม่ใน Chrome 128
Chrome 128 กำลังเปิดตัว ด้วยการแสดงผลที่ปรับปรุงใหม่สำหรับองค์ประกอบทับทิมพร้อมการขึ้นบรรทัดใหม่ Promise.try จะเริ่มต้นเชน Promise ได้ง่ายขึ้น อินเทอร์เฟซ PointerEvent ขยายให้สามารถระบุปากกาหลายด้ามแบบไม่ซ้ำกัน นอกจากนี้ยังมีอีกมากมายและอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 128
การปรับปรุงประสิทธิภาพการช่วยเหลือพิเศษของ Chromium
โพสต์จาก Ahmed Elwasefi ที่แชร์ว่าทําไมเขาจึงกลายมาเป็น Contributor ของ Chromium ผ่าน Google Summer of Code
มีอะไรใหม่ใน WebGPU (Chrome 128)
การทดสอบกับกลุ่มย่อย เลิกใช้งานความลำเอียงในการตั้งค่าสำหรับบรรทัดและจุด
- WebGpu
ช่วงทดลองใช้ File System Observer API จากต้นทาง
ทีม Chrome กำลังทดสอบ File System Observer API ใหม่ซึ่งจะแจ้งให้นักพัฒนาซอฟต์แวร์ทราบเกี่ยวกับการเปลี่ยนแปลงในระบบไฟล์
Chrome 128
Chrome 128 จะเริ่มเปิดตัวในวันที่ 20 สิงหาคม 2024 พร้อมพร็อพเพอร์ตี้ CSS Ruby-align, Promise.try และยังมีฟีเจอร์อื่นๆ อีกมากมาย
chrome.alarms
ใช้ chrome.alarms API เพื่อตั้งเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน ไฟล์ Manifest ดังนี้ ตัวอย่างต่อไปนี้จะแสดงวิธีใช้และตอบสนองต่อการปลุก หากต้องการลองใช้ API นี้ ติดตั้ง
chrome.contextMenus
ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูตามบริบทของ Google Chrome คุณเลือกประเภทออบเจกต์ที่จะใช้การเพิ่มเมนูตามบริบทได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้า รายการเมนูตามบริบทอาจปรากฏในเอกสาร (หรือเฟรมภายในเอกสาร) ใดก็ได้ รวมถึงรายการที่มี
chrome.debugger
chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS
chrome.audio
chrome.audio API มีไว้เพื่ออนุญาตให้ผู้ใช้รับข้อมูลเกี่ยวกับและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS สตริง ชื่ออุปกรณ์ DeviceType ประเภทอุปกรณ์ สตริง ชื่อที่เข้าใจง่าย (เช่น "ไมโครโฟน USB")
chrome.declarativeContent
ใช้ chrome.declarativeContent API เพื่อดำเนินการโดยขึ้นอยู่กับเนื้อหาของหน้าเว็บ โดยไม่ต้องใช้สิทธิ์ในการอ่านเนื้อหาในหน้า Declarative Content API ช่วยให้คุณสามารถเปิดใช้การทำงานของส่วนขยายได้โดยขึ้นอยู่กับ URL ของ หรือหากตัวเลือก CSS
chrome.browsingData
ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศ "browsingData" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API
chrome.commands
ใช้ API ของคำสั่งเพื่อเพิ่มแป้นพิมพ์ลัดที่ทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคำสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API
File System Access API: ลดความซับซ้อนในการเข้าถึงไฟล์ในเครื่อง
File System Access API ช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพซึ่งโต้ตอบกับไฟล์ในอุปกรณ์ของผู้ใช้ได้ เช่น IDE, เครื่องมือแก้ไขรูปภาพและวิดีโอ, เครื่องมือแก้ไขข้อความ และอื่นๆ หลังจากที่ผู้ใช้ให้สิทธิ์เข้าถึงเว็บแอปแล้ว API นี้จะอนุญาตให้ผู้ใช้อ่านหรือบันทึกการเปลี่ยนแปลงไปยังไฟล์และโฟลเดอร์ในอุปกรณ์ของผู้ใช้ได้โดยตรง
Summarization API พร้อมให้ดูตัวอย่างล่วงหน้า
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API การสรุปสำหรับ Gemini Nano ใน Chrome ได้แล้ว
เหตุการณ์การสแนปการเลื่อน
ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace
การทดสอบการวัดการนำทางที่นุ่มนวล
ทีมงาน Chrome กำลังพยายามวัดการนำทางแบบนุ่มนวลที่เรียกกันว่าที่แอปพลิเคชันหน้าเว็บเดียวให้ใช้งานได้ดีขึ้น และขณะนี้ API ใหม่พร้อมใช้งานหลังแฟล็ก เพื่อให้เว็บไซต์ต่างๆ สามารถทดสอบการทำงานในลักษณะนี้ได้
4 วิธีในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบ 4 วิธีที่ไม่เหมือนใครในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 128
ข้อมูลเชิงลึกของคอนโซลเผยแพร่ในยุโรป การติดตามเครือข่ายที่ปรับปรุงแล้วและ API เพื่อปรับแต่งแทร็กในแผงประสิทธิภาพ และอื่นๆ
WebDriver BiDi พร้อมใช้งานจริงใน Firefox, Chrome และ Puppeteer
Puppeteer 23 มีการสนับสนุนที่เสถียรสำหรับ Firefox 129 ขึ้นไป โดยมี API แบบรวมสำหรับระบบอัตโนมัติของ Chrome และ Firefox โดยอิงตาม WebDriver BiDi
การอัปเดต UX พาสคีย์ใน Chrome ใน Android
ตอนนี้ Chrome ใน Android ได้ผสานรวมเครื่องมือจัดการข้อมูลเข้าสู่ระบบแล้ว ซึ่งช่วยให้เครื่องมือจัดการรหัสผ่านของบุคคลที่สามสามารถใช้พาสคีย์ใน Android 14 ขึ้นไป
ชื่อ CSS ที่ผู้เขียนกำหนดและ Shadow DOM: เป็นไปตามข้อกำหนดและในทางปฏิบัติ
อธิบายสถานะความสามารถในการทำงานร่วมกันปัจจุบันของชื่อที่ผู้เขียนกำหนดตามที่ใช้ใน Shadow DOM ใน CSS
การทำงานอัตโนมัติด้วย WebDriver BiDi พร้อมใช้งานบน BrowserStack แล้ว
BrowserStack มีการรองรับ WebDriver BiDi ซึ่งจะช่วยเพิ่มประสิทธิภาพการทดสอบ Selenium Grid ด้วยการทำงานอัตโนมัติที่ขับเคลื่อนด้วยเหตุการณ์
ไม่ใช่แค่นิพจน์ทั่วไป: การปรับปรุงการแยกวิเคราะห์ค่า CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีที่ทีมเครื่องมือสำหรับนักพัฒนาเว็บปรับปรุงวิธีนำเสนอรูปแบบในแท็บสไตล์
โหลดหน้าเว็บได้เร็วขึ้นโดยใช้เวลาคิดของเซิร์ฟเวอร์ด้วยคำแนะนำในช่วงแรก
ดูว่าเซิร์ฟเวอร์ของคุณสามารถส่งคำแนะนำให้เบราว์เซอร์เกี่ยวกับทรัพยากรย่อยที่สำคัญได้อย่างไร
ตัวแบ่งบรรทัด <ruby> และพร็อพเพอร์ตี้ CSS Ruby-align
องค์ประกอบ Ruby ในบรรทัดและคุณสมบัติ CSS Ruby-align
ใหม่ใน Chrome 127
Chrome 127 กำลังเปิดตัว การสนับสนุนการปรับขนาดแบบอักษรช่วยให้การเปิดใช้งานของผู้ใช้มีผลใน Document Picture-in-Picture API คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และยังมีอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 127
วิธีที่ Chrome ช่วยให้ผู้ใช้ติดตั้งแอปที่ตนให้ความสำคัญ
งานวิจัยผู้ใช้ภายในของ Chrome แสดงให้เห็นว่าผู้คนจำนวนมากให้ความสำคัญกับการติดตั้งเว็บแอป ซึ่งมีประโยชน์มากมาย เช่น Chrome และนักพัฒนาเว็บสามารถช่วยคุณได้หลายวิธี ซึ่งรวมถึงฟีเจอร์ใหม่สำหรับการโปรโมตด้วยการเรียนรู้ของเครื่อง
มีอะไรใหม่ใน WebGPU (Chrome 127)
การทดสอบการรองรับ OpenGL ES บน Android, แอตทริบิวต์ข้อมูล GPUAdapter, การปรับปรุงการทำงานร่วมกันของ WebAssembly และอื่นๆ
- WebGpu
Chrome 127
Chrome 127 จะเริ่มเปิดตัวในวันที่ 23 กรกฎาคม 2024 โดยมีการปรับขนาดแบบอักษรของ CSS, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และอีกมากมาย
ขอความคิดเห็นของนักพัฒนาซอฟต์แวร์เกี่ยวกับลำดับการอ่านและองค์ประกอบที่มีการแสดงผล: เนื้อหา
ช่วยให้เรามั่นใจว่าขั้นตอนการอ่านตรงกับความต้องการของคุณ
ความเข้าใจผิดเกี่ยวกับการเปลี่ยนมุมมอง
เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
ส่วนขยาย Chrome: การปรับปรุงนโยบายที่สำคัญ
ประกาศนี้ประกอบด้วยการอัปเดตหน้านโยบายโปรแกรมสำหรับนักพัฒนาแอปที่ออกแบบมาเพื่อส่งเสริมการพัฒนาผลิตภัณฑ์ที่มีคุณภาพสูง ป้องกันพฤติกรรมหลอกลวง และดูแลให้ผู้ใช้มีข้อมูลให้ความยินยอม
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 127
การวางตำแหน่งแท็ก Anchor ของ CSS ในองค์ประกอบ, "ไม่ต้องหยุดชั่วคราวที่นี่' ปรับปรุงแล้ว" ใน "แหล่งที่มา", Listener เหตุการณ์ของการเลื่อนสแนปแบบใหม่, ค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย และอื่นๆ
ข้อมูลอ้างอิงฟีเจอร์ด้านประสิทธิภาพ
ข้อมูลอ้างอิงเกี่ยวกับวิธีบันทึกและวิเคราะห์ประสิทธิภาพทั้งหมดใน Chrome DevTools
การเพิ่มประเภทที่เชื่อถือได้ลงใน YouTube
YouTube กำลังยกระดับความปลอดภัยของแพลตฟอร์มด้วย Trusted Types เพื่อป้องกันการโจมตีแบบ Cross-site Scripting แต่อาจส่งผลกระทบต่อส่วนขยายของคุณ
จัดส่ง Long Animation Frame API แล้ว
Long Animation Frame API (LoAF) จัดส่งมาจาก Chrome 123 และตอนนี้เราได้อัปเดตเครื่องมือและคำแนะนำเพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจาก API ใหม่นี้
หลีกเลี่ยง DOM ที่มีขนาดใหญ่เกินไป
เรียนรู้ว่า DOM ขนาดใหญ่จะลดประสิทธิภาพของหน้าเว็บได้อย่างไร และคุณจะสามารถลดขนาด DOM ของคุณเมื่อโหลดได้อย่างไร
หน้าที่แสดงผลล่วงหน้าใน Chrome สำหรับการนำทางหน้าเว็บแบบทันใจ
ทีม Chrome พยายามหาตัวเลือกที่จะนำการแสดงผลล่วงหน้าสำหรับหน้าเว็บในอนาคตซึ่งผู้ใช้มีแนวโน้มที่จะเข้าชมกลับมาอีกครั้ง
เบื้องหลัง Chrome เว็บสโตร์: การสอบถามเรื่องความเชื่อถือและความปลอดภัย
เราได้พูดคุยกับทีมที่ดูแลการตรวจสอบใน Chrome เว็บสโตร์
ประสิทธิภาพ IndexedDB สูงสุดด้วยที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ทีม Chrome ได้ทำการปรับปรุงหลายอย่างที่เกี่ยวข้องกับการใช้งาน IndexedDB (IDB)
ช่วงทดลองใช้จากต้นทางสำหรับองค์ประกอบใหม่ <สิทธิ์>
ทีม Chrome กำลังทดสอบกับองค์ประกอบใหม่ < สิทธิ์> HTML ที่ประกาศ เพื่อขอให้ผู้ใช้เข้าถึงฟีเจอร์ที่มีประสิทธิภาพ
แคชโมเดล AI ในเบราว์เซอร์
หากต้องการให้การเปิดตัวแอปพลิเคชันที่ทำงานด้วยระบบ AI ในอนาคตเร็วขึ้น ให้แคชข้อมูลโมเดลในอุปกรณ์ให้ชัดเจน
มีอะไรใหม่ใน WebGPU (Chrome 126)
เพิ่มขีดจำกัด maxTextureArrayLayers, การเพิ่มประสิทธิภาพการอัปโหลดบัฟเฟอร์สำหรับแบ็กเอนด์ Vulkan, การปรับปรุงเวลาการคอมไพล์ตัวปรับแสงเงา, บัฟเฟอร์คำสั่งที่ส่งต้องไม่ซ้ำกัน และการอัปเดต Dawn
- WebGpu
Chrome 126
Chrome 126 จะเริ่มเปิดตัวในวันที่ 11 มิถุนายน 2024 พร้อมกับการเปลี่ยนมุมมองเอกสารแบบข้ามเอกสาร, การเปิดใช้ CloseWatcher API อีกครั้ง, การทริกเกอร์ Rumble สำหรับ Gamepad API และอื่นๆ อีกมากมาย
ข้อมูลล่าสุดของ CSS และ UI บนเว็บ: สรุป I/O 2024
อ่านประกาศทั้งหมดของ CSS และ UI บนเว็บจากงาน Google I/O 2024
สิ่งใหม่ๆ ใน Chrome 126
Chrome 126 กำลังเปิดตัวแล้ว ด้วยการรองรับการเปลี่ยนข้ามเอกสารใน ViewTransitions API ทำให้ CloseWatcher API ใช้งานได้อีกครั้ง รวมทั้งทำให้ Gamepad API ทำงานสั่นสะเทือน และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 126
การเลิกใช้งานเหตุการณ์ยกเลิกการโหลด
เหตุการณ์ยกเลิกการโหลดจะค่อยๆ เลิกใช้ตั้งแต่วันที่ Chrome 117 เป็นต้นไป ดูความหมายของการเปลี่ยนแปลงนี้ ตลอดจนวิธีที่เว็บไซต์และองค์กรต่างๆ จะเตรียมความพร้อมสำหรับกระบวนการนี้
3 ฟีเจอร์ใหม่สำหรับปรับแต่งเวิร์กโฟลว์ประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดเพื่อช่วยให้คุณจัดระเบียบแผงประสิทธิภาพและเน้นที่ข้อมูลที่คุณต้องการมากที่สุด
วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างคำนวณเหตุการณ์รูปแบบอีกครั้ง
วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างคำนวณเหตุการณ์สไตล์อีกครั้ง
ข้ามการตรวจสอบการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยาย
เรายินดีที่จะประกาศเปิดตัวฟีเจอร์ใหม่ที่จะช่วยให้นักพัฒนาแอปข้ามกระบวนการตรวจสอบสําหรับการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยายซึ่งใช้ไฟล์ Manifest V3 ได้โดยใช้ Declarative Net Request API
ไม่มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น
ดูข้อมูลเกี่ยวกับ "ไม่ได้มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น" Lighthouse ของการตรวจสอบ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 126
โหมดการกำหนดค่าแทร็กที่ปรับปรุงใหม่, รายการละเว้นในแผนภูมิ Flame Chart และลด CPU ลง 20 เท่าในแผงประสิทธิภาพ และอื่นๆ
ส่วนขยาย Chrome ที่งาน Google I/O 2024
งาน Google I/O อีกงานหนึ่งก็อยู่หลังเรา และเราก็ได้พูดถึงการอัปเดตส่วนขยายที่น่าตื่นเต้นทั้งหมดแล้ว
ดีบัก JavaScript
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องของ JavaScript
แก้ไขข้อบกพร่องของกฎการคาดเดาด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เรียนรู้เกี่ยวกับฟีเจอร์ทั้งหมดของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อแก้ไขข้อบกพร่องของกฎการคาดเดาที่ใช้เพื่อดึงข้อมูลล่วงหน้าและแสดงการนำทางหน้าเว็บในอนาคตล่วงหน้า
กระตุ้นให้ผู้ใช้เขียนรีวิวผลิตภัณฑ์ที่เป็นประโยชน์ด้วย AI บนเว็บฝั่งไคลเอ็นต์
Codelab ต่อไปนี้มี AI ฝั่งไคลเอ็นต์ ไม่ต้องมีความรู้ด้านการพัฒนา AI, เซิร์ฟเวอร์ หรือคีย์ API
มีอะไรใหม่ในเฟรมเวิร์ก JavaScript (พฤษภาคม 2024)
เอกสารฉบับนี้ให้ไฮไลต์สั้นๆ เกี่ยวกับสิ่งที่เกิดขึ้นล่าสุดในระบบนิเวศของเฟรมเวิร์ก JavaScript
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 1
ส่วนที่ 1/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงในเว็บ
- WebGpu
สรุปข้อมูล AI บนเว็บ I/O 2024: โมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
อ่านสรุปจาก Web AI ที่งาน I/O 2024 เรียนรู้เกี่ยวกับโมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
- WebGpu
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 2
ส่วนที่ 2/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงบนเว็บ
- WebGpu
ประเมินรีวิวผลิตภัณฑ์ด้วย AI
AI ในอุปกรณ์เป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
มีอะไรใหม่เกี่ยวกับการเปลี่ยนมุมมอง (ข้อมูลอัปเดตเกี่ยวกับ Google I/O 2024)
ประกาศเกี่ยวกับการเปลี่ยนมุมมองข้ามเอกสารสำหรับ MPA การเปลี่ยนมุมมองแบบเลือกที่มีประเภทที่ใช้งานอยู่ และการแชร์รูปแบบภาพเคลื่อนไหวด้วย View-transition-class
Chrome 126 เบต้า
Chrome 126 เบต้าประกอบด้วยการเปลี่ยนมุมมองข้ามเอกสาร, ส่วนขยายทริกเกอร์ Gamepad API ที่รบกวนการทำงาน และฟีเจอร์อื่นๆ
Chrome 125
Chrome 125 จะเริ่มเปิดตัวในวันที่ 14 พฤษภาคม 2024 พร้อม CSS Anchor Positioning, Compute Pressure API, ฟีเจอร์พื้นฐานใหม่ และอีกมากมาย
กรณีที่ควรเลือก AI ฝั่งไคลเอ็นต์
AI ฝั่งไคลเอ็นต์เป็นข้อเสนอล่าสุดที่นําโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ ในขณะเดียวกันก็ปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย
พบกับฟีเจอร์ที่น่าตื่นเต้นจากเซสชันและประเด็นสำคัญสำหรับนักพัฒนาซอฟต์แวร์ Google I/O
ลบล้างเนื้อหาเว็บและส่วนหัวการตอบกลับ HTTP ภายในเครื่อง
ใช้การลบล้างในเครื่องเพื่อจำลองทรัพยากรระยะไกลและเก็บการเปลี่ยนแปลงที่คุณทำในเครื่องมือสำหรับนักพัฒนาเว็บในการโหลดหน้าเว็บ
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: ลบล้างและจำลองการตอบกลับของเครือข่าย
ดูวิธีลบล้างและจำลองการตอบสนองของเครือข่ายด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
สิ่งใหม่ๆ ใน Chrome 125
Chrome 125 กำลังเปิดตัวแล้ว ไม่ว่าจะเป็น CSS Anchor Positioning API, Compute Pressure API, การขยายไปยัง Storage Access API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 125
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
ทําความเข้าใจข้อผิดพลาดและคําเตือนได้ดียิ่งขึ้นด้วยข้อมูลเชิงลึกของคอนโซล
ทำความเข้าใจข้อผิดพลาดและคำเตือนในคอนโซลได้ดีขึ้นด้วย Gemini
ขอแนะนำ CSS Anchor Positioning API
จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การวางตำแหน่งจุดยึดใหม่
เครื่องมือจาก Chrome สำหรับการทดสอบอัตโนมัติที่ราบรื่น
ภาพรวมคร่าวๆ เกี่ยวกับ Puppeteer, Chrome Headless และ Chrome สำหรับการทดสอบและแหล่งข้อมูลอื่นๆ จากทีมเครื่องมือของ Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 125
สาเหตุของข้อผิดพลาดในคอนโซล, สถิติของตัวเลือก CSS ในประสิทธิภาพ, ส่วนหัวคำแนะนำล่วงหน้าในเครือข่าย และอื่นๆ
เหตุใดความสามารถของ CSS และ UI จึงสำคัญต่อเว็บไซต์อีคอมเมิร์ซของคุณ
ดูวิธีที่เว็บไซต์อีคอมเมิร์ซได้ประโยชน์จากการใช้ฟีเจอร์ CSS และ UI ล่าสุด เช่น ดูการเปลี่ยน, ภาพเคลื่อนไหวที่ขับเคลื่อนโดยการเลื่อน, Popover API และอื่นๆ
มีอะไรใหม่ใน WebGPU (Chrome 125)
กลุ่มย่อยที่อยู่ระหว่างการพัฒนาและแสดงผลเป็นส่วนของพื้นผิว 3 มิติ
- WebGpu
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
ขอแนะนำ "ปลดปล่อยพลังของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน"
หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน
ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้minimum_chrome_version ของ manifest.json
ช่วงทดลองใช้การเข้าถึงเครือข่ายส่วนตัว (PNA) สำหรับบริบทที่ไม่ปลอดภัยกำลังจะสิ้นสุดลง โปรดใช้ข้อความแจ้งสิทธิ์ PNA
หากต้องการเข้าถึงอุปกรณ์เครือข่ายส่วนตัวจากเว็บไซต์ที่แปลงเป็น HTTPS ไม่ได้ คุณต้องใช้ข้อความแจ้งสิทธิ์เพื่อผ่อนคลายการตรวจสอบเนื้อหาผสม
Chrome 125 เบต้า
การจัดตำแหน่ง Anchor ของ CSS, ฟังก์ชันแบบขั้นบันไดของ CSS, Compute Pressure API และอื่นๆ
เว็บไซต์ทำงานในเบราว์เซอร์ต่างๆ ได้
เรียนรู้วิธีใช้ Workbox เพื่อให้แน่ใจว่าหน้าเว็บของคุณทำงานในเบราว์เซอร์ต่างๆ ได้
ภาพเคลื่อนไหว: ตรวจสอบและแก้ไขเอฟเฟกต์ภาพเคลื่อนไหว CSS
ตรวจสอบและแก้ไขภาพเคลื่อนไหวด้วยแผงภาพเคลื่อนไหว
start_url ไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์
ดูวิธีกำหนดค่า start_url ของ Progressive Web App เพื่อให้แอปเข้าถึงได้แบบออฟไลน์
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
ป้อนข้อความอัตโนมัติ: ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้
ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้ใน Chrome ด้วยแผงการป้อนข้อความอัตโนมัติ
ช่วงทดลองใช้จากต้นทางสำหรับ API แบบพับได้
API แบบพับได้เป็น API 2 แบบใน Chrome ที่ออกแบบมาเพื่อช่วยให้นักพัฒนาแอปกำหนดเป้าหมายไปยังอุปกรณ์แบบพับได้
การเปลี่ยนหน้าไม่รู้สึกว่าถูกบล็อกบนเครือข่าย
เรียนรู้วิธีทำให้การเปลี่ยนระหว่างหน้าเว็บรู้สึกตอบสนองได้ดีแม้เครือข่ายที่ช้า
ไม่ได้ปรับขนาดเนื้อหาอย่างถูกต้องสำหรับวิวพอร์ต
ดูวิธีปรับขนาดเนื้อหาหน้าเว็บให้พอดีกับหน้าจออุปกรณ์เคลื่อนที่
Chrome 124
Chrome 124 จะเริ่มเปิดตัวในวันที่ 16 เมษายน 2024 พร้อม setHTMLUnsafe การสตรีมใน WebSockets และอื่นๆ อีกมากมาย
ใหม่ใน Chrome 124
Chrome 124 กำลังเปิดตัวแล้ว มี API ใหม่ 2 รายการที่อนุญาตให้ใช้ Shadow DOM จาก JavaScript ได้ คุณใช้สตรีมใน Web Socket ได้ มุมมองการเปลี่ยนจะดียิ่งขึ้นเล็กน้อย และยังมีอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 124
ไม่ได้เปลี่ยนเส้นทางการเข้าชมผ่าน HTTP ไปยัง HTTPS
ดูวิธีทำให้เว็บไซต์ปลอดภัยยิ่งขึ้นโดยการเปลี่ยนเส้นทางหน้าเว็บทั้งหมดไปยัง HTTPS
ไม่แสดงเนื้อหาสำรองเมื่อ JavaScript ไม่พร้อมใช้งาน
เรียนรู้วิธีทำให้แน่ใจว่าผู้ใช้จะดูเนื้อหาบางอย่างในหน้าเว็บของคุณได้เป็นอย่างน้อยเมื่อ JavaScript ไม่พร้อมใช้งาน
ไม่ได้กำหนดค่าให้ใช้หน้าจอแนะนำที่กำหนดเอง
ดูวิธีสร้างหน้าจอแนะนำที่กำหนดเองสำหรับ Progressive Web App
ไม่ได้ลงทะเบียน Service Worker ที่ควบคุม page และ start_url
ดูวิธีลงทะเบียน Service Worker ที่รองรับฟีเจอร์ของ Progressive Web App เช่น ฟังก์ชันการทํางานแบบออฟไลน์ ข้อความ Push และความสามารถในการติดตั้ง
ตอนนี้ผู้ใช้ต้องการสิทธิ์เข้าถึงอุปกรณ์ MIDI
ตอนนี้ Chrome จะปิดกั้น Web MIDI API ทั้งหมดหลังข้อความแจ้งสิทธิ์
ไม่ได้ให้ apple-touch-icon ที่ถูกต้อง
ดูวิธีระบุไอคอนที่ Progressive Web App ของคุณแสดงในหน้าจอหลักของ iOS
การโหลดหน้าเว็บไม่เร็วพอเมื่อใช้เครือข่ายมือถือ
เรียนรู้วิธีทำให้หน้าเว็บของคุณโหลดอย่างรวดเร็วบนเครือข่ายมือถือ
ไฟล์ Manifest ของเว็บแอปไม่ตรงตามข้อกำหนดด้านความสามารถในการติดตั้ง
ดูวิธีทำให้ Progressive Web App ติดตั้งได้
การเปลี่ยนมุมมองข้ามเอกสารสำหรับแอปพลิเคชันที่มีหลายหน้า
เริ่มต้นการเปลี่ยนมุมมองข้ามเอกสารสำหรับใช้ในแอปพลิเคชันแบบหลายหน้า (MPA)
เปลี่ยนได้อย่างราบรื่นด้วย View Transition API
View Transition API ช่วยให้คุณเพิ่มการเปลี่ยนไปมาระหว่างมุมมองของเว็บไซต์ได้
สนุกและมีประสิทธิภาพ: ข้อมูลเบื้องต้นเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ค้นพบวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บช่วยปรับปรุงการพัฒนาเว็บแอปพลิเคชันของคุณ
วิธีดูข้อมูลรายงาน UX ของ Chrome ใน PageSpeed Insights
PageSpeed Insights (PSI) เป็นเครื่องมือสำหรับนักพัฒนาเว็บเพื่อทำความเข้าใจว่าหน้าเว็บมีประสิทธิภาพอย่างไรและจะปรับปรุงให้ดีขึ้นได้อย่างไร ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ PSI เพื่อดึงข้อมูลเชิงลึกจาก CrUX และทำความเข้าใจประสบการณ์ของผู้ใช้ให้ดียิ่งขึ้น
มีอะไรใหม่ใน WebGPU (Chrome 124)
พื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและอ่านและเขียน การสนับสนุนผู้ปฏิบัติงานของบริการและผู้ปฏิบัติงานที่แชร์ แอตทริบิวต์ข้อมูลอะแดปเตอร์ใหม่ และการแก้ไขข้อบกพร่อง
- WebGpu
การย้อนกลับเวอร์ชันในแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
สัปดาห์นี้เรายินดีที่จะเปิดตัวฟีเจอร์ใหม่ที่ช่วยให้นักพัฒนาแอปสามารถเปลี่ยนกลับไปใช้ส่วนขยายเวอร์ชันที่เผยแพร่ก่อนหน้านี้ใน Chrome เว็บสโตร์ เป้าหมายของเราคือการช่วยให้นักพัฒนาแอปมีความมั่นใจมากขึ้นเมื่อเผยแพร่การอัปเดต โดยเฉพาะเมื่อเปลี่ยนไปใช้
ประเภทการนำทางพร้อมใช้งานแล้วใน CrUX
เรียนรู้เกี่ยวกับเมตริก Navigation_types ใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และวิธีใช้เมตริกดังกล่าวเพื่ออธิบายและเพิ่มประสิทธิภาพเมตริกประสิทธิภาพเว็บของคุณ
ตรวจสอบว่าข้อความจะยังมองเห็นได้ในระหว่างการโหลดเว็บฟอนต์
เรียนรู้วิธีใช้ API การแสดงแบบอักษรเพื่อให้แน่ใจว่าข้อความในหน้าเว็บจะแสดงต่อผู้ใช้เสมอ
ลาก่อน JS Profiler ทำโปรไฟล์ CPU ด้วยแผงประสิทธิภาพ
ดูเส้นทางในอนาคตในการสร้างโปรไฟล์ประสิทธิภาพของ CPU, ทำความเข้าใจสาเหตุและวิธีที่เราเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 124
การสนับสนุนภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน แผงการป้อนข้อความอัตโนมัติ ตัวเลือกใหม่สำหรับ WebRTC ในการควบคุมเครือข่าย และอื่นๆ
Back-Forward Cache notRestoredreasons API
รายงานข้อมูลที่ว่าเฟรมที่อยู่ในเอกสารถูกบล็อกไม่ให้ใช้ Back-Forward Cache ในการนำทางหรือไม่
สร้างโปรไฟล์ประสิทธิภาพ Node.js ด้วยแผงประสิทธิภาพ
เรียนรู้วิธีสร้างโปรไฟล์ประสิทธิภาพของแอปพลิเคชัน Node.js ด้วยแผงประสิทธิภาพ
WebAssembly JavaScript Promise Integration (JSPI) เข้าสู่ช่วงทดลองใช้จากต้นทาง
JavaScript Promise Integration (JSPI) เป็น API ที่อนุญาตให้โค้ดตามลำดับแบบซิงโครนัสที่คอมไพล์ WebAssembly เข้าถึง API ของเว็บแบบอะซิงโครนัสได้
ช่วงทดลองใช้จากต้นทางAPI ของFetchLater
ดูข้อมูลเกี่ยวกับ fetchLater API ซึ่งขณะนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่สำหรับขอการดึงข้อมูลที่เลื่อนเวลาออกไป ซึ่งจะดำเนินการเสร็จสมบูรณ์แม้ว่าจะปิดหน้าไปแล้ว
คำขอเครือข่าย: ทดสอบเว็บไซต์โดยการบล็อกคำขอเครือข่าย
ทดสอบว่าเว็บไซต์ของคุณจัดการกับทรัพยากรที่ขาดหายไปอย่างไร
แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์
เราจะเปิดตัวการเปลี่ยนแปลงเพื่อให้แถบเลื่อนที่ไม่มีการตั้งค่า Tabindex และไม่สามารถโฟกัสแป้นพิมพ์สำหรับเด็กได้
Chrome 124 เบต้า
แอตทริบิวต์ HTML writesuggestions, WebSocketStream API, ส่วนหัวคำขอ HTTP ลำดับความสำคัญ และอีกมากมาย
สิ่งใหม่ๆ ใน Chrome 123
Chrome 123 กำลังเปิดตัวแล้ว ฟังก์ชันใหม่สำหรับธีมมืด, Long Animation Frames API, Service Worker Static Routing API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 123
ใช้ Service Worker Static Routing API เพื่อข้าม Service Worker สำหรับเส้นทางที่ระบุ
ดูวิธีใช้ API ใหม่นี้ซึ่งมีให้ใน Chrome 123
การเข้าถึงเครือข่ายส่วนตัว: การปกป้องอีกระดับสำหรับ Web Worker และการดึงข้อมูลการนำทาง
ดูข้อมูลเกี่ยวกับกลไกการรักษาความปลอดภัยที่สำคัญของการเข้าถึงเครือข่ายส่วนตัวสำหรับผู้ปฏิบัติงานเว็บ การดึงข้อมูลการนำทาง และการป้องกันที่กำลังจะเกิดขึ้น เอกสารนี้ยังครอบคลุมสิ่งที่เจ้าของเว็บไซต์ควรทำหากใช้เครือข่ายส่วนตัว
เครื่องมือด้านประสิทธิภาพในปี 2024 และปีต่อๆ ไป
เรียนรู้เกี่ยวกับแผนของทีม Chrome ในการปรับปรุงแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บ
ซ่อนคำขอส่วนขยายและการปรับปรุงแผงเครือข่ายเพิ่มเติม
สำรวจการปรับปรุงล่าสุดในแผง Chrome DevTools Network ซึ่งออกแบบมาเพื่อลดความซับซ้อนของประสบการณ์การแก้ไขข้อบกพร่องในเว็บ
ดูและเปลี่ยน CSS
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนแปลง CSS ของหน้าเว็บ
ใช้เอฟเฟกต์อื่นๆ เช่น เปิดใช้ธีมมืดอัตโนมัติ จำลองโฟกัส และอื่นๆ
ไฮไลต์เฟรมโฆษณา จำลองการโฟกัสหน้าเว็บ ปิดใช้แบบอักษรและรูปแบบรูปภาพในเครื่อง เปิดใช้ธีมมืดอัตโนมัติ และจำลองภาวะบกพร่องในการมองเห็น
ข้อมูลอ้างอิงฟีเจอร์ CSS
ค้นพบเวิร์กโฟลว์ใหม่สำหรับการดูและเปลี่ยน CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ใน WebGPU (Chrome 123)
การรองรับฟังก์ชันในตัวของ DP4a, พารามิเตอร์ตัวชี้แบบไม่จำกัด, น้ำตาลไวยากรณ์สำหรับการยกเลิกการอ้างอิงคอมโพสิตใน WGSL และอื่นๆ
- WebGpu
เพิ่มประสิทธิภาพในการบีบอัดด้วยพจนานุกรมที่แชร์
การบีบอัดบนเว็บกำลังได้รับการปรับปรุงอย่างมากจากการบีบอัดพจนานุกรมที่แชร์ เรียนรู้ว่าไลบรารีเหล่านี้คืออะไร ทำงานอย่างไร และช่วยลดเวลาที่ใช้ในการโหลดให้มากกว่าการบีบอัดมาตรฐานสำหรับทรัพยากรบนเว็บทั้งแบบคงที่และแบบไดนามิกได้อย่างไร
ดาวน์โหลด Headless Chrome แบบเก่าเป็น Chrome-headless-shell
ตอนนี้คุณสามารถดาวน์โหลด Chrome แบบไม่มีส่วนหัวเป็นไบนารีแบบสแตนด์อโลนสำหรับ Chrome ทุกรุ่นที่แสดงต่อผู้ใช้ทุกคนได้แล้ว
ทำให้ส่วนขยายเข้าถึงได้
สำหรับผู้ใช้จำนวนมาก การช่วยเหลือพิเศษคืออินเทอร์เฟซผู้ใช้จริงๆ และฟีเจอร์ก็มีประโยชน์ต่อคนอื่นๆ อีกมากมาย
การปรับปรุง Speculation Rules API
รายละเอียดการอัปเดตล่าสุดของ Speculation Rules API รวมถึงกฎของเอกสาร การตั้งค่าความกระตือรือร้น ขีดจำกัด และกฎการคาดเดาที่รองรับบนแพลตฟอร์ม
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 123)
ไข่อีสเตอร์ การจำลองหน้าแบบโฟกัสใน "องค์ประกอบ" > รูปแบบ การตรวจสอบ Lighthouse ใหม่ และอื่นๆ
ส่วนขยาย Chrome: เส้นทางการทดสอบการระงับการทำงานของ Service Worker
ในโพสต์นี้ ทีม Looker ได้แชร์เส้นทางการแก้ปัญหาการทดสอบผู้ปฏิบัติงานของบริการส่วนขยาย โดยเฉพาะอย่างยิ่ง วิธีตรวจสอบว่าส่วนขยาย Chrome ทำงานได้อย่างถูกต้องเมื่อมีการระงับโปรแกรมทำงานของบริการ
แพ็กเกจ Next.js สำหรับการจัดการไลบรารีของบุคคลที่สาม
ดูวิธีใช้ไลบรารี @next/Third-partyies เพื่อเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามยอดนิยม
รองรับการปรับแนวเนื้อหาในเลย์เอาต์บล็อกและตาราง
จาก Chrome 123 ให้ใช้ "ปรับเนื้อหา" เพื่อจัดตำแหน่งรายการโดยไม่ต้องสร้างคอนเทนเนอร์ Flex หรือตารางกริด
Chrome 123 เบต้า
ฟังก์ชันสี light-dark() ของ CSS, ปรับแนวเนื้อหาสำหรับบล็อก, คุณสมบัติการปรับขนาดฟิลด์ และเหตุการณ์การแสดงหน้าเว็บ
จำลองอุปกรณ์เคลื่อนที่ด้วยโหมดอุปกรณ์
ใช้อุปกรณ์เสมือนในโหมดอุปกรณ์ของ Chrome เพื่อสร้างเว็บไซต์ที่เน้นอุปกรณ์เคลื่อนที่
สิ่งใหม่ๆ ใน Chrome 122
Chrome 122 กำลังเปิดตัวแล้ว สำหรับ Storage Buckets API ใหม่ การอัปเดตแผงประสิทธิภาพของ DevTools มีตัวเลือกที่ไม่ผ่านการตรวจสอบในการอ่าน HTML ด้วย Async Clipboard API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 122
การเปลี่ยนแปลงของ CSS ::การรับช่วงค่าฉากหลัง
ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง
แผงประสิทธิภาพที่ทำงานเร็วขึ้น 400% ผ่านการรับรู้
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บเป็นเครื่องมือที่มีประสิทธิภาพในการวินิจฉัย แก้ไขข้อบกพร่อง และแก้ไขปัญหาด้านประสิทธิภาพของเว็บแอป ในโอกาสนี้ เราจะอธิบายให้คุณทราบถึงวิธีที่เราใช้แผงประสิทธิภาพในเครื่องมือสําหรับนักพัฒนาเว็บเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพเอง และวิธีที่เราใช้แผงประสิทธิภาพที่ดีขึ้นอย่างมาก
ใช้ WebHID
WebHID API ซึ่งแสดงอุปกรณ์ที่เข้ากันได้กับ Human Interface Device (HID) บนเว็บพร้อมให้ใช้งานในส่วนขยาย
ใช้ WebUSB
WebUSB API ซึ่งแสดงอุปกรณ์ที่ใช้งานร่วมกันได้กับ Universal Serial Bus (USB) ที่ไม่เป็นไปตามมาตรฐานบนเว็บจะมีให้ใช้งานในส่วนขยาย
ไฟล์ Manifest - นโยบายรักษาความปลอดภัยเนื้อหา
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้นโยบายความปลอดภัยของเนื้อหาของไฟล์ Manifest.json
มีอะไรใหม่ใน WebGPU (Chrome 122)
โหมดความเข้ากันได้อยู่ระหว่างการพัฒนา เพิ่มขีดจำกัด maxVertexAttributes และอัปเดต Dawn
- WebGpu
chrome.runtime
ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย
ขอแนะนำวิธีใหม่ในการสร้างประสบการณ์การแก้ไขเว็บแบบกำหนดเองโดยใช้ EditContext API
EditContext เป็น API ใหม่ที่เปิดตัวใน Chrome และ Edge ซึ่งช่วยนักพัฒนาซอฟต์แวร์ในการสร้างฟีเจอร์แก้ไขข้อความขั้นสูงในเบราว์เซอร์ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้ได้ในโพสต์นี้
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 122)
คำเตือนเกี่ยวกับการยกเลิกการใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน การแก้ไขข้อบกพร่องที่ได้รับการปรับปรุงในแผงเครือข่าย การแสดงเส้นทางในแผงประสิทธิภาพ และอื่นๆ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของการนำทางแบบคาดเดาเพื่อให้โหลดหน้าเว็บได้เร็วขึ้น
ท่องเว็บได้เร็วขึ้นด้วยการโหลดแบบคาดเดาและดูวิธีแก้ไขข้อบกพร่อง
การทดลองใช้การเลิกใช้งาน SharedArrayBuffer ใน Chrome บนเดสก์ท็อปขยายไปยัง Chrome 124 แล้ว
การทดลองใช้การเลิกใช้งานสำหรับ SharedArrayBuffer ที่ไม่มีการแยกแบบข้ามต้นทางในเดสก์ท็อปของ Chrome จะขยายเวลาจนถึง Chrome 124
Chrome 122 เบต้า
Chrome 122 รุ่นเบต้าจะมอบเครื่องมือช่วยเหลือ Iterator, การตั้งค่า, Storage Buckets API, อ่าน HTML ที่ไม่ผ่านการตรวจสอบใน Async Clipboard API และอีกมากมาย
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
สิ่งใหม่ๆ ใน Chrome 121
Chrome 121 กำลังเปิดตัวแล้ว การอัปเดต CSS, การปรับปรุง Speculation Rules API, ช่วงทดลองใช้จากต้นทางสำหรับ Element Recording API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 121
มีอะไรใหม่ใน WebGPU (Chrome 121)
รองรับ WebGPU ใน Android, การใช้ DXC สำหรับการคอมไพล์ตัวปรับแสงเงา, การค้นหาการประทับเวลาในการส่งผ่านการประมวลผลและแสดงผล, จุดแรกเข้าเริ่มต้นไปยังโมดูลตัวปรับแสงเงา, รองรับ display-p3 เป็นพื้นที่สี GPUExternalTexture, ข้อมูลฮีปของหน่วยความจำ และอื่นๆ
- WebGpu
การทดสอบโมเดล AI ของเว็บใน Google Colab
ดูวิธีทดสอบโมเดล AI บนเบราว์เซอร์ฝั่งไคลเอ็นต์ ตลอดจนยังคงรองรับการปรับขนาด ทำงานอัตโนมัติ และตั้งค่าฮาร์ดแวร์ที่ได้มาตรฐาน
- WebGpu
ใช้ Firebase Cloud Messaging (FCM) กับ chrome.gcm
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีใช้การรับส่งข้อความของ Firebase ด้วย chrome.gcm
เพิ่มประสิทธิภาพการทดสอบโมเดล AI ของเว็บ: WebGPU, WebGL และ Chrome แบบ Headless
ค้นพบโซลูชันของเราสำหรับวิธีการทดสอบเบราว์เซอร์โดยอัตโนมัติอย่างสม่ำเสมอและปรับปรุงประสิทธิภาพของแอปพลิเคชัน
- WebGpu
โหมดการเขียนแนวตั้ง CSS สำหรับองค์ประกอบการควบคุมแบบฟอร์ม
Chrome เพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่อีกรายการ
สิทธิ์ถาวรสำหรับ File System Access API
โพสต์นี้จะอธิบายวิธีจัดการสิทธิ์แบบถาวรสำหรับ File System Access API และยังให้ข้อมูลสรุปเกี่ยวกับสถานะปัจจุบันของปัญหาและความท้าทายที่กำลังได้รับการแก้ไขด้วย
ตรวจสอบและแก้ไขข้อบกพร่องของสี HD และที่ไม่ใช่ HD ด้วยตัวเลือกสี
ดูวิธีใช้เครื่องมือเลือกสีในองค์ประกอบ > รูปแบบ เพื่อตรวจสอบและแก้ไขข้อบกพร่องของสี HD และไม่ใช่ HD
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล
ดูวิธีแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล
CSS text-wrap: balance
เทคนิคการจัดรูปแบบตัวอักษรแบบคลาสสิกของการแบ่งบรรทัดด้วยตนเองเพื่อให้บล็อกข้อความมีความสมดุลได้เข้ามาอยู่ใน CSS แล้ว
ส่วนขยายขอบเขตของเว็บแอป
ตั้งแต่ Chrome 122 เป็นต้นไป คุณสามารถสมัครใช้บริการช่วงทดลองใช้จากต้นทางสำหรับสมาชิกไฟล์ Manifest ของแอป scope_extensions ซึ่งช่วยให้เว็บไซต์ที่ควบคุมโดเมนย่อยและโดเมนระดับบนสุดหลายรายการแสดงเป็นเว็บแอปเดียวได้
ใช้ประโยชน์จากศักยภาพของ WebDriver BiDi: การทำงานอัตโนมัติของ Chrome และ Firefox ด้วย Puppeteer
ตอนนี้ Puppeteer พูดคุยกับ Firefox ได้แล้ว! 🎉 แต่เดี๋ยวก่อน นี่มันไม่ใช่หรือ 🤔 เราจะมาเจาะลึกเกี่ยวกับ WebDriver BiDi ซึ่งเป็นโปรโตคอลใหม่ใน Puppeteer และดูว่าการพัฒนาที่น่าตื่นเต้นสำหรับเวิร์กโฟลว์ระบบอัตโนมัติของ Firefox นี้มีความหมายว่าอย่างไร
จัดการกับการละเมิดโค้ดที่โฮสต์จากระยะไกล
Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร
Google Chrome บน Android
สำหรับรายการฟีเจอร์ทั้งหมดสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome บน Android โปรดไปที่ chromestatus.com ดาวน์โหลด Chrome ใน Play Store เมื่อผู้ใช้ลงชื่อเข้าใช้ Chrome ในอุปกรณ์เครื่องหนึ่ง
เฟรมเวิร์กสมัยใหม่ทำงานเป็นอย่างไรในเมตริก INP ใหม่
โพสต์นี้กล่าวถึงความเกี่ยวข้องของเมตริก INP ใหม่กับเว็บไซต์ที่ใช้เฟรมเวิร์ก และการทำงานของ Aurora เพื่อสนับสนุนเฟรมเวิร์กในการเพิ่มประสิทธิภาพเมตริกนี้
Chrome จะเปิดใช้โหมดเดสก์ท็อปโดยค่าเริ่มต้นในแท็บเล็ตระดับพรีเมียม
Chrome ได้ปรับตัวให้เข้ากับระบบนิเวศของแท็บเล็ต Android โดยการเปิดใช้โหมดเดสก์ท็อปในแท็บเล็ตระดับพรีเมียมโดยค่าเริ่มต้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 121)
การสนับสนุน @font-palette-values ใน Elements, การรองรับการแมปแหล่งที่มาที่ปรับปรุงใหม่, ประสิทธิภาพที่ปรับปรุงแล้ว, การติดตามการโต้ตอบ และอื่นๆ
การแชร์แท็บที่ดียิ่งขึ้นด้วย Region Capture
ปัจจุบันแพลตฟอร์มเว็บมาพร้อม Region Capture ซึ่งเป็นวิธีที่มีประสิทธิภาพและมีประสิทธิภาพสูงในการครอบตัดแทร็กวิดีโอ
มีอะไรใหม่ใน WebGPU (Chrome 120)
รองรับค่าจุดลอยตัว 16 บิตใน WGSL, ขีดจำกัดการเพิ่มขึ้น, การเปลี่ยนแปลงสถานะของฉลุความลึก, การอัปเดตข้อมูลอะแดปเตอร์ และอื่นๆ
- WebGpu
สรุป CSS: 2023
ปี 2023 เป็นปียิ่งใหญ่ของ CSS เรียนรู้เกี่ยวกับสิ่งที่เกิดขึ้นใน Chrome และทั่วทั้งแพลตฟอร์มเว็บในปีนี้
ดู เพิ่ม แก้ไข และลบคุกกี้
เรียนรู้วิธีดู เพิ่ม แก้ไข และลบคุกกี้ HTTP ของหน้าเว็บโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง bfcache
ดูวิธีแก้ไขข้อบกพร่อง bfcache และทำให้หน้าเว็บโหลดทันที
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: DOM คืออะไร HTML กับ DOM
ดูวิธีแก้ไขข้อบกพร่อง DOM ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
Chrome DevTools ช่วยปกป้องการโจมตี XSS ด้วยตนเองได้อย่างไร
ดูวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยลดการโจมตี XSS ด้วยตนเองโดยการบล็อกการวางโค้ดสำหรับผู้ใช้ที่ไม่มีประสบการณ์ของเครื่องมือสำหรับนักพัฒนาเว็บ
ช่วงทดลองใช้ข้อความแจ้งสิทธิ์การเข้าถึงเครือข่ายส่วนตัวจากต้นทาง: เส้นทางการย้ายข้อมูลเว็บไซต์ด้วย HTTPS
Google Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัย ซึ่งเป็นส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว (PNA)
การกลับไปดูเกณฑ์ความสามารถในการติดตั้งของ Chrome
ในอีกไม่กี่เดือนข้างหน้า Chrome จะทำการทดสอบโดยมีเป้าหมายเพื่อลดความซับซ้อนของเกณฑ์การติดตั้งแอปเพื่อปรับปรุงนักพัฒนาซอฟต์แวร์และประสบการณ์ของผู้ใช้ โพสต์นี้แสดงการเปลี่ยนแปลงที่อาจเกิดขึ้น และเหตุผลที่เราดำเนินการทดสอบเหล่านี้
เข้าถึงเซิร์ฟเวอร์ภายในและอินสแตนซ์ของ Chrome ด้วยการส่งต่อพอร์ต
โฮสต์เว็บไซต์ในเว็บเซิร์ฟเวอร์ของเครื่องพัฒนาซอฟต์แวร์ จากนั้นเข้าถึงเนื้อหาจากอุปกรณ์ Android
ใหม่ใน Chrome 120
Chrome 120 เปิดตัวแล้ว CloseWatcher API ช่วยให้ได้รับประสบการณ์ที่สอดคล้องกันเมื่อจัดการกับคำขอปิด การนำรูปแบบแอคคอร์เดียนไปใช้อย่างตรงไปตรงมาโดยใช้องค์ประกอบรายละเอียด รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว และมีอีกมากมาย
ขอแนะนำ 4 ฟีเจอร์ใหม่สำหรับต่างประเทศใน CSS
Chrome กำลังจะเพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่ 4 รายการ
API วงจรการใช้งานหน้าเว็บ
Page Lifecycle API นำฟีเจอร์วงจรของแอปโดยทั่วไปในระบบปฏิบัติการในอุปกรณ์เคลื่อนที่มาสู่เว็บ ตอนนี้เบราว์เซอร์สามารถหยุดการทำงานและทิ้งหน้าเว็บพื้นหลังได้อย่างปลอดภัยเพื่อประหยัดทรัพยากร และนักพัฒนาซอฟต์แวร์สามารถจัดการการดำเนินการเหล่านี้ได้อย่างปลอดภัยโดยไม่ส่งผลกระทบต่อประสบการณ์ของผู้ใช้
HTML ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน
ใน Chrome 120 มีตัวเลือกใหม่ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน ดูวิธีใช้ในคู่มือนี้
ดำเนินการเปลี่ยนไปใช้ไฟล์ Manifest V3 ต่อ
เมื่อเดือนธันวาคมปีที่แล้ว เราได้หยุดการเลิกใช้งาน Manifest V2 ตามแผนที่วางไว้ชั่วคราวเพื่อจัดการกับความคิดเห็นของนักพัฒนาแอปและมอบโซลูชันที่ดีกว่าสำหรับ ปัญหาการย้ายข้อมูล จากความคิดเห็นที่ได้รับ เราจึงได้ทําการเปลี่ยนแปลงหลายอย่างใน Manifest V3
การแสดงภาพซ้อนภาพอัตโนมัติสำหรับเว็บแอปการประชุมทางวิดีโอ
Chrome ช่วยให้เว็บแอปการประชุมทางวิดีโอเข้าสู่การแสดงภาพซ้อนภาพได้โดยอัตโนมัติ
การปรับปรุงการกรองเนื้อหาในไฟล์ Manifest V3
ตลอดปีที่ผ่านมา เรามีส่วนร่วมในการพูดคุยกับผู้ให้บริการที่อยู่เบื้องหลังส่วนขยายการบล็อกเนื้อหาหลายรายการเกี่ยวกับวิธีปรับปรุงแพลตฟอร์มส่วนขยาย MV3 เราได้ดำเนินการปรับปรุงที่สำคัญตามการพูดคุยเหล่านี้ ซึ่งส่วนใหญ่เกิดขึ้นใน WebExtensions Community
มีอะไรใหม่ในคำสั่ง NgOptimizeImage ของ Angular
ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ที่รวมอยู่ในคำสั่ง Angular NgOptimizeImage ที่ช่วยปรับปรุงประสิทธิภาพของรูปภาพในแอป Angular ให้ดียิ่งขึ้น
ช่วงทดลองใช้ Service Worker Static Routing API จากต้นทาง
เรียนรู้เกี่ยวกับเฟสแรกของการกำหนดเส้นทางแบบคงที่ของ Service Worker ซึ่งตอนนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่ที่ใช้สำหรับระบุวิธีการที่ Service Worker จัดการ (หรือไม่) จัดการเส้นทางอย่างชัดเจน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 120)
ปัญหาการเลิกใช้งานคุกกี้ของบุคคลที่สามที่รายงานในแผง "ปัญหา", เครื่องมือวิเคราะห์ Privacy Sandbox สำหรับคุกกี้, นโยบายรักษาความปลอดภัยเนื้อหาที่มีประสิทธิภาพในแผงแอปพลิเคชัน, การแก้ไขข้อบกพร่องของภาพเคลื่อนไหวที่ได้รับการปรับปรุง, การละเว้นรายการที่มีประสิทธิภาพมากขึ้น และอื่นๆ
การบันทึกระบบนิเวศ WebGPU
ดูข้อมูลเกี่ยวกับวิธีที่ระบบนิเวศของ WebGPU ขยายไปไกลกว่า JavaScript, C++ และขอบเขต Rust
- WebGpu
การเปลี่ยนแปลงโหมดความคงทนเริ่มต้นใน IndexedDB
โหมดความคงทนใน IndexedDB จะเปลี่ยนจากแบบเข้มงวดเป็นแบบผ่อนปรนตั้งแต่ Chrome 121
มีอะไรใหม่ใน Chrome 120 สำหรับส่วนขยาย
สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 120 สำหรับนักพัฒนาส่วนขยาย Chrome
Chrome 120 เบต้า
การมาสก์ CSS, กฎที่ไม่เคร่งครัดสำหรับการซ้อน CSS, สร้างรูปแบบแอคคอร์เดียนที่มีองค์ประกอบ, การทำงานแบบแทรกภาพบนหน้าจอสำหรับ Media Session API
การจัดการไฟล์ใน Chrome OS
วิธีเปิดไฟล์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา
เปิดใช้ WebAssembly Garbage Collection (WasmGC) ใน Chrome แล้วโดยค่าเริ่มต้น
ภาษาโปรแกรมมี 2 ประเภท ได้แก่ ภาษาโปรแกรมที่มีการรวบรวมขยะและภาษาโปรแกรมที่ต้องจัดการหน่วยความจำด้วยตนเอง บริการเก็บขยะของ WebAssembly ช่วยให้พอร์ตภาษาที่มีการเก็บขยะไปยัง WebAssembly ได้
ใหม่ใน Chrome 119
Chrome 119 กำลังเปิดตัวแล้ว การอัปเดตขีดจำกัดสูงสุดของวันที่หมดอายุสำหรับคุกกี้ในพื้นที่เก็บข้อมูลอยู่แล้ว CSS มีคลาสจำลองใหม่ ไวยากรณ์สีแบบสัมพัทธ์ การปรับปรุงเฟรมที่มีการปิดกั้น เช่น มาโครขนาดโฆษณา และอื่นๆ อีกมากมาย
มีอะไรใหม่ใน WebGPU (Chrome 119)
พื้นผิวแบบลอยแบบ 32 บิตที่กรองได้, รูปแบบจุดยอดมุมนอกกรอบ 10-10-10-2, รูปแบบพื้นผิว rgb10a2uint และอื่นๆ
- WebGpu
เลือกองค์ประกอบ: ตอนนี้มีกฎแนวนอน
ดูว่าความสามารถขององค์ประกอบ Select แบบขยายช่วยให้มีการแบ่งแนวนอนในแนวนอนเพื่อให้จัดกลุ่มได้ดียิ่งขึ้นได้อย่างไร
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
การย้ายข้อมูลเครื่องมือติดตามปัญหาของ Chromium
เราจะย้ายการติดตามปัญหาของ Chromium ไปยังเครื่องมือที่ขับเคลื่อนโดยเครื่องมือติดตามปัญหาของ Google ในเดือนมกราคม 2024
การเลิกใช้งาน Sanitizer API
เราจะเลิกใช้งาน Sanitizer API ในปัจจุบันจาก Chrome 119 เพื่อให้สอดคล้องกับการอัปเดตข้อกำหนดเฉพาะในอนาคต
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 119)
ส่วน @property ที่ปรับปรุงใหม่ใน "รูปแบบ" รายการอุปกรณ์ที่อัปเดต การจัดรูปแบบที่คัดสรรมาในรูปแบบ "แหล่งที่มา" และการเติมข้อความอัตโนมัติในคอนโซล
ใหม่ใน Chrome 118
Chrome 118 กำลังเปิดตัวแล้ว ประกาศรูปแบบที่เฉพาะเจาะจงภายในคอมโพเนนต์ด้วยกฎ CSS @scope ใช้ฟีเจอร์สื่อใหม่: Preferred-reduced-transparency เครื่องมือสำหรับนักพัฒนาเว็บมีการปรับปรุงในแผงแหล่งที่มา และอื่นๆ อีกมากมาย
การปรับปรุง API สำหรับการทำงานกับไฟล์ในเบราว์เซอร์
การรองรับผู้อ่านและผู้เขียนหลายรายสําหรับ FileSystemSyncAccessHandle และผู้เขียนแบบผูกขาดสําหรับ FileSystemWritableFileStream ระบบไฟล์ส่วนตัวต้นทาง (บางครั้งเรียกว่าระบบไฟล์ที่เก็บข้อมูล)
ช่วงทดลองใช้จากต้นทางใหม่สำหรับหน้าต่างป๊อปอัปแบบเต็มหน้าจอ
ตอนนี้มีช่วงทดลองใช้จากต้นทางใหม่ให้เปิดหน้าต่างป๊อปอัปในโหมดเต็มหน้าจอได้ง่ายๆ ในขั้นตอนเดียว
จำกัดการเข้าถึงของตัวเลือกด้วยกฎ @scope ของ CSS
ดูวิธีใช้ @scope เพื่อเลือกองค์ประกอบภายในแผนผังย่อยที่จำกัดของ DOM เท่านั้น
มีอะไรใหม่ใน WebGPU (Chrome 118)
การสนับสนุนแหล่งที่มาเพิ่มเติมสำหรับ copyExternalImageToTexture การสนับสนุนทดลองสำหรับพื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและแบบอ่านอย่างเดียว และอีกมากมาย
- WebGpu
Chrome รองรับพาสคีย์ในพวงกุญแจ iCloud ใน macOS แล้ว
Chrome ใน macOS เริ่มรองรับพาสคีย์ในพวงกุญแจ iCloud ซึ่งจะช่วยให้ผู้ใช้สร้างพาสคีย์ในพวงกุญแจ iCloud และซิงค์พาสคีย์ในอุปกรณ์ Apple ได้
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของส่วนขยาย Chrome
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของส่วนขยาย Chrome
การนำทางที่ราบรื่นเกิดขึ้นได้ด้วยการเปลี่ยนไปใช้มุมมอง
คำแนะนำแบบละเอียดเกี่ยวกับเหตุผลและวิธีใช้การเปลี่ยนมุมมองของ CyberAgent, RedBus, Nykaa และ PolicyBazaar
เราคือ Chrome สำหรับนักพัฒนาซอฟต์แวร์
ฉลองครบรอบ 15 ปีของ Chrome และบทบาทของเราในฐานะพาร์ทเนอร์ที่เชื่อถือได้และพร้อมให้ความช่วยเหลือแก่นักพัฒนาซอฟต์แวร์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 118)
ส่วนใหม่สำหรับพร็อพเพอร์ตี้ที่กำหนดเองในองค์ประกอบ > รูปแบบ การปรับปรุงการลบล้างภายในเพิ่มเติม การค้นหาที่เพิ่มประสิทธิภาพ พื้นที่ทำงานที่มีประสิทธิภาพในแหล่งที่มา และอื่นๆ
Chrome 118 เบต้า
รูปแบบที่กำหนดขอบเขตสำหรับ CSS, ฟีเจอร์สื่อเพิ่มเติม, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ด้วยแป้นพิมพ์ และอีกมากมาย
ใหม่ใน Chrome 117
Chrome 117 กำลังเปิดตัวแล้ว ด้วยฟีเจอร์ CSS ใหม่ 3 รายการที่ทำให้การเพิ่มภาพเคลื่อนไหวในการเข้าและออกที่ลื่นไหลเป็นเรื่องง่าย การจัดกลุ่มอาร์เรย์เพื่อคำนวณชุดข้อมูลที่มีลำดับสูงขึ้น เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จึงทำให้การลบล้างในเครื่องทำได้ง่ายขึ้น และยังมีอีกมากมาย
มีอะไรใหม่ใน WebGPU (Chrome 117)
ยกเลิกการตั้งค่าบัฟเฟอร์เวอร์เท็กซ์และเชื่อมโยงกลุ่ม ทำให้อุปกรณ์ที่สูญหายทำงาน และอื่นๆ
- WebGpu
ซัมเมอร์แห่งโค้ดและส่วนขยายของ Chrome ใน Google
ประสบการณ์และคำแนะนำเกี่ยวกับการเข้าร่วม Summer of Code ของ Google
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ข้อมูลโค้ดและนิพจน์จริง
ใช้ข้อมูลโค้ดเพื่อเรียกใช้โค้ดที่คุณใช้บ่อยและใช้นิพจน์จริงเพื่อดูค่าแบบเรียลไทม์
Chrome เผยแพร่ได้เร็วขึ้น (รอบที่ 2)
ตั้งแต่ Chrome 119 เป็นต้นไป เราจะลดระยะเวลาระหว่างสาขาสำหรับรุ่นและการเผยแพร่เป็นเวอร์ชันเสถียร
การเปลี่ยนมุมมองดวงดาว
เน้นวิธีที่ชุมชน Astro นำ View Transitions มาใช้ในตอนที่ Chrome ปรับปรุง API และเส้นทางสู่การสนับสนุนระดับเฟิร์สคลาสใน Astro + เกาะถาวร
ขอแนะนําช่วงทดลองใช้จากต้นทาง Scheduler.yield
"scheduler.yield" เป็นฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน API เครื่องจัดตารางเวลาที่กำลังอยู่ระหว่างช่วงทดลองใช้จากต้นทาง และเป็นแนวทางแบบใหม่ในการแบ่งงานต่างๆ เพื่อมอบประสบการณ์ของผู้ใช้ที่ตอบสนองมากขึ้น ทำความเข้าใจประโยชน์ของ API การกำหนดเวลาที่นำเสนอนี้ และลงชื่อสมัครใช้ช่วงทดลองใช้จากต้นทางเพื่อช่วยให้เราได้รับข้อมูลเชิงลึกและความคิดเห็น
มีอะไรใหม่ใน Lighthouse 11
Lighthouse 11 มาพร้อมการเปลี่ยนแปลงการช่วยเหลือพิเศษและการอัปเดตการตรวจสอบแบบใหม่
ร่างคำสั่ง Chrome Devtools Protocol (CDP) อย่างมีประสิทธิภาพด้วยเครื่องมือแก้ไขคำสั่งใหม่
DevTools ได้เปิดตัวเครื่องมือแก้ไขใหม่ที่ใช้งานง่ายเพื่อให้พิมพ์คำสั่งโปรโตคอลสำหรับนักพัฒนาเว็บใน Chrome (CDP) ได้ง่ายขึ้นเพื่อให้คุณไม่จำเป็นต้องใช้ JSON
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 117)
ลบล้างคำขอ XHR/การดึงข้อมูล และซ่อนคำขอส่วนขยายจากแผงเครือข่าย, ดูการเปลี่ยนแปลงลำดับความสำคัญของการดึงข้อมูลในแผงประสิทธิภาพ, สัมผัสการปรับปรุง UI หลายรายการ, ดูสีใหม่ๆ และฟีเจอร์ทดลอง และอีกมากมาย
ฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาพเคลื่อนไหวเข้าและออกที่ราบรื่น
ดูข้อมูลเกี่ยวกับความสามารถใหม่ๆ ที่ช่วยให้การเปลี่ยนภาพเคลื่อนไหวแบบแยกกันและระหว่างเลเยอร์ด้านบนเป็นไปอย่างราบรื่น
Chrome 117 เบต้า
การรองรับภาพเคลื่อนไหวแบบกริด CSS เข้าและออกสำหรับ CSS การจัดกลุ่มอาร์เรย์ ตัวช่วยตัววนซ้ำ และอื่นๆ
นำการตรวจสอบความปลอดภัยไปยังหน้า chrome://extensions
ตั้งแต่ Chrome 117 เป็นต้นไป Chrome จะไฮไลต์ให้ผู้ใช้ทราบเมื่อส่วนขยายที่ติดตั้งไม่ได้อยู่ใน Chrome เว็บสโตร์อีกต่อไป
ใหม่ใน Chrome 116
Chrome 116 กำลังเปิดตัวแล้ว ใช้ API การแสดงภาพซ้อนภาพของเอกสารเพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ซึ่งตอนนี้คุณสามารถแก้ไขข้อบกพร่องของสไตล์ชีตที่หายไปใน DevTools ได้ง่ายขึ้น และอีกมากมาย
รักษาความปลอดภัยให้การโต้ตอบกับป๊อปอัปด้วยพร็อพเพอร์ตี้แบบจำกัด
รับการแยกแบบข้ามต้นทางและการป้องกันการรั่วไหลข้ามเว็บไซต์ขณะโต้ตอบกับป๊อปอัป
สิทธิ์แบบครั้งเดียวใน Chrome
"อนุญาตเวลานี้" เป็นตัวเลือกที่ใช้ได้ครั้งเดียวสำหรับการให้สิทธิ์ใน Chrome ในช่วงแรกฟีเจอร์นี้จะพร้อมใช้งานบนเดสก์ท็อปเฉพาะในส่วนของตำแหน่งทางภูมิศาสตร์ กล้อง และไมโครโฟน
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: เบรกพอยท์และจุดตรวจสอบ
ใช้เบรกพอยท์และจุดตรวจสอบเพื่อแก้ไขข้อบกพร่องได้อย่างง่ายดาย
PostMessage สำหรับ TWA
กิจกรรมบนเว็บที่เชื่อถือได้ (TWA) ของ Chrome 115 สามารถส่งข้อความโดยใช้ postMessage เอกสารนี้จะอธิบายการตั้งค่าที่จำเป็นในการสื่อสารระหว่างแอปของคุณกับเว็บ
มีอะไรใหม่ใน Chrome 116 สำหรับส่วนขยาย
สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 116 สำหรับนักพัฒนาส่วนขยาย Chrome
Chrome 116 เบต้า
เส้นทางการเคลื่อนไหว CSS, Back/Forward Cache NotRestoredWhy API, Document Picture-in-Picture, และอื่นๆ อีกมากมาย
การแก้ไขข้อบกพร่องของเว็บไซต์ใน Chrome บน iOS 16.4 ขึ้นไป
ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงในส่วนขยาย Chrome ในปีนี้ รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถตั้งตารอได้
ใหม่ใน Chrome 115
ใช้ ScrollTimeline และ ViewTimeline เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนที่ช่วยปรับปรุงประสบการณ์ของผู้ใช้ เฟรมที่มีการปิดกั้นจะทำงานร่วมกับ Privacy Sandbox API อื่นๆ เพื่อฝังเนื้อหาที่เกี่ยวข้อง แต่ในขณะเดียวกันก็ป้องกันการแชร์บริบทที่ไม่จำเป็น Topics API ช่วยให้เบราว์เซอร์แชร์ข้อมูลกับบุคคลที่สามเกี่ยวกับความสนใจของผู้ใช้ไปพร้อมๆ กับรักษาความเป็นส่วนตัวและฟีเจอร์อื่นๆ อีกมากมาย
กรณีศึกษาเกี่ยวกับประสิทธิภาพของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
API ใหม่นี้ราบรื่นกว่าการใช้ภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนแบบดั้งเดิมมาก
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: บันทึกและเล่นขั้นตอนของผู้ใช้ซ้ำด้วยโปรแกรมอัดเสียง
ดูวิธีบันทึก เล่นซ้ำ และแก้ไขข้อบกพร่องของโฟลว์ผู้ใช้ด้วยแผงโปรแกรมบันทึกในเครื่องมือสำหรับนักพัฒนาเว็บ
ใช้ WebSocket ในโปรแกรมทำงานของบริการ
คำแนะนำแบบทีละขั้นตอนเกี่ยวกับวิธีเชื่อมต่อกับ WebSocket ในส่วนขยาย Chrome ของคุณ
WebRTC: คำแนะนำในการย้ายข้อมูล getStats() เดิม
ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: พื้นที่เก็บข้อมูลในเครื่องและพื้นที่เก็บข้อมูลเซสชัน
ใช้แอปพลิเคชัน > พื้นที่เก็บข้อมูลในเครื่องและพื้นที่เก็บข้อมูลเซสชันเพื่อแก้ไขข้อบกพร่องคู่คีย์-ค่า
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 116)
เครื่องมือสำหรับนักพัฒนาเว็บได้รับการปรับปรุงหลายอย่างเพื่อช่วยให้คุณระบุและแก้ไขข้อบกพร่องเกี่ยวกับสไตล์ชีตที่หายไปได้เร็วขึ้น แผง เครือข่าย จะป้อนข้อมูลคอลัมน์ ผู้เริ่ม อย่างสม่ำเสมอด้วยลิงก์ไปยังบรรทัดที่อ้างอิงสไตล์ชีตที่โหลดไม่สำเร็จ แผง ปัญหา
มีอะไรใหม่ใน WebGPU (Chrome 115)
รองรับส่วนขยายภาษา WGSL, การสนับสนุนรุ่นทดลองสำหรับ Direct3D 11 และอีกมากมาย
- WebGpu
ใช้ตำแหน่งทางภูมิศาสตร์
วิธีใช้ตำแหน่งทางภูมิศาสตร์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา
Chrome สำหรับการทดสอบ: การดาวน์โหลดที่เชื่อถือได้สำหรับระบบอัตโนมัติของเบราว์เซอร์
Chrome สำหรับการทดสอบคือ Chrome รูปแบบใหม่ที่กำหนดเป้าหมายไปที่การทดสอบเว็บแอปและกรณีการใช้งานอัตโนมัติโดยเฉพาะ
แก้ไขข้อบกพร่อง C/C++ WebAssembly
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องใน C/C++ WebAssembly
วิธีที่ Photoshop แก้ปัญหาการทำงานกับไฟล์ที่มีขนาดใหญ่กว่าใส่ลงในหน่วยความจำได้
ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly
วิธีที่แอปแก้ไขรูปภาพเวกเตอร์ Boxy SVG ใช้ Local Font Access API เพื่อให้ผู้ใช้เลือกแบบอักษรโปรดในพื้นที่
Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ติดตั้งในเครื่องของผู้ใช้ ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้
ระบบจะนำเหตุการณ์การเปลี่ยนแปลงออกจาก Chrome
ประกาศเกี่ยวกับการเลิกใช้งานและการนำเหตุการณ์การเปลี่ยนแปลงที่วางแผนไว้ออก รวมถึงแชร์วิธีย้ายข้อมูลโค้ดก่อนการนำออกในเดือนกรกฎาคม 2024
ย้ายข้อมูลออกจาก URL ข้อมูลในองค์ประกอบ SVG
การรองรับข้อมูล: URL ในองค์ประกอบ SVG จะถูกนำออก เราขอแนะนำให้ย้ายข้อมูลด้วยวิธีอื่น
Chrome 115 เบต้า
คีย์เวิร์ดหลายคำสำหรับพร็อพเพอร์ตี้การแสดงผลของ CSS, WGSLLanguageFeatures สำหรับ WebGPU, การอัปเกรด HTTPS และอื่นๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 115)
แผง องค์ประกอบ จะมีป้าย subgrid ใหม่สำหรับ ตารางย่อย ปัจจุบันฟีเจอร์นี้อยู่ในขั้นทดลองใน Chrome Canary หากต้องการตรวจสอบและแก้ไขข้อบกพร่องของตารางกริดที่ฝังอยู่ซึ่งเป็นตารางกริดย่อย และรับค่าจำนวนและขนาดของแทร็กจากตารางกริดหลัก ให้คลิกป้าย
ประกาศเกี่ยวกับช่วงทดลองใช้ Compute Pressure ครั้งที่ 2 จากต้นทาง
ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บตรวจสอบแรงกดดันในการประมวลผลได้
เครื่องมือแก้ไขเกม Construct 3 ใช้ File System Access API เพื่อให้ผู้ใช้บันทึกเกมได้อย่างไร
File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่
Chrome ปิดการแก้ไข document.domain
หากเว็บไซต์ของคุณใช้การตั้งค่า document.domain คุณจำเป็นต้องดำเนินการ
ใหม่ใน Chrome 114
Chrome 114 กำลังเปิดตัวแล้ว Chrome 114 กำลังเปิดตัวแล้ว การรวมข้อความ: ความสมดุลเพื่อปรับปรุงเลย์เอาต์ข้อความ คุกกี้ที่มีสถานะพาร์ติชันอิสระอยู่ที่นี่แล้ว Popover API ใหม่ทำให้ป๊อปอัปง่ายขึ้นกว่าที่เคยและอีกมากมาย
ออกแบบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นด้วย Side Panel API ใหม่
ขอแนะนำ API แผงด้านข้างใหม่สำหรับส่วนขยาย Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: Workspace
ใช้ Workspace เพื่อบันทึกการเปลี่ยนแปลงที่ทำในเครื่องมือสำหรับนักพัฒนาเว็บไปยังไฟล์ต้นทางในเครื่อง
สร้างเส้นโค้งภาพเคลื่อนไหวที่ซับซ้อนใน CSS ด้วยฟังก์ชันการค่อยๆ เปลี่ยน linear()
ขอแนะนำ linear() ซึ่งเป็นฟังก์ชันการค่อยๆ เปลี่ยนใน CSS ที่แทรกสลับเป็นเส้นตรงระหว่างจุดของจุดต่างๆ เพื่อสร้างเอฟเฟกต์การตีกลับและสปริงขึ้นใหม่
วิธีที่ LEGO® Education ใช้เว็บบลูทูธและ Web Serial API
LEGO Education ใช้พลังของเว็บเพื่อทำให้การเชื่อมต่อโมเดล LEGO กับคอมพิวเตอร์เป็นเรื่องง่ายที่สุดเท่าที่จะเป็นไปได้
วิธีที่เครื่องมือแก้ไขโมเดล 3 มิติ Blockbench ใช้ EyeDropper API เพื่อให้ผู้ใช้เลือกสีได้จากทุกที่
EyeDropper API มีกลไกในการสร้างเครื่องมือดูดสีที่ช่วยให้ผู้ใช้สามารถดูดสีจากหน้าจอ รวมถึงจากนอกหน้าต่างเบราว์เซอร์ ดูวิธีที่เครื่องมือแก้ไขโมเดล 3 มิติ Blockbench ใช้ API นี้ในโค้ดเบส (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Blockbench
วิธีที่แอปแก้ไขรูปภาพ Photopea ใช้ File Handling API เพื่อให้ผู้ใช้เปิดไฟล์จากเครื่องมือสำรวจไฟล์ของตนเองได้
File Handling API ช่วยให้เว็บแอปพลิเคชันลงทะเบียนตัวเองเป็นตัวแฮนเดิลไฟล์สำหรับรูปแบบไฟล์ที่แอปพลิเคชันรองรับได้ ดูวิธีที่แอปพลิเคชันแก้ไขรูปภาพ Photopea ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Photopea
ช่วงทดลองใช้จากต้นทางที่เก็บข้อมูลของพื้นที่เก็บข้อมูลพร้อมให้บริการ
มาตรฐานพื้นที่เก็บข้อมูลจะกำหนด API สำหรับพื้นที่เก็บข้อมูลถาวรและค่าประมาณโควต้า รวมถึงสถาปัตยกรรมพื้นที่เก็บข้อมูลของแพลตฟอร์ม เรากำลังทำการทดลองกับ API เพื่อให้คาดการณ์ได้ง่ายกว่าเดิมในการออกจากพื้นที่เก็บข้อมูลถาวรภายใต้แรงดันหน่วยความจำสูง ลองใช้ Storage Buckets API ในช่วงทดลองใช้จากต้นทางที่เรียกใช้จาก Chrome 115 ถึง Chrome 118
มีอะไรใหม่ใน CSS และ UI: รุ่น I/O 2023
ฟีเจอร์ CSS และ UI 20 อันดับแรกซึ่งไฮไลต์ในงาน Google I/O 2023 ที่คุณไม่ควรพลาด
การป้อนข้อความอัตโนมัติที่แชร์ใน iframe: ข้อเสนอเริ่มต้น
บางแบบฟอร์มมีช่องใน iframe ซึ่งทำให้เกิดปัญหาในการป้อนข้อความอัตโนมัติของเบราว์เซอร์ เมื่อใช้การป้อนข้อความอัตโนมัติที่แชร์ เฟรมระดับบนสุดจะกำหนดความน่าเชื่อถือของ iframe แบบข้ามต้นทางได้ เพื่อให้ผู้ใช้ได้รับประสบการณ์การป้อนข้อความอัตโนมัติที่ดียิ่งขึ้น
มีอะไรใหม่ใน Android 2023
การอัปเดตเครื่องมือที่นำเว็บมาสู่ Android การปรับปรุงความเป็นส่วนตัวและการสนับสนุนที่ดีขึ้นสำหรับหน้าจอขนาดใหญ่ใน WebView, แท็บที่กำหนดเองบางส่วนในแท็บที่กำหนดเอง, การติดตั้งที่ง่ายขึ้นและฟีเจอร์ที่ผสานรวมสำหรับ PWA, การจัดการการเรียกเก็บเงินของ Play Store สำหรับ TWA และอีกมากมาย
WebGPU: ปลดล็อกการเข้าถึง GPU สมัยใหม่ในเบราว์เซอร์
ดูวิธีที่ WebGPU ปลดล็อกความสามารถของ GPU เพื่อประสิทธิภาพแมชชีนเลิร์นนิงที่รวดเร็วขึ้นและการแสดงภาพกราฟิกที่ดียิ่งขึ้น
- WebGpu
10 อัปเดตที่ Google I/O
ดูวิธีที่เราช่วยให้นักพัฒนาแอปมอบประสบการณ์อันทรงพลังแก่ผู้ใช้ได้ง่ายขึ้นผ่านการอัปเดตที่สำคัญและการเปิดตัวใหม่ๆ ที่เราแชร์ในงาน Google I/O 2023
ค้นหาปัญหาเกี่ยวกับแบบฟอร์มโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome กำลังสร้างฟีเจอร์ใหม่เพิ่มเติมเพื่อช่วยค้นหาปัญหาเกี่ยวกับแบบฟอร์มและแก้ไขข้อบกพร่องของการป้อนข้อความอัตโนมัติ ฟีเจอร์เหล่านี้อยู่ในขั้นแรกของการออกแบบและการนำไปใช้งาน และเราจำเป็นต้องได้รับการทดสอบและความคิดเห็นจากคุณ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 114)
เครื่องมือสําหรับนักพัฒนาเว็บจะเปิดใช้ การตั้งค่า > การทดสอบ > การแก้ไขข้อบกพร่อง WebAssembly: เปิดใช้การรองรับ DWARF โดยค่าเริ่มต้น ดูข้อมูลเพิ่มเติมได้ที่ การแก้ไขข้อบกพร่อง WebAssembly ด้วยเครื่องมือสมัยใหม่
ทำให้องค์ประกอบเคลื่อนไหวขณะเลื่อนด้วยภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูวิธีการใช้ไทม์ไลน์การเลื่อนและดูไทม์ไลน์เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนในลักษณะประกาศ
เกี่ยวกับผู้ปฏิบัติงานบริการส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายคือเครื่องจัดการกิจกรรมส่วนกลางของส่วนขยาย จึงทำให้โปรแกรมทำงานเหล่านี้แตกต่างจากโปรแกรมทำงานของบริการบนเว็บ
ใหม่ใน Chrome 113
Chrome 113 กำลังเปิดตัวแล้ว WebGPU พร้อมให้บริการแล้ว ซึ่งทำให้กราฟิก 3 มิติประสิทธิภาพสูงและการประมวลผลแบบขนานข้อมูลในเว็บได้ ตอนนี้ Devtools สามารถลบล้างส่วนหัวการตอบสนองของเครือข่าย, ชุดบุคคลที่หนึ่งซึ่งเป็นส่วนหนึ่งของ Privacy Sandbox ที่อนุญาตให้องค์กรประกาศว่าเว็บไซต์ที่เกี่ยวข้องกำลังจะเริ่มเปิดตัว และอื่นๆ อีกมากมาย
เหตุการณ์ใน Service Worker
โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์ Service Worker มาตรฐานและเหตุการณ์จำนวนมากใน API ส่วนขยาย
ข้อมูลเบื้องต้นเกี่ยวกับ Service Worker ส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายจะมีการติดตั้งและอัปเดตแตกต่างจากโปรแกรมทำงานของบริการเว็บ
เบลอพื้นหลังของกล้อง
ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บควบคุมการเบลอพื้นหลังของกล้องได้
วิดีโอคอลที่มีประสิทธิภาพยิ่งขึ้นด้วยการเข้ารหัส AV1 ที่เร็วขึ้น
Chrome 113 มีการปรับปรุงโปรแกรมเปลี่ยนไฟล์ของซอฟต์แวร์ AV1 จากทีมสื่อแบบเปิดของ Chrome
วงจรชีวิตของโปรแกรมทำงานของบริการส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์และเหตุการณ์ของ Service Worker มาตรฐานในเนมสเปซของส่วนขยาย โดยจะแสดงไว้ด้วยกัน เนื่องจากมักจะมีประเภทตามหลังอีกประเภทหนึ่งในระหว่างการใช้ส่วนขยาย
มีอะไรใหม่ใน WebGPU (Chrome 113)
จัดส่ง WebGPU ใน Chrome โดยมีการผสานรวม WebCodecs ในช่วงทดลองใช้จากต้นทาง
- WebGpu
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แผนที่แหล่งที่มาในเครื่องมือสำหรับนักพัฒนาเว็บ
ใช้การแมปแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้
ทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์: ดูและโหลดการแมปแหล่งที่มาด้วยตนเอง
ใช้แผงทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์เพื่อตรวจสอบว่าการแมปแหล่งที่มาโหลดสำเร็จหรือไม่ และโหลดการแมปด้วยตนเอง
ทำงานหลายอย่างพร้อมกันด้วยแท็บที่กำหนดเองบางส่วน
ดูวิธีใช้แท็บที่กำหนดเองบางส่วนเพื่อให้ผู้ใช้โต้ตอบกับแอปขณะดูเนื้อหาเว็บ
อุ่นเครื่องและดึงข้อมูลล่วงหน้า: ใช้บริการแท็บที่กำหนดเอง
ดูวิธีใช้ประโยชน์จากบริการแท็บที่กำหนดเองเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น
การติดตั้ง UI ที่สมบูรณ์ยิ่งขึ้นพร้อมใช้งานแล้วในเดสก์ท็อป
อุปกรณ์เคลื่อนที่และ App Store ได้เปลี่ยนแปลงวิธีที่ผู้ใช้ค้นพบ ประเมิน และติดตั้งซอฟต์แวร์ ตอนนี้เว็บแอปมีแพลตฟอร์มให้นักพัฒนาซอฟต์แวร์ไฮไลต์แอปของตน ณ เวลาที่ติดตั้ง
The Chromium Chronicle #33: View AnimationBuilder
การใช้ภาพเคลื่อนไหวแบบเลเยอร์ใน View สามารถช่วยเพิ่มประสิทธิภาพและลด แต่ไม่ยาก แต่การตั้งค่าจะค่อนข้างยาก AnimationBuilder คลาสสามารถลดความซับซ้อนลงอย่างมาก และช่วยให้อ่านเลเยอร์ได้ง่ายขึ้น ภาพเคลื่อนไหว
การแก้ไขการเชื่อมต่อเลย์เอาต์ CSS และลำดับแหล่งที่มา
เราต้องการข้อเสนอแนะของคุณเกี่ยวกับวิธีแก้ปัญหาที่เสนอมาสำหรับปัญหาวิธีการจัดวางการจัดเรียงรายการในลำดับที่ตัดการเชื่อมต่อจากแหล่งที่มาของเอกสาร
วิธีที่แถบด้านข้างของเบรกพอยท์ใหม่ช่วยให้คุณแก้ไขข้อบกพร่องได้เร็วขึ้น
เพื่อช่วยให้คุณดำเนินการทั่วไปได้ง่ายขึ้น เช่น การลบหรือปิดใช้เบรกพอยท์ เราได้ออกแบบแถบด้านข้างของเบรกพอยท์ใหม่ เพื่อให้สามารถดำเนินการได้ในคลิกเดียว
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 113)
ตอนนี้คุณสามารถลบล้างส่วนหัวการตอบกลับในแผง เครือข่าย ได้แล้ว ก่อนหน้านี้คุณต้องเข้าถึงเว็บเซิร์ฟเวอร์เพื่อทดสอบส่วนหัวคำตอบ HTTP การลบล้างส่วนหัวของคำตอบช่วยให้คุณสร้างต้นแบบการแก้ไขสำหรับส่วนหัวต่างๆ ได้ในเครื่อง
Chrome จะจัดส่ง WebGPU
ทีม Chrome จะจัดส่ง WebGPU มาเพื่อช่วยให้กราฟิก 3 มิติประสิทธิภาพสูง และการประมวลผลข้อมูลคู่ขนานบนเว็บ
- WebGpu
เผยแพร่ Chrome ได้เร็วขึ้น
ตั้งแต่ Chrome 114 เป็นต้นไป จะลดเวลาระหว่าง Branch ระหว่างการเปิดตัวกับรุ่นเสถียร
ใหม่ใน Chrome 112
Chrome 112 กำลังเปิดตัวแล้ว ตอนนี้ CSS รองรับกฎการซ้อนกันแล้ว อัลกอริทึมสำหรับการตั้งโฟกัสเริ่มต้นให้กับองค์ประกอบกล่องโต้ตอบได้รับการอัปเดตแล้ว จากนี้ไป ตัวแฮนเดิลการดึงข้อมูลที่ไม่มีการดำเนินการใน Service Worker จะถูกข้ามไปเพื่อให้การไปยังส่วนต่างๆ เร็วขึ้น และอีกมากมาย
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แผนที่แหล่งที่มาคืออะไร
ดูว่าการแมปแหล่งที่มาช่วยแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้ได้อย่างไร
ส่วนขยายการแมปแหล่งที่มา ignoreList
ปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องใน Chrome DevTools ด้วยส่วนขยายการแมปแหล่งที่มา ignoreList
จาก Web SQL ไปยัง SQLite Wasm: คำแนะนำในการย้ายข้อมูลฐานข้อมูล
SQLite Wasm ได้รับการสนับสนุนจากระบบไฟล์ส่วนตัวต้นทาง จึงเข้ามาแทนที่เทคโนโลยีฐานข้อมูล Web SQL ที่เลิกใช้งานได้อย่างหลากหลาย บทความนี้เป็นคำแนะนำในการย้ายข้อมูลจาก Web SQL ไปยัง SQLite Wasm โพสต์ การเลิกใช้งานและการนำ Web SQL ออก
การเป็นพาร์ทเนอร์กับ Fastly - การส่งต่อ HTTP ที่ชัดเจนสำหรับเซิร์ฟเวอร์ k-anonymity ของ FLEDGE
เรากําลังปรับปรุงมาตรการความเป็นส่วนตัวของ Chrome โดยการร่วมมือกับ Fastly เพื่อนำเซิร์ฟเวอร์ k-anonymity ไปใช้กับ FLEDGE เมื่อมีการส่งต่อข้อมูลผ่านการส่งต่อ OHTTP ในการใช้งานนี้ เซิร์ฟเวอร์ของ Google จะไม่ได้รับที่อยู่ IP ของผู้ใช้ปลายทาง เซิร์ฟเวอร์ k-anonymity เป็นขั้นตอนที่เพิ่มขึ้นเพื่อการนำ FLEDGE มาใช้อย่างเต็มรูปแบบ
การปรับปรุงความเป็นส่วนตัวของผู้ใช้โดยกําหนดให้เลือกส่งส่วนหัว X-Requested-With จาก WebView
เราต้องการปกป้องความเป็นส่วนตัวของผู้ใช้โดยจำกัดเมื่อมีการส่งส่วนหัว X-Requested-With
ย้ายข้อมูลไปยัง Service Worker
Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร
การเปลี่ยนมุมมอง SPA ลงจอดใน Chrome 111
View Transition API ช่วยให้สามารถเปลี่ยนหน้าเว็บภายในแอปแบบหน้าเดียว และรวมแอปที่มีหลายหน้าในเวลาต่อมาได้
แทนที่ Listener การบล็อกคำขอเว็บ
ส่วนที่สองจากสามส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
อัปเดตไฟล์ Manifest
ไฟล์ Manifest.json กำหนดให้ไฟล์ Manifest V3 มีรูปแบบที่แตกต่างจากไฟล์ Manifest V2 เล็กน้อย
รายการตรวจสอบการย้ายข้อมูลไฟล์ Manifest V3
ข้อมูลอ้างอิงด่วนสำหรับการอัปเกรดส่วนขยายจากไฟล์ Manifest V2 เป็นไฟล์ Manifest V3
อัปเดตรหัส
ส่วนแรกจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ได้เป็นส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 112)
โปรแกรมบันทึก รองรับตัวเลือกการเล่นซ้ำที่กำหนดเองซึ่งคุณสามารถฝังลงในเครื่องมือสำหรับนักพัฒนาเว็บด้วยส่วนขยาย ลองใช้ ส่วนขยายตัวอย่าง เลือกตัวเลือกการเล่นซ้ำที่กำหนดเองใหม่เพื่อเปิด UI การเล่นซ้ำที่กำหนดเอง หากต้องการปรับแต่ง โปรแกรมบันทึก
การฝัง CSS
ฟีเจอร์หนึ่งของ CSS Preprocessor ที่เราโปรดปรานได้รวมอยู่ในภาษาแล้ว ซึ่งก็คือการซ้อนกฎสไตล์
เพิ่มความปลอดภัยให้กับส่วนขยาย
ส่วนสุดท้ายจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
ใหม่ใน Chrome 111
Chrome 111 กำลังเปิดตัวแล้ว สร้างการเปลี่ยนภาพอย่างราบรื่นในแอปแบบหน้าเดียวด้วย View Transitions API และยกระดับสีสันไปอีกขั้นด้วยการรองรับสี CSS ระดับ 4 ดูเครื่องมือใหม่ๆ ในแผงรูปแบบที่จะช่วยให้คุณได้รับประโยชน์สูงสุดจากฟังก์ชันสีใหม่ และอื่นๆ อีกมากมาย
บ้านหลังใหม่สำหรับโชว์เคส Project Fugu API
การแสดงตัวอย่าง Project Fugu API คือคอลเล็กชันแอปที่ใช้ API ของ Project Fugu โปรเจ็กต์ความสามารถข้ามบริษัท (ชื่อรหัส Project Fugu ) ที่ Google มีวัตถุประสงค์เพื่อให้เว็บแอปทําสิ่งต่างๆ ได้เช่นเดียวกับแอปเฉพาะแพลตฟอร์ม นอกจาก Google แล้ว
ความเป็นส่วนตัวชนะใจ ผู้ใช้แชร์หน้าจอได้อย่างชาญฉลาดมากขึ้น
ทฤษฎีการกระตุ้นเตือนทำให้ผู้ใช้หยุดยิงตัวเองระหว่างการประชุมผ่านวิดีโอ
ยึดองค์ประกอบไว้ด้วยกันด้วยการจัดตําแหน่งจุดยึด CSS
API ใหม่กำลังจะเปิดตัวในแพลตฟอร์มเว็บเพื่อช่วยคุณจัดวางองค์ประกอบในลักษณะที่ปรับเปลี่ยนได้โดยไม่ต้องใช้เทคนิคใดๆ
การทำงานร่วมกับอุตสาหกรรมเพื่อพัฒนา CHIPS
สำรวจความท้าทาย 2 ประการที่ทีม Chrome พบเจอในการนำ CHIPS ไปใช้ และดูว่าความคิดเห็นของชุมชนมีบทบาทสำคัญอย่างไรในการพัฒนาการออกแบบข้อเสนอ
การปรับปรุงมาตรฐานพฤติกรรมในการพูดคุยเรื่องมาตรฐาน
วิธีที่ทีม Chrome มีเป้าหมายเพื่อส่งเสริมการสนทนาอย่างมืออาชีพ มีความเคารพ และไม่แบ่งแยก
เครื่องมือสำหรับเฟรมเวิร์กสำหรับแบบอักษรสำรอง
ดูว่า Next.js, Nuxt.js และไลบรารีอื่นๆ ช่วยสร้าง CSS แบบอักษรสำรองโดยไม่ใช้ CLS ได้อย่างไร
เริ่มต้นใช้งานการค้นหาสไตล์
การค้นหารูปแบบช่วยให้นักพัฒนาซอฟต์แวร์ค้นหาค่ารูปแบบขององค์ประกอบระดับบนสุดโดยใช้กฎ @container ใน Chrome 111 การค้นหารูปแบบสำหรับคุณสมบัติที่กำหนดเองของ CSS จะมีความเสถียร เรียนรู้วิธีเริ่มต้นใช้งาน
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ดูปัญหาเกี่ยวกับ CSS
ใช้สไตล์และแผงที่คำนวณเพื่อค้นหาปัญหา CSS โดยใช้เครื่องมือสำหรับนักพัฒนาเว็บ
รับความช่วยเหลือเกี่ยวกับส่วนขยาย Chrome
วิธีรับความช่วยเหลือเกี่ยวกับคําถามที่ไม่ได้กล่าวถึงในเอกสารประกอบ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 111)
การแก้ไขข้อบกพร่องของสี HD, UX เบรกพอยท์ที่ปรับปรุงแล้ว และอื่นๆ
แบบอักษรสำรองที่ปรับปรุงใหม่
การลบล้างเมตริก "ขนาด-ที่ปรับ" และแบบอักษรใหม่นี้ช่วยให้นักพัฒนาซอฟต์แวร์สร้างแบบอักษรสำรองที่ตรงกับแบบอักษรบนเว็บได้อย่างมาก ซึ่งจะช่วยลดการเปลี่ยนเลย์เอาต์
Chrome Flag คืออะไร
เปิดใช้เครื่องมือแก้ไขข้อบกพร่องเพิ่มเติมหรือลองใช้ฟีเจอร์ใหม่หรือฟีเจอร์ทดลองใน Chrome
กำลังพูดคุยกับ Stadia Controller ด้วย WebHID
Stadia Controller ที่แฟลชจะทํางานเหมือนเกมแพดมาตรฐาน ซึ่งหมายความว่าปุ่มบางปุ่มจะเข้าถึงไม่ได้โดยใช้ Gamepad API เมื่อใช้ WebHID คุณจะเข้าถึงปุ่มที่หายไปได้ เมื่อ Stadia ปิดตัวลง หลายคนกลัวว่าตัวควบคุมจะกลายเป็นฮาร์ดแวร์ไร้ประโยชน์ที่กองขยะ
วิธีใช้ CrUX History API
ดูข้อมูลเกี่ยวกับ CrUX History API และวิธีใช้งานเพื่อติดตามแนวโน้มประสบการณ์ของผู้ใช้
ใหม่ใน Chrome 110
Chrome 110 กำลังเปิดตัวแล้ว เพิ่มรูปแบบที่กำหนดเองลงในองค์ประกอบการแสดงภาพซ้อนภาพด้วยคลาสเทียม :picture-in-picture pseudo-class ใหม่ ตั้งค่าลักษณะการเปิดใช้เว็บแอปด้วย launch_handler ใช้แอตทริบิวต์ที่ไม่มีข้อมูลรับรองใน iframe เพื่อฝังเนื้อหาของบุคคลที่สามที่ไม่ได้ตั้งค่านโยบายเครื่องมือฝังแบบข้ามต้นทาง และอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 110)
ล้างแผงประสิทธิภาพเมื่อโหลดซ้ำ ดูและไฮไลต์โค้ดในโปรแกรมอัดเสียง และอื่นๆ
ข้อกำหนดใหม่สำหรับ Web Share API ใน iframe ของบุคคลที่สาม
ตอนนี้คุณต้องอนุญาตการเรียกใช้ Web Share API ใน iframe ของบุคคลที่สามอย่างชัดเจนเพื่อปรับปรุงความเป็นส่วนตัวและความปลอดภัย บทความนี้กล่าวถึงการเปลี่ยนแปลงที่อาจทำให้เกิดข้อขัดข้องใน Web Share API การเปลี่ยนแปลงนี้มีผลใน Firefox แล้ว และจะมีผลใน
The Chromium Chronicle #32: ระวังช่องว่างแพตช์
ดูวิธีที่นักพัฒนาซอฟต์แวร์ Chromium ลดโอกาสของการแสวงหาประโยชน์ n วัน
ทดสอบการสิ้นสุดการทำงานของ Service Worker ด้วย Puppeteer
คำแนะนำที่อธิบายวิธีทดสอบการสิ้นสุดการทำงานของ Service Worker โดยใช้ Puppeteer
ข้อมูลอัปเดตเกี่ยวกับการเข้าถึงเครือข่ายส่วนตัว: ประกาศการขยายระยะเวลาทดลองใช้การเลิกใช้งาน
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยในฐานะส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว ช่วงทดลองใช้การเลิกใช้งานจะพร้อมให้ใช้งานจนถึงวันที่ Chrome 113
พบกับพื้นที่สี CSS ใหม่
CSS Color 4 นำเครื่องมือสีขอบเขตกว้างและความสามารถต่างๆ มาสู่เว็บ ซึ่งประกอบด้วยสีที่มากขึ้น ฟังก์ชันการกำหนดเอง และการไล่ระดับสีที่ดีกว่าเดิม
อนาคตของการแสดงภาพซ้อนภาพ
ข่าวเกี่ยวกับช่วงทดลองใช้จากต้นทางจาก Chrome ที่เปิดใช้เนื้อหา HTML ที่กำหนดเองในหน้าต่างที่เปิดตลอดเวลา
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง PWA
แก้ไขข้อบกพร่องของ Progressive Web App ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
Service Worker ที่มีอายุการใช้งานนานขึ้น
ขณะนี้โปรแกรมทำงานของบริการส่วนขยายสามารถคงอยู่ได้ ตราบใดที่พวกเขาได้รับเหตุการณ์ วิธีนี้จะเพิ่มความน่าเชื่อถือของผู้ปฏิบัติงานบริการส่วนขยาย แต่ก็ยังมีข้อเสียที่คุณควรหลีกเลี่ยง
หน้าออฟไลน์พื้นฐานสำหรับเว็บแอปใน Chrome Android
ตั้งแต่ Chrome 109 เป็นต้นไป เบราว์เซอร์จะสร้างหน้าเริ่มต้นโดยอัตโนมัติเพื่อระบุว่าแอปออฟไลน์อยู่เมื่อเว็บแอปที่ติดตั้งไว้ใน Android ไม่มีประสบการณ์การใช้งานออฟไลน์ของตัวเอง
Scrollend เหตุการณ์ JavaScript ใหม่
ลบฟังก์ชันการหมดเวลาและสลัดข้อบกพร่อง นี่คือเหตุการณ์ที่คุณต้องการจริงๆ: Scrollend
ควบคุมขีดจำกัดสูงสุดด้วยตัวอักษรเริ่มต้นของ CSS
บอกลา "ลาก่อน" พบกับวิธีแก้ปัญหาที่น่าสนใจเพื่อจัดรูปแบบหมวกกันน็อคของคุณ!
การค้นพบเว็บที่รองรับการใช้งาน
เบราว์เซอร์ของคุณรองรับความสามารถขั้นสูงของเว็บใดบ้าง และเว็บแอปใดบ้างที่ใช้ประโยชน์จากความสามารถเหล่านี้ หากต้องการตอบคําถามเหล่านี้ ให้ไปที่เว็บไซต์ทดสอบเบราว์เซอร์และส่วนขยายเบราว์เซอร์ Project Fugu เป็นโครงการร่วมระหว่างบริษัทต่างๆ
ตรวจสอบว่ากู้คืนหน้าจาก Back-Forward Cache ได้
วิธีใช้ Lighthouse เพื่อทดสอบว่ากู้คืนหน้าจาก Back-Forward Cache ได้ไหม
Chrome 110 เบต้า
ตัวอักษรแรกของ CSS, ตัวแฮนเดิลการเปิดตัวเว็บแอป, การรองรับ iframe แบบข้ามต้นทางสำหรับ FedCM API และอีกมากมาย
ข้อมูลรับรอง Iframe: ฝัง iframe ในสภาพแวดล้อม COEP ได้อย่างง่ายดาย
มีการใช้งาน Iframe credentialless ใน Chrome 110 ข้อมูลนี้ช่วยให้นักพัฒนาซอฟต์แวร์โหลดเอกสารใน iframe ของบุคคลที่สามได้โดยใช้บริบทใหม่และชั่วคราว และในทางกลับกัน วิดีโอเหล่านั้นจะไม่อยู่ภายใต้กฎการฝัง COEP อีกต่อไป ตอนนี้นักพัฒนาซอฟต์แวร์ที่ใช้ COEP สามารถฝัง iframe ของบุคคลที่สามที่ไม่ได้ใช้ COEP ได้แล้ว
ตอนนี้แอตทริบิวต์วันหมดอายุของคุกกี้และ Max-Age มีขีดจำกัดสูงสุดแล้ว
นับจาก Chrome รุ่น M104 (สิงหาคม 2022) คุกกี้จะกำหนดวันที่หมดอายุนานกว่า 400 วันไม่ได้อีกต่อไป
เปลี่ยนอุปกรณ์เอาต์พุตปลายทางใน Web Audio
ดูวิธีเปลี่ยนปลายทางเอาต์พุตเสียงใน Web Audio แบบเป็นโปรแกรม
SQLite Wasm ในเบราว์เซอร์ที่สนับสนุนโดยระบบไฟล์ส่วนตัวต้นทาง
ใช้ SQLite เพื่อจัดการพื้นที่เก็บข้อมูลทั้งหมดที่ต้องการได้อย่างมีประสิทธิภาพบนเว็บ SQLite เป็นระบบการจัดการฐานข้อมูลเชิงสัมพันธ์แบบฝังที่ได้รับความนิยม โอเพนซอร์ส และน้ำหนักเบา
ใหม่ใน Chrome 109
Chrome 109 กำลังเปิดตัวแล้ว Origin Private File System API พร้อมให้ใช้งานสำหรับ Android แล้ว โดยมีชุดพร็อพเพอร์ตี้ใหม่ใน CSS ที่คุณเพิ่มสัญลักษณ์ทางคณิตศาสตร์ใน HTML ได้อย่างง่ายดายด้วยการรองรับ MathML Core และอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 109)
คัดลอกขั้นตอนเป็นสคริปต์ในโปรแกรมอัดเสียง ชื่อฟังก์ชันจริงในการบันทึกประสิทธิภาพ และอื่นๆ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง API ของ Project Fugu
ใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของ Project Fugu API
เจาะลึก RenderingNG: การกระจายตัวของบล็อก LayoutNG
บล็อกการแยกส่วนใน LayoutNG เสร็จสมบูรณ์แล้ว ดูวิธีการทำงานและความสำคัญของฟีเจอร์นี้ได้ในบทความนี้
การเปลี่ยนแปลงกำหนดการเผยแพร่จาก Chrome 110
สำหรับ Chrome 110 เป็นต้นไป เวอร์ชันเสถียรระยะแรกจะเปิดตัวให้กับผู้ใช้กลุ่มเล็กๆ เท่านั้น
เวอร์ชันการเผยแพร่ของ Chrome คืออะไร
ดูวิธีที่ Chrome ใช้เวอร์ชันการเผยแพร่ Canary, เวอร์ชันที่กำลังพัฒนา, เบต้า และเสถียรเพื่อทดสอบฟีเจอร์ใหม่ และเปิดตัวการอัปเดต
ช่วยเลือกไวยากรณ์สำหรับการซ้อนกันของ CSS
คณะทำงานของ CSS ยังคงหารือกันต่อไปถึงวิธีที่ดีที่สุดในขั้นตอนการกำหนดการซ้อนพื้นที่ใน CSS หากคุณเป็นผู้เขียน CSS เราต้องการความช่วยเหลือจากคุณ
Chrome Dev Insider: ปีที่ผ่านมา
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
การอัปเดตนโยบายของ Chrome เว็บสโตร์
Chrome กําลังอัปเดตนโยบายโปรแกรมสําหรับนักพัฒนาแอปของ Chrome เว็บสโตร์เพื่อระบุผู้ใช้หลักที่คอยให้คำแนะนำอย่างชัดเจน ให้บริบทเพิ่มเติมเกี่ยวกับการบังคับใช้ และทำให้นโยบายเข้าใจได้ง่ายขึ้น
เพิ่มความเกี่ยวข้องของโฆษณาให้สูงสุด
เอกสารประกอบใหม่สำหรับ Privacy Sandbox เกี่ยวกับความเกี่ยวข้องของโฆษณาที่ไม่ใช้คุกกี้ของบุคคลที่สาม
สิ่งที่นักพัฒนาซอฟต์แวร์จำเป็นต้องทราบเกี่ยวกับโหมดหน่วยความจำและโหมดประหยัดพลังงานของ Chrome
เรียนรู้วิธีตรวจสอบว่าหน้าเว็บของคุณจัดการกับโหมดหน่วยความจำและโหมดประหยัดพลังงานใหม่ของ Chrome ได้อย่างสง่างาม
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: โหมดอุปกรณ์
จำลองอุปกรณ์โมบูลด้วยโหมดอุปกรณ์ในเครื่องมือสำหรับนักพัฒนาเว็บ
การยืนยันการชำระเงินที่ปลอดภัยใน Chrome Android
การยืนยันการชำระเงินที่ปลอดภัยจะนำการยืนยันการชำระเงินที่ปลอดภัยในรูปแบบฟิชชิงมาใช้ด้วยพาสคีย์ที่จะส่งไปยังเว็บได้ ฟีเจอร์นี้จะพร้อมใช้งานใน Chrome สำหรับ Android ตั้งแต่ Chrome 109 เป็นต้นไป
Chrome 109 เบต้า
MathML, การโฟกัสตามเงื่อนไขสำหรับ getDisplayMedia(), Origin Private File System ใน Android และอื่นๆ
ส่วนขยายของ Chrome: การขยาย API เพื่อรองรับการนำทางแบบทันที
Extensions API ได้รับการอัปเดตเพื่อรองรับ Back-Forward Cache และการโหลดการนำทางล่วงหน้า
การลงชื่อเข้าใช้แบบไม่ต้องใช้รหัสผ่านในแบบฟอร์มที่มีการป้อนข้อความอัตโนมัติด้วยพาสคีย์ WebAuthn
UI แบบมีเงื่อนไขของ WebAuthn ใช้ประโยชน์จากฟังก์ชันการป้อนแบบฟอร์มอัตโนมัติของเบราว์เซอร์ เพื่อให้ผู้ใช้ลงชื่อเข้าใช้ด้วยพาสคีย์ได้อย่างราบรื่นในขั้นตอนการใช้รหัสผ่านแบบเดิม
ใหม่ใน Chrome 108
Chrome 108 กำลังเปิดตัวแล้ว มี API นานาชาติใหม่เพื่อให้คุณควบคุมการจัดรูปแบบตัวเลขได้มากขึ้น Pop Up API ใหม่นี้มีช่วงทดลองใช้จากต้นทาง ซึ่งจะช่วยให้แสดงเนื้อหาที่สำคัญแก่ผู้ใช้ได้อย่างง่ายดาย โดยมีการปรับปรุง CSS หลายประการ และยังมีอื่นๆ อีกมากมาย
แชร์หน้าจอได้ดียิ่งขึ้นด้วยโฟกัสแบบมีเงื่อนไข
โฟกัสแท็บหรือหน้าต่างแบบมีเงื่อนไขเมื่อแชร์หน้าจอบนเว็บ
การปรับปรุงการแชร์หน้าจอใน Chrome 109
รายละเอียดของการปรับปรุงการแชร์หน้าจอ 2 รายการสำหรับเว็บ ได้แก่ กลไกในการควบคุมโฟกัสแท็บเมื่อแชร์หน้าจอ และกลไกในการควบคุมการเล่นเสียงในเครื่อง
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ระบุการปรับปรุง CSS
ใช้แผงภาพรวม CSS เพื่อระบุการปรับปรุง CSS ที่เป็นไปได้
ค้นหา CSS ที่ไม่ถูกต้อง ลบล้าง ไม่ได้ใช้งาน และ CSS อื่นๆ
สำรวจปัญหาเกี่ยวกับคุณสมบัติ CSS อย่างรวดเร็ว
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การนำทางสำหรับเครื่องมือสำหรับนักพัฒนาเว็บที่รวดเร็วขึ้น
ดูวิธีเพิ่มความรวดเร็วให้กับเวิร์กโฟลว์ด้วยการไปยังส่วนต่างๆ ของ DevTools ที่เร็วขึ้นโดยใช้ทางลัดและการตั้งค่า
การสร้างพื้นที่เก็บข้อมูลไม่เท่ากัน: การเปิดตัวที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ที่เก็บข้อมูล Storage คือ API สำหรับการคาดการณ์การออกจากพื้นที่เก็บข้อมูลถาวรภายใต้แรงดันหน่วยความจำที่มากเกินไป
การอัปเดตนโยบายของ Chrome เว็บสโตร์
Chrome กําลังอัปเดตนโยบายโปรแกรมสําหรับนักพัฒนาแอปของ Chrome เว็บสโตร์เพื่อระบุผู้ใช้หลักที่คอยให้คำแนะนำอย่างชัดเจน ให้บริบทเพิ่มเติมเกี่ยวกับการบังคับใช้ และทำให้นโยบายเข้าใจได้ง่ายขึ้น
Chrome 108 เบต้า
หน่วยวิวพอร์ต CSS ใหม่, API การจัดการข้อมูลเข้าสู่ระบบแบบรวมศูนย์, แบบอักษร COLRv1 ที่ปรับเปลี่ยนได้ และอื่นๆ
เตรียมพร้อมสำหรับการเปลี่ยนแปลงลักษณะการทำงานของการปรับขนาดวิวพอร์ตที่กำลังจะเกิดขึ้นใน Chrome ใน Android
การเปลี่ยนแปลงที่จะเกิดขึ้นกับลักษณะการปรับขนาดวิวพอร์ตใน Chrome 108, เหตุใด Chrome จึงทำการเปลี่ยนแปลงนี้ และสิ่งที่ต้องเตรียมรับมือ
การอัปเดตลักษณะการทํางานของเหตุการณ์ CanMakePayment ของ Payment Handler API
เหตุการณ์ Service Worker "canmakepayment" ใน Payment Handler API ทำให้ผู้ขายทราบว่าผู้ใช้มีบัตรอยู่ในแอปการชำระเงินที่ติดตั้งไว้หรือไม่ Chrome จะนำพร็อพเพอร์ตี้ที่แนบไปกับเหตุการณ์ออก
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 108)
คำแนะนำสำหรับคุณสมบัติ CSS ที่ไม่ได้ใช้งาน, XPath ใหม่และตัวเลือกข้อความในโปรแกรมอัดเสียง และอื่นๆ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีต่างๆ ในการเปิดเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบวิธีต่างๆ ในการเปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 107
Chrome 107 กำลังเปิดตัวแล้ว มีพร็อพเพอร์ตี้ใหม่ใน API จับภาพหน้าจอที่ปรับปรุงประสบการณ์การแชร์หน้าจอ ตอนนี้คุณสามารถระบุได้อย่างแม่นยำว่าทรัพยากรในหน้าเว็บบล็อกการแสดงผลอยู่หรือไม่ มีวิธีใหม่ในการส่งข้อมูลไปยังเซิร์ฟเวอร์แบ็กเอนด์ด้วย PendingBeacon API แบบประกาศในช่วงทดลองใช้จากต้นทาง และยังมีอื่นๆ อีกมากมาย
การเปลี่ยนแปลงที่ส่งผลกับส่วนอื่นในระบบ: วิธีการซิงค์สำหรับ AccessHandles
เรากำลังทำให้เมธอดของอินเทอร์เฟซ FileSystemSyncAccessHandle เป็นแบบซิงโครนัสเพื่อให้ทำงานกับ AccessHandles ในบริบทต่างๆ ได้ง่ายขึ้น เช่น Emscripten
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาและแก้ไขข้อความคอนทราสต์ต่ำ
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อความคอนทราสต์ต่ำ
โทเค็นความน่าเชื่อถือเปลี่ยนชื่อโทเค็นสถานะส่วนตัวแล้ว
Trust Token API จะเปลี่ยนชื่อเป็น Private State Token API เพื่ออธิบายถึงประโยชน์ของความเป็นส่วนตัวและยูทิลิตีให้ดียิ่งขึ้น
ปรับแต่งและทำให้กระบวนการทำงานของผู้ใช้เป็นแบบอัตโนมัตินอกเหนือจากโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีปรับแต่งและทำให้โฟลว์ผู้ใช้ทำงานโดยอัตโนมัตินอกเหนือจากโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Advanced Web Apps Fund - อัปเดต ต.ค. 2022
ด้วยกองทุน Advanced Web Apps Fund เราได้สนับสนุนโครงการ 11 โครงการโดยแจกจ่ายเงินกว่า 1 แสนดอลลาร์สหรัฐผ่าน Open Collective เพื่อตระหนักถึงความสำคัญของงานและการช่วยให้ผู้คนใช้เวลาในโครงการเหล่านี้มากขึ้น
ภายใน Polyfill การค้นหาคอนเทนเนอร์
ดูวิธีที่ Polyfill การค้นหาคอนเทนเนอร์รองรับการค้นหาคอนเทนเนอร์ในเบราว์เซอร์รุ่นเก่าๆ
วิธีใหม่ในการเริ่มต้นเส้นทางการพัฒนาส่วนขยาย Chrome
วิธีที่ดีกว่าในการเริ่มต้นเส้นทางการเรียนรู้ของนักพัฒนาซอฟต์แวร์ Chrome
การเปลี่ยนแปลงที่มีต่อองค์ประกอบที่ถูกแทนที่ใน CSS
คำเตือนขั้นสูงเกี่ยวกับการเปลี่ยนแปลงลักษณะการทำงานของ CSS ที่อาจทําให้เกิดส่วนเกินที่ไม่พึงประสงค์
Chrome Dev Insider: การเพิ่มประสิทธิภาพด้วยระบบนิเวศของเฟรมเวิร์ก
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
Project Fugu "เสร็จสิ้น"หรือไม่
บทความนี้มุ่งเน้นไปที่เป้าหมายที่ทีม Project Fugu เปลี่ยนไปจากการนำความสามารถใหม่ๆ มาใช้ในการปรับแต่งและปรับปรุงความสามารถที่มีอยู่
Chrome 107 เบต้า
ส่วนที่เพิ่มเข้ามาใน API การจับภาพหน้าจอ การประมาณค่าคุณสมบัติเทมเพลตตารางกริดของ CSS และอื่นๆ
Payment Handler API จำเป็นต้องใช้ CSP connect-src
ผู้ใช้ Payment Handler API จะต้องเพิ่มปลายทางการชำระเงินลงในคำสั่ง "connect-src" หากคุณใช้ CSP
การควบคุมการแชร์หน้าจอที่รักษาความเป็นส่วนตัว
นำทางผู้ใช้ไม่ให้แชร์มากเกินไปด้วยการควบคุมการแชร์หน้าจอที่รักษาความเป็นส่วนตัวบนเว็บ
หลีกเลี่ยงการแชร์หน้าจอมากเกินไปเมื่อแชร์หน้าจอ
ตอนนี้แพลตฟอร์มเว็บมาพร้อมการควบคุมเพิ่มเติมสำหรับการแชร์หน้าจอที่รักษาความเป็นส่วนตัว
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แก้ไข แก้ไขข้อบกพร่อง และส่งออกบันทึกโฟลว์ของผู้ใช้
ใช้แผงโปรแกรมอัดเสียงและส่วนขยายเพื่อแก้ไข แก้ไขข้อบกพร่อง และส่งออกการบันทึกโฟลว์ของผู้ใช้
รายละเอียดเพิ่มเติมเกี่ยวกับการเปลี่ยนไปใช้ไฟล์ Manifest V3
รายละเอียดใหม่เกี่ยวกับแผนที่จะย้ายส่วนขยายไปยังไฟล์ Manifest V3
ใหม่ใน Chrome 106
Chrome 106 กำลังเปิดตัวแล้ว มี API นานาชาติใหม่เพื่อให้คุณควบคุมการจัดรูปแบบตัวเลขได้มากขึ้น Pop Up API ใหม่นี้มีช่วงทดลองใช้จากต้นทาง ซึ่งจะช่วยให้แสดงเนื้อหาที่สำคัญแก่ผู้ใช้ได้อย่างง่ายดาย โดยมีการปรับปรุง CSS หลายประการ และยังมีอื่นๆ อีกมากมาย
วิธีที่ Chrome เตรียมการอัปเดตให้กับผู้ใช้หลายพันล้านคน
"การสนทนากับผู้จัดการโปรแกรมด้านเทคนิคในทีมการเผยแพร่ Chrome เพื่อศึกษาว่าที่พวกเขาจะช่วยให้แน่ใจว่าแต่ละรุ่นเป็นไปอย่างราบรื่นได้อย่างไร"
ปัญหาที่ทราบเมื่อย้ายข้อมูลไปยังไฟล์ Manifest V3
เมื่อเร็วๆ นี้ เราได้ประกาศการเปลี่ยนแปลงลำดับเวลาการเลิกใช้งานไฟล์ Manifest V2 และถึงแม้ว่าเราจะยึดมั่นอย่างหนักแน่นกับไฟล์ Manifest V3 แต่เราทราบดีว่ายังมีงานที่ต้องทำมากกว่านี้
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 107)
ปรับแต่งแป้นพิมพ์ลัด ไฮไลต์ตัวเลือก C/C+ ในเครื่องมือตรวจสอบหน่วยความจำ และอื่นๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 106)
การสนับสนุนที่ดีขึ้นสำหรับการแก้ไขข้อบกพร่องของเว็บสมัยใหม่ รายละเอียดการกำหนดเวลา LCP ในข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ และอื่นๆ
การค้นหาคอนเทนเนอร์เริ่มเข้าสู่เบราว์เซอร์ที่เสถียรในขณะที่ Polyfill ได้รับการอัปเดตครั้งใหญ่
"การค้นหาคอนเทนเนอร์ช่วยให้คอมโพเนนต์เป็นเจ้าของข้อมูลสไตล์ที่ปรับเปลี่ยนตามอุปกรณ์โดยอิงตามพื้นที่ที่องค์ประกอบพอดี ฟีเจอร์นี้กำลังเริ่มเปิดตัวในเบราว์เซอร์รุ่นใหม่และมีการอัปเดตครั้งใหญ่สำหรับการรองรับ Polyfill"
ป๊อปอัป: ส่วนขยายเหล่านี้กลับมาได้รับความนิยมอีกครั้ง
รูปแบบที่เป็นปัญหาช่วยให้ทำได้ง่ายขึ้นด้วย API ในตัวใหม่ที่มาพร้อมกับแพลตฟอร์ม
การขยายเครื่องมือตรวจสอบหน่วยความจำสำหรับการแก้ไขข้อบกพร่อง C/C++
ดูว่าเราได้ปรับปรุงการแก้ไขข้อบกพร่อง C/C++ แอป WebAssembly ด้วยตัวตรวจสอบหน่วยความจำอย่างไร
การทดลองใช้ iframe จากต้นทางที่ไม่ระบุตัวตน: ฝัง iframe ในสภาพแวดล้อม COEP ได้อย่างง่ายดาย
ตอนนี้นักพัฒนาซอฟต์แวร์ที่ใช้ COEP สามารถฝัง iframe ของบุคคลที่สามที่ไม่ได้ใช้ COEP ได้แล้ว การทดลองใช้ iframe จากต้นทางที่ไม่ระบุตัวตนพร้อมใช้งานสำหรับการทดสอบใน Chrome ตั้งแต่เวอร์ชัน 106 ถึง 108
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบและแก้ไขข้อบกพร่อง Flexbox ของ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
การเลิกใช้งานและการนำออกใน Chrome 106
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 106 เพื่อช่วยคุณวางแผน
การแก้ไขข้อบกพร่องเว็บสมัยใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ลองดูการเปลี่ยนแปลงล่าสุดบางส่วนใน Chrome DevTools ซึ่งปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องและการทำโปรไฟล์เมื่อทำงานกับ Bundler เฟรมเวิร์ก และโค้ดของบุคคลที่สาม
การเลิกใช้และการนำ Web SQL ออก
Web SQL ได้รับการเสนอเป็นครั้งแรกในเดือนเมษายน 2009 และเลิกใช้ในเดือนพฤศจิกายน 2010 เรานำแอปดังกล่าวออกจาก Chrome ตามขั้นตอน ตอนแรกในบริบทที่ไม่ปลอดภัย แล้วย้ายไปอย่างสมบูรณ์ใน Chrome 119
กรณีศึกษา: การแก้ไขข้อบกพร่องของ Angular ที่ดียิ่งขึ้นด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
การใช้ Angular เป็นการทดสอบนำร่องทำให้ทีม Chrome DevTools และทีม Angular ทำงานร่วมกันเพื่อมอบประสบการณ์การแก้ไขข้อบกพร่องที่ดียิ่งขึ้น กรอบการทำงานอื่นๆ อาจมีการเปลี่ยนแปลงในลักษณะเดียวกัน
ใหม่ใน Chrome 105
Chrome 105 กำลังเปิดตัวแล้ว คำค้นหาในคอนเทนเนอร์และ :has() เป็นการจับคู่ที่ตรงกันในสวรรค์ที่ปรับเปลี่ยนตามอุปกรณ์ Sanitizer API ใหม่มอบตัวประมวลผลที่มีประสิทธิภาพสำหรับสตริงที่กำหนดเองเพื่อช่วยลดช่องโหว่ในการเขียนสคริปต์ข้ามเว็บไซต์ เรากำลังดำเนินการอีกขั้นเพื่อเลิกใช้งาน WebSQL และยังมีอื่นๆ อีกมากมาย
การบีบอัดและการยกเลิกการบีบอัดในเบราว์เซอร์ด้วย Compression Streams API
เขียนเว็บแอปขนาดเล็กที่ไม่จําเป็นต้องส่งไลบรารีการบีบอัดหรือการขยายการบีบอัดด้วยตนเอง Compression Streams API ใช้สำหรับบีบอัดและขยายสตรีมข้อมูลโดยใช้รูปแบบ gzip หรือ deflate (หรือ deflate-raw) เมื่อใช้การบีบอัดในตัว แอปพลิเคชัน JavaScript
การเพิ่มประสิทธิภาพรูปภาพด้วยคำสั่ง Angular Image Directive
ขอแนะนำคำสั่ง Angular Image (NgOptimizeImage) ใหม่ซึ่งนำเทคนิคการเพิ่มประสิทธิภาพในตัวมาใช้กับรูปภาพในแอป Angular
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีเร่งเวิร์กโฟลว์ให้เร็วขึ้นด้วยทางลัดของคอนโซล
ใช้ทางลัดที่ได้รับจาก Console Utilities API เพื่ออ้างถึงองค์ประกอบล่าสุด ออบเจ็กต์การค้นหา ตรวจสอบเหตุการณ์และการเรียกใช้ฟังก์ชัน และอื่นๆ ได้อย่างรวดเร็ว
พบกับชั้นบนสุด: โซลูชันสําหรับ z-index:10000
คอมโพเนนต์ในตัวและ API ใหม่ๆ ที่จะพร้อมใช้งานในแพลตฟอร์ม อะไรคือเลเยอร์ระดับบนสุด"ที่ช่วยให้เราใช้งานได้
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบตารางกริดใน CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนเลย์เอาต์ตารางกริดของ CSS
เบราว์เซอร์สามารถเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามได้หรือไม่
ขับเคลื่อนการเปลี่ยนแปลงเพื่อเพิ่มการโหลดทรัพยากรของบุคคลที่สามบนเว็บให้ดียิ่งขึ้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 105)
รองรับการเล่นซ้ำทีละขั้นตอนและวางเมาส์เหนือเหตุการณ์ในโปรแกรมอัดเสียง, LCP ในแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ และอื่นๆ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบและแก้ไขภาพเคลื่อนไหว CSS
ใช้แท็บภาพเคลื่อนไหวเพื่อตรวจสอบและแก้ไขภาพเคลื่อนไหว CSS, การเปลี่ยน และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 105
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 105 เพื่อช่วยคุณวางแผน
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์ด้วยแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพแบบใหม่
@container และ :has(): มี API ใหม่ที่ปรับเปลี่ยนตามอุปกรณ์ 2 รายการให้ใช้งานใน Chromium 105
"การค้นหาคอนเทนเนอร์และ :has() เป็นการจับคู่ที่ตรงกันในสวรรค์ที่ตอบสนองตามอุปกรณ์ โชคดีที่ทั้งสองฟีเจอร์เชื่อมโยงกันใน Chromium 105 นี่เป็นรุ่นใหญ่มากพร้อมด้วยฟีเจอร์ 2 ฟีเจอร์ที่เป็นที่ต้องการอย่างมากสำหรับอินเทอร์เฟซที่ปรับเปลี่ยนตามอุปกรณ์"
การเปลี่ยนแปลงของ NavigationEvent ใน Chrome 105
Navigation API มีเมธอดใหม่ 2 แบบใน ExploreEvent: intercept() จะมาแทนที่เพียงพอTITLE Session() และ Scroll() จะเข้ามาแทนที่returnScroll()
ใหม่ใน Chrome 104
Chrome 104 กำลังเปิดตัวแล้ว การจับภาพพื้นที่จะระบุพื้นที่ครอบตัดเมื่อใช้ getDisplayMedia() เพื่อจับภาพแท็บปัจจุบัน เขียนไวยากรณ์คิวรี่สื่อได้โดยใช้โอเปอเรเตอร์เปรียบเทียบทางคณิตศาสตร์ การเปลี่ยนองค์ประกอบที่แชร์จะเริ่มช่วงทดลองใช้จากต้นทาง และยังมีอื่นๆ อีกมากมาย
รูปแบบที่กำหนดเองของเว็บสำหรับ Async Clipboard API
รูปแบบที่กำหนดเองของเว็บช่วยให้เว็บไซต์อ่านและเขียนเพย์โหลดที่ไม่ผ่านการตรวจสอบแบบกำหนดเองได้โดยใช้แอปพลิเคชันรูปแบบมาตรฐานที่เลือกใช้เพื่อรองรับเพย์โหลดดังกล่าว
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีบันทึกข้อความในคอนโซล
ใช้คอนโซลเพื่อบันทึกตัวแปร ออบเจ็กต์ และข้อความ กรองและจัดกลุ่มข้อความ และอื่นๆ
การปรับปรุง Analytics ในหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
Google กำลังเปิดตัวประสบการณ์การวิเคราะห์สินค้าที่ปรับปรุงใหม่สำหรับหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ แดชบอร์ดใหม่เข้าใจง่ายขึ้นและรวมข้อมูลที่มีประโยชน์มากที่สุดไว้หน้าสุด
ช่วยเลือกไวยากรณ์สำหรับการซ้อน CSS
ไวยากรณ์ที่แข่งขันอยู่ 2 รูปแบบ ต้องการความช่วยเหลือจากคุณในการพิจารณาว่าควรให้ความสำคัญกับข้อกำหนดใด
การรองรับเลเยอร์ระดับบนสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สำรวจเลเยอร์ระดับบนสุดและดูวิธีที่ Chrome DevTools ปรับใช้การสนับสนุน
ข้อมูลอัปเดตเกี่ยวกับการให้เงินสนับสนุนของแฟนๆ ใน Web Framework ประจำปี 2022
เรากำลังแชร์ข้อมูลอัปเดตเกี่ยวกับผู้รับเงินทุนสนับสนุนเว็บเฟรมเวิร์กของ Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีจำลองฟีเจอร์สื่อที่ต้องการของผู้ใช้ CSS ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ใช้แท็บการแสดงผลเพื่อจำลองค่ากำหนดของผู้ใช้ และทดสอบลักษณะการทำงานแบบปรับเปลี่ยนโดยผู้ใช้ของเว็บไซต์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 104)
เริ่มเฟรมใหม่ระหว่างการแก้ไขข้อบกพร่อง ตัวเลือกการเล่นซ้ำช้าในแผงโปรแกรมอัดเสียง และอื่นๆ
Chrome Dev Insider: รุ่น CSS และ UI
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
Signed Exchange เปิดตัวสำหรับเว็บไซต์บนเดสก์ท็อป
ประกาศเกี่ยวกับการรองรับเบราว์เซอร์ Chromium บนเดสก์ท็อปของ Signed Exchange รวมถึงการเปิดตัวฟีเจอร์ใหม่ๆ ด้วย
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบการค้นหาคอนเทนเนอร์ CSS
ตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS
การเลิกใช้งานและการนำออกใน Chrome 104
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 104 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 103
Chrome 103 กำลังเปิดตัวแล้ว มีรหัสสถานะ HTTP ใหม่ที่ช่วยให้เบราว์เซอร์ตัดสินใจว่าจะโหลดเนื้อหาใดล่วงหน้าก่อนที่หน้าเว็บจะเริ่มทำงาน Local Font Access API ช่วยให้เว็บแอปพลิเคชันมีความสามารถในการแจกแจงและใช้แบบอักษรที่ติดตั้งอยู่ในคอมพิวเตอร์ของผู้ใช้ มีวิธีง่ายๆ ในการใช้ระยะหมดเวลากับ API แบบไม่พร้อมกัน และยังมีอื่นๆ อีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 103)
บันทึกเหตุการณ์การดับเบิลคลิกและคลิกขวา รวมถึงตัวเลือกใหม่สำหรับวัดความไหลลื่นของผู้ใช้ใน Lighthouse และอื่นๆ
ข้อมูลอ้างอิงของฟีเจอร์การช่วยเหลือพิเศษ
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์การช่วยเหลือพิเศษในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 102
Chrome 102 กำลังเปิดตัวแล้ว PWA ที่ติดตั้งจะลงทะเบียนเป็นตัวแฮนเดิลไฟล์ได้ ซึ่งทำให้ผู้ใช้เปิดไฟล์จากดิสก์โดยตรงได้อย่างง่ายดาย แอตทริบิวต์เฉื่อยช่วยให้คุณทำเครื่องหมายส่วนต่างๆ ของ DOM ว่าเฉื่อยได้ Navigation API ช่วยให้แอปแบบหน้าเดียวจัดการการนำทางและอัปเดต URL ได้ง่ายขึ้น ยังมีอีกมากมาย
เราสร้างข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพได้อย่างไรและเพราะเหตุใด
เราสร้างแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพขึ้นมาได้อย่างไรและเพราะเหตุใด
คู่มือการย้ายข้อมูล WebAssembly
เนื่องด้วยแรงขับเคลื่อนของการรองรับ WebAssembly ในเบราว์เซอร์ต่างๆ เราจึงวางแผนที่จะมุ่งเน้นไปที่โค้ดเนทีฟสำหรับ WebAssembly ในอนาคต และวางแผนที่จะยกเลิกการรองรับ PNaCl ในไตรมาสที่ 4 ของปี 2019 (ยกเว้นแอป Chrome) เราเชื่อว่าระบบนิเวศที่มีชีวิตชีวาของ
การยืนยันการชำระเงินที่ปลอดภัย
ภาพรวมระดับสูงของมาตรฐานเว็บที่เสนอเพื่อการตรวจสอบสิทธิ์ที่ปลอดภัยกับผู้ให้บริการชำระเงิน
ลงทะเบียนการยืนยันการชำระเงินที่ปลอดภัย
ใช้โปรโตคอลและขั้นตอนการลงทะเบียนสำหรับ SPC เพื่อให้ลูกค้าตรวจสอบสิทธิ์กับผู้ออกบัตรหรือธนาคารจากผู้ขายโดยตรงได้อย่างเข้มงวด
ตรวจสอบสิทธิ์ด้วยการยืนยันการชำระเงินที่ปลอดภัย
ใช้โปรโตคอลการตรวจสอบสิทธิ์สำหรับ SPC เพื่อตรวจสอบธุรกรรมของลูกค้า
การเลิกใช้งานและการนำออกใน Chrome 103
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 103 เพื่อช่วยคุณวางแผน
การรองรับเครื่องมือ การโต้ตอบกับ Next Paint (INP)
รองรับการโต้ตอบกับ Next Paint ในเครื่องมือเพิ่มประสิทธิภาพของ Chrome
แอปพลิเคชันหลายหน้าที่เร็วยิ่งขึ้นด้วยสตรีม
เรียนรู้วิธีที่คุณสามารถใช้สตรีมกล่องงานเพื่อสร้างแอปพลิเคชันหลายหน้าที่ใช้มาร์กอัปบางส่วนจากแคชของโปรแกรมทำงานของบริการและเนื้อหาบางส่วนจากเครือข่ายเพื่อสร้างประสบการณ์ที่รวดเร็วซึ่งแสดงผลได้แทบจะในทันที
ดึงพร็อกซีส่วนตัวล่วงหน้าใน Chrome สำหรับผู้ดูแลเครือข่าย
ภาพรวมของวิธีกรองเนื้อหาในการนำทางที่ดึงข้อมูลล่วงหน้า
ดึงพร็อกซีส่วนตัวล่วงหน้าใน Chrome
เพิ่มความเร็ว Largest Contentful Paint (LCP) ด้วยการดึงข้อมูลล่วงหน้าข้ามเว็บไซต์
แก้ไขข้อบกพร่อง WebAssembly ได้เร็วขึ้น
วิธีที่เราทำให้การแก้ไขข้อบกพร่อง WebAssembly เร็วขึ้นสำหรับแอปพลิเคชันขนาดใหญ่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 102)
แผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพใหม่ แป้นพิมพ์ลัดในการจำลองธีมสว่าง/ธีมมืด และอื่นๆ
แชร์แท็บได้ดีขึ้นด้วยแคปเจอร์แฮนเดิล
ตอนนี้แพลตฟอร์มเว็บจะมาพร้อมกับ Capture Handle ซึ่งเป็นกลไกที่ทำให้เว็บแอปที่ใช้จับภาพสามารถระบุเว็บแอปที่จับภาพได้อย่างมั่นใจตามหลักสรีรศาสตร์และมั่นใจได้ หากเว็บแอปดังกล่าวเลือกใช้
กองทุน Advanced Web Apps
เปิดตัว Advanced Web Apps Fund ที่สนับสนุนผู้สร้างเว็บที่มีประสิทธิภาพมากขึ้น
ใหม่ใน Chrome 101
Chrome 101 กำลังเปิดตัวพร้อมวิธีการใหม่ในการระบุสีด้วยสัญลักษณ์ HWB และการลำดับความสำคัญในการดึงข้อมูลซึ่งเป็นวิธีบ่งชี้ว่าเบราว์เซอร์มีลำดับที่เหมาะสมในการดาวน์โหลดทรัพยากรหรือไม่ ยังมีอีกมากมาย
การทําให้เนื้อหาที่ยุบเข้าถึงได้ด้วย hide=until-found
วิธีที่ค่าแอตทริบิวต์ใหม่นี้ช่วยให้มั่นใจได้ว่าเนื้อหาภายในส่วนแอคคอร์เดียนจะค้นหาและลิงก์ไปยังเนื้อหาได้
การเพิ่มประสิทธิภาพ LCP โดยใช้ Signed Exchange
Signed Exchange เป็นวิธีการที่นักพัฒนาเว็บช่วยปรับปรุงความเร็วในการโหลดหน้าเว็บได้อย่างมากที่มาจาก URL ที่มา SXG เช่น Google Search ขั้นตอนเหล่านี้สามารถให้ประโยชน์ได้ง่ายๆ เพียงเปิดใช้โดยช่องทำเครื่องหมาย แต่คุณทำตามขั้นตอนเพิ่มเติมเพื่อให้ได้รับประโยชน์สูงสุด
ควบคุมฟีเจอร์ของเบราว์เซอร์ด้วยนโยบายสิทธิ์
จัดการวิธีที่หน้าเว็บและ iframe ของบุคคลที่สามที่ฝังไว้เข้าถึงฟีเจอร์ของเบราว์เซอร์
เจาะลึกการแสดงภาพNG: BlinkNG
ข้อมูล BlinkNG และโครงการย่อยต่างๆ ที่แก้ไขปัญหาที่มีอยู่อย่างยาวนานในองค์กรและโครงสร้างของโค้ด Blink
ขอแนะนำ Chrome Dev Insider
ซีรีส์ใหม่จากทีมแพลตฟอร์มเว็บของ Chrome ที่เราพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
ค้นพบปัญหาเกี่ยวกับประสิทธิภาพการแสดงผล
เฉพาะจุด การทาสีใหม่ การเปลี่ยนเลย์เอาต์ เลเยอร์และชิ้นส่วนปัญหา การเลื่อน ดูสถิติการแสดงผลและ Core Web Vitals
ฝังเนื้อหาในเว็บไซต์ของคุณได้อย่างปลอดภัย
เรียนรู้เกี่ยวกับองค์ประกอบ HTML หลายรายการที่ใช้ในการฝังเนื้อหา และวิธีเพิ่มประสิทธิภาพด้านความปลอดภัย
จำลองฟีเจอร์สื่อ CSS
จำลองรูปแบบสีที่ชอบ ประเภทสื่อ สีแบบบังคับ ความเปรียบต่างที่แนะนำให้ใช้ การเคลื่อนไหวที่เล็กลง โทนสีที่ต้องการ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 101)
นำเข้าและส่งออกโฟลว์ผู้ใช้เป็น JSON, รองรับสี hwb(), ดูเลเยอร์การเรียงซ้อนในแผงรูปแบบ และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 102
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 102 เพื่อช่วยคุณวางแผน
การเลิกใช้งานและการนำออกใน Chrome 101
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 101 เพื่อช่วยคุณวางแผน
ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ: รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์ด้วยแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
ร่วมฉลอง Chrome 100 กับ #100CoolWebMoments
เรากำลังฉลองการเปิดตัว Chrome เวอร์ชัน 100 ด้วยการทิ้งช่วงความทรงจำ
ใหม่ใน Chrome 100
Chrome 100 กำลังเปิดตัวพร้อมหมายเลขเวอร์ชัน 3 หลัก เรามาย้อนความหลังกันและฉลอง #100CoolWebMoments นับตั้งแต่เปิดตัว Chrome เป็นครั้งแรก มีการเปลี่ยนแปลงที่สำคัญบางอย่างกับสตริง User Agent Multi-Screen Window Placement API ทำให้สามารถแจกแจงจอแสดงผลที่เชื่อมต่อกับเครื่องของผู้ใช้และวางหน้าต่างไว้บนหน้าจอที่ต้องการ ยังมีอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 100)
ดูและแก้ไข @support ที่กฎ เปลี่ยนชื่อและปรับแต่งตัวเลือกของการบันทึก และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 100
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 100 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 99
Chrome 99 กำลังเปิดตัวแล้ว เลเยอร์การเรียงซ้อน CSS ช่วยให้คุณควบคุม CSS ได้มากขึ้นและช่วยป้องกันความขัดแย้งของสไตล์ เมธอด showChooseer() ให้คุณแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับองค์ประกอบอินพุตต่างๆ แบบเป็นโปรแกรม เช่น วันที่ สี และรายการข้อมูล Chrome และ Firefox เวอร์ชัน 100 จะมีให้เร็วๆ นี้ ยังมีอีกมากมาย
การเพิ่มประสิทธิภาพการโหลดสคริปต์ของบุคคลที่สามใน Next.js
บทความนี้จะพูดถึงคอมโพเนนต์ของสคริปต์ Next.js และสาธิตวิธีใช้คอมโพเนนต์สคริปต์ของบุคคลที่สามในลำดับที่ดีขึ้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 99)
การควบคุมคำขอ WebSocket, แผง Reporting API ใหม่, การจัดรูปแบบคอนโซล และอื่นๆ
ตรวจสอบและแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
การเลิกใช้งานและการนำออกใน Chrome 99
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 99 เพื่อช่วยคุณวางแผน
การใช้ปลั๊กอิน
แม้ว่า Workbox จะมียูทิลิตีที่พร้อมใช้งานมากมาย แต่อาจมีบางครั้งที่คุณต้องการขยายเวลาให้ตรงตามความต้องการของแอปพลิเคชัน และนี่คือที่มาของสถาปัตยกรรมปลั๊กอินของ Workbox ว่ามีประโยชน์มาก
ชิปคำขอสิทธิ์
Chrome 98 เพิ่มพื้นที่เฉพาะลงในแถบตำแหน่งสำหรับสิทธิ์ โดยมีจุดประสงค์เพื่อสร้างพรอมต์น้อยลงเพื่อลดการยืนหยัดต่อการตัดสินใจ
Chromium Chronicle #28: การเริ่มต้นใช้งาน Chrome บน iOS
เรียนรู้วิธีทำงานกับโค้ดที่อยู่ในแอป iOS ของ Chrome
การเรียงซ้อนเลเยอร์จะพร้อมใช้งานในเบราว์เซอร์ของคุณ
"เลเยอร์ Cascade เป็น CSS API ใหม่ที่จะช่วยคุณจัดการลำดับความสำคัญแบบ Cascade ของโค้ด ซึ่งจะนำผู้ใช้ไปยังเบราว์เซอร์ที่ทันสมัยทั้งหมดในเร็วๆ นี้"
ใหม่ใน Chrome 98
Chrome 98 กำลังเปิดตัวแล้ว หากลงชื่อสมัครทดลองใช้ธีมมืดอัตโนมัติจากต้นทางแล้ว คุณจะมีตัวเลือกใหม่ให้เลือกไม่ใช้ในระดับองค์ประกอบทีละระดับ ขณะนี้มีการสนับสนุน COLRv1 ซึ่งเป็นวิวัฒนาการของรูปแบบตัวอักษร COLRv0 และยังมีอื่นๆ อีกมากมาย
แสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์
ตอนนี้แพลตฟอร์มเว็บมาพร้อมวิธี Canonical เพื่อแสดงเครื่องมือเลือกเบราว์เซอร์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 98)
แผนผังการช่วยเหลือพิเศษแบบเต็มหน้า การเปลี่ยนแปลงที่แม่นยำยิ่งขึ้นในแท็บการเปลี่ยนแปลง และอื่นๆ
Chrome จะปิดใช้การแก้ไข document.domain เพื่อผ่อนคลายนโยบายต้นทางเดียวกัน
หากเว็บไซต์ของคุณต้องใช้การตั้งค่า "document.domain" คุณจำเป็นต้องดำเนินการ
การเลิกใช้งานและการนำออกใน Chrome 98
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 98 เพื่อช่วยคุณวางแผน
แบบอักษรเวกเตอร์ไล่ระดับสี COLRv1 ใน Chrome 98
ใน Chrome 98 ทีม Chrome และแบบอักษรได้เพิ่มการสนับสนุนสำหรับ COLRv1 ซึ่งเป็นวิวัฒนาการของรูปแบบตัวอักษร COLRv0 ที่ตั้งใจทำให้แบบอักษรสีมีความแพร่หลายด้วยการเพิ่มการไล่ระดับสี การจัดองค์ประกอบและการผสาน รวมถึงปรับปรุงการใช้รูปร่างภายในซ้ำสำหรับไฟล์แบบอักษรที่คมชัดและกะทัดรัดซึ่งบีบอัดได้ดี
การเข้าถึงเครือข่ายส่วนตัว: แนะนำการตรวจสอบล่วงหน้า
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยในฐานะส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว อ่านต่อเพื่อดูการดำเนินการที่แนะนำ
ใหม่ใน Chrome 97
Chrome 97 กำลังเปิดตัวแล้ว มีตัวเลือกใหม่สำหรับการส่งข้อความแบบเรียลไทม์ระหว่างไคลเอ็นต์และเซิร์ฟเวอร์โดยใช้ Web Transport คุณใช้การตรวจหาฟีเจอร์เพื่อดูประเภทสคริปต์ที่เบราว์เซอร์รองรับได้ JavaScript มีประสิทธิภาพดีขึ้น และอีกมากมาย
เปิดใช้ Handler API
ตัวแฮนเดิลการเปิดตัวช่วยให้คุณควบคุมวิธีเปิดแอปของคุณได้ เช่น เลือกว่าจะใช้หน้าต่างที่มีอยู่หรือหน้าต่างใหม่ และหน้าต่างที่เลือกมีการนำทางไปยัง URL เปิดใช้งานหรือไม่
แผนผังการช่วยเหลือพิเศษเต็มรูปแบบใน Chrome DevTools
ดูแผนผังการช่วยเหลือพิเศษแบบเต็มหน้าใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ รวมถึงการออกแบบและการติดตั้งใช้งานโครงสร้างนี้
การใช้หน้าต่างกล่องงาน
บางครั้งผู้ใช้ออฟไลน์ ลองดูวิธีปรับเปลี่ยนและช่วยให้ลูกค้าทำตามคำขอต่างๆ ต่อเมื่อกลับมาออนไลน์ในที่สุด
การแสดงเสียงและวิดีโอที่แคช
การรับมือกับคำขอทรัพยากรเสียงและวิดีโอใน Service Worker นั้นเป็นเรื่องยาก ดูวิธีใช้ workbox-range-request เพื่อจัดการกับคำขอดังกล่าวในลักษณะที่คาดการณ์ได้
การบังคับใช้ระยะหมดเวลาของเครือข่าย
เรียนรู้วิธีบังคับการหมดเวลาของเครือข่ายเมื่อมีการเชื่อมต่อเครือข่ายที่ช้า และวิธีทำให้จังหวะเวลาถูกต้อง
การจัดการการตอบกลับสำรอง
บางครั้งผู้ใช้พบปัญหาเครือข่ายล้มเหลวหรือออฟไลน์ ดูวิธีปรับให้เข้ากับสถานการณ์เหล่านั้นและใส่คำตอบสำรอง
การจัดการการอัปเดตโปรแกรมทำงานของบริการแบบฉับพลัน
บางครั้งเมื่อคุณอัปเดตโปรแกรมทำงานของบริการ คุณควรแจ้งให้ผู้ใช้ทราบ คุณจะได้เรียนรู้วิธีการทำเช่นนั้นที่นี่
เข้าถึงแคชจากหน้าต่าง
การเข้าถึงอินสแตนซ์แคชไม่ได้จำกัดอยู่เพียงขอบเขต Service Worker เท่านั้น นอกจากนี้ คุณยังเข้าถึงได้จากบริบทหน้าต่าง และในบทความนี้ คุณจะได้ทราบวิธีใช้งาน
ส่งคำขอซ้ำเมื่อกลับมาออนไลน์
บางครั้งผู้ใช้ออฟไลน์ ลองดูวิธีปรับเปลี่ยนและช่วยให้ลูกค้าทำตามคำขอต่างๆ ต่อเมื่อกลับมาออนไลน์ในที่สุด
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 97)
แผงโปรแกรมอัดเสียงใหม่ รีเฟรชรายการอุปกรณ์ในโหมดอุปกรณ์ และอื่นๆ
ช่วยนักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพและติดตั้งได้
มาดูผลกระทบของฟีเจอร์ PWA ที่เพิ่มลงใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 97
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 97 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 96
Chrome 96 กำลังเปิดตัวแล้ว มีพร็อพเพอร์ตี้ใหม่ 2 รายการในไฟล์ Manifest ของเว็บแอป พร็อพเพอร์ตี้รหัสช่วยให้คุณระบุรหัสที่ไม่ซ้ำกันสำหรับ PWA และพร็อพเพอร์ตี้ protocol_handlers ให้คุณลงทะเบียน PWA เป็นตัวแฮนเดิลโปรโตคอลโดยอัตโนมัติเมื่อติดตั้ง มีช่วงทดลองใช้จากต้นทางใหม่ที่ช่วยให้คุณระบุลำดับความสำคัญในการดึงข้อมูลสำหรับการดาวน์โหลดทรัพยากรได้ ยังมีอีกมากมาย
การแก้ปัญหาและการบันทึก
ศึกษาฟีเจอร์การบันทึกของ Workbox และเครื่องมือแก้ไขข้อบกพร่องของโปรแกรมทำงานในเบราว์เซอร์
โปรแกรมทำงานของบริการและโมเดล Shell ของแอปพลิเคชัน
วิธีจับคู่โมเดล Application Shell กับ Service Worker ใน SPA
การโหลดการนำทางล่วงหน้าสำหรับ HTML ที่เน้นเครือข่ายเป็นหลัก
การโหลดการนำทางล่วงหน้าคืออะไร ทำให้การนำทางรวดเร็วขึ้นได้อย่างไร และวิธีการใช้งานใน Workbox
บันทึก เล่นซ้ำ และวัดความไหลลื่นของผู้ใช้
บันทึก เล่นซ้ำ วัดการไหลเวียนของผู้ใช้ และแก้ไขขั้นตอนด้วยแผงโปรแกรมอัดเสียง
การใช้การแก้ไขข้อบกพร่อง CSP และ Trusted Types ใน Chrome DevTools
วิธีที่เรานำนโยบายรักษาความปลอดภัยเนื้อหาและการแก้ปัญหาประเภท Trusted มาใช้ใน Chrome DevTools
บังคับใช้เวอร์ชันหลักของ Chrome เป็น 100 ในสตริง User-Agent
อีกไม่นานหมายเลขเวอร์ชันของ Chrome จะเปลี่ยนจากตัวเลข 2 หลักเป็น 3 หลัก ซึ่งอาจส่งผลต่อรหัสที่แยกวิเคราะห์สตริง User-Agent (UA) แฟล็กฟีเจอร์ที่พร้อมใช้งานตั้งแต่ Chrome 96 ถึง 99 จะช่วยให้ทดสอบล่วงหน้าได้ด้วยการบังคับให้หมายเลขเวอร์ชันหลักในสตริง UA เป็น 100
การเลือกสีของพิกเซลใดก็ได้บนหน้าจอด้วย EyeDropper API
นักพัฒนาแอปพลิเคชันเชิงสร้างสรรค์สามารถใช้ EyeDropper API เพื่อใช้เครื่องมือเลือกที่อนุญาตให้ผู้ใช้เลือกสีจากพิกเซลบนหน้าจอ รวมถึงสีที่อยู่นอกเบราว์เซอร์
การสร้างคอมโพเนนต์รูปภาพที่มีประสิทธิภาพ
รูปภาพเป็นสาเหตุที่พบบ่อยของการเกิดจุดคอขวดด้านประสิทธิภาพสำหรับเว็บแอปพลิเคชัน และเป็นส่วนที่มุ่งเน้นสำคัญในการเพิ่มประสิทธิภาพ เอกสารนี้จะอธิบายวิธีที่ทีม Aurora ที่ Google ออกแบบคอมโพเนนต์รูปภาพที่มีประสิทธิภาพใน Next.js ที่มาพร้อมกับการเพิ่มประสิทธิภาพหลายประการโดยใช้อินเทอร์เฟซที่เป็นมิตรสำหรับนักพัฒนาซอฟต์แวร์ โพสต์นี้พูดถึงวิธีออกแบบคอมโพเนนต์และบทเรียนที่เราได้เรียนรู้ไปตลอดการใช้งาน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 96)
แผงภาพรวม CSS ใหม่ จำลอง CSS ต้องการสื่อคอนทราสต์ โหมดมืดอัตโนมัติของ Chrome และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 96
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 96 เพื่อช่วยคุณวางแผน
ปรับปรุงประสบการณ์การพัฒนาโปรแกรมทำงาน
วิธีแก้ปัญหาการพัฒนาในพื้นที่ที่คุณอาจพบเมื่อใช้ Service Worker
กลยุทธ์ Service Worker ต่างๆ สำหรับสถาปัตยกรรมที่แตกต่างกัน
ข้อมูลเบื้องต้นเกี่ยวกับสถาปัตยกรรมเว็บไซต์ 2 แบบ
ความคาดหวังเกี่ยวกับการทำให้ Service Worker ใช้งานได้
การทำความเข้าใจผลกระทบที่โปรแกรมทำงานของบริการมีต่อเว็บไซต์เมื่อทำให้ใช้งานได้แล้ว
ย้ายข้อมูลไปยัง Reporting API v1
Reporting API เวอร์ชันใหม่พร้อมใช้งานแล้ว โดย API ใหม่มีขนาดเล็กลงและมีแนวโน้มที่จะได้รับการสนับสนุนในเบราว์เซอร์ต่างๆ มากขึ้น
ใหม่ใน Chrome 95
Chrome 95 เปิดตัวแล้ว การกำหนดเส้นทางจะง่ายขึ้นด้วย URLPattern ที่ฝังลงในเบราว์เซอร์ Eye Dropper API มีเครื่องมือในตัวสำหรับเลือกสี มีช่วงทดลองใช้จากต้นทางใหม่เพื่อรับสตริง UA ที่ลดลงทันที และอีกมากมาย
ตรวจสอบเว็บแอปพลิเคชันด้วย Reporting API
ใช้ Reporting API เพื่อตรวจสอบการละเมิดด้านความปลอดภัย การเรียก API ที่เลิกใช้งานแล้ว และอื่นๆ
เจาะลึกการแสดงภาพNG: LayoutNG
การเปลี่ยนแปลงสถาปัตยกรรมครั้งใหญ่ของ LayoutNG ช่วยลดและบรรเทาข้อบกพร่องและปัญหาด้านประสิทธิภาพประเภทต่างๆ ได้อย่างไร
The Chromium Chronicle #25: หมายเหตุเกี่ยวกับความปลอดภัยของเทรด
เรียนรู้ว่าเฟรมเวิร์กการวิเคราะห์แบบคงที่ของ Clang เข้ามาจัดการงานพิสูจน์ความปลอดภัยของชุดข้อความได้อย่างไร
รายงานลักษณะเฉพาะของอุปกรณ์ผู้ใช้ Chrome
นักพัฒนาซอฟต์แวร์มักสงสัยว่าตนกำลังสร้างกลุ่มเป้าหมายให้แก่กลุ่มเป้าหมายประเภทใด ลูกค้ามี RAM เท่าใด อุปกรณ์เหล่านี้ใช้ Wi-Fi ประเภทใดอยู่ รายงานใหม่จะให้คำตอบเกี่ยวกับประเทศและแพลตฟอร์มต่างๆ
การปรับปรุงนโยบายของ Chrome เว็บสโตร์สำหรับไตรมาส 3 ปี 2021
การปรับปรุงข้อกำหนดด้านความปลอดภัยและชี้แจงนโยบายเพิ่มเติมเพื่อรักษาคุณภาพของส่วนขยายให้สูงอยู่เสมอและเพื่อให้นักพัฒนาแอปได้รับประสบการณ์ที่สอดคล้องกัน
ชีวิตของ Service Worker
การทำความเข้าใจพฤติกรรมการทำงานของโปรแกรมทำงานเพื่อให้แอปพลิเคชันออฟไลน์เป็นไปได้
Workbox คืออะไร
ขอแนะนำ Workbox ซึ่งเป็นชุดโมดูลที่ลดความซับซ้อนในการกำหนดเส้นทางและการแคชโปรแกรมทำงานของบริการทั่วไป
การเปลี่ยนส่วนขยาย Chrome ไปยังไฟล์ Manifest V3
การแชร์รายละเอียดเกี่ยวกับแผนที่จะย้ายส่วนขยายไปยังไฟล์ Manifest V3
การเลิกใช้งานและการนำออกใน Chrome 95
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 95 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 94
Chrome 94 กำลังเปิดตัวแล้ว ขณะนี้พื้นที่สีเริ่มต้นสำหรับองค์ประกอบ "" ได้รับการกำหนดอย่างเป็นทางการเป็น SRGB และคุณสามารถเปลี่ยนเป็น Display P3 ได้ มีวิธีใหม่ในการเข้าถึงตัวแปลงรหัสเสียงและวิดีโอในตัว ซึ่งเป็นวิธีใหม่ที่มีความเรียบง่ายสูง ซึ่งสำคัญต่อการสตรีมเกม โปรแกรมตัดต่อวิดีโอ และอื่นๆ WebGPU เริ่มช่วงทดลองใช้จากต้นทาง ยังมีอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 95)
เครื่องมือสร้างความยาวของ CSS ใหม่ ซ่อนปัญหาในแท็บ "ปัญหา" ปรับปรุงการแสดงพร็อพเพอร์ตี้ และอื่นๆ
ปรับปรุงโครงสร้างพื้นฐาน CSS ให้ทันสมัยในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราค้นคว้าและอัปเดตโครงสร้างพื้นฐาน CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
เจาะลึก: VideoNG
ดูข้อมูลเกี่ยวกับระบบการเล่นสมัยใหม่และวิธีที่ Chromium ขับเคลื่อนเวลาในการรับชมหลายร้อยล้านชั่วโมงในแต่ละวัน
ควบคุมเต็มรูปแบบด้วย VirtualKeyboard API
จัดการด้วยตนเอง จัดการกับการบดบังเนื้อหาเมื่อแป้นพิมพ์เสมือนของอุปกรณ์ระบบสัมผัสปรากฏขึ้น
มีอะไรใหม่ใน Lighthouse 8.4
ตอนนี้ Lighthouse 8.4 ช่วยป้องกันอิมเมจ LCP ที่โหลดแบบ Lazy Loading และ FID ล้มเหลวโดยไม่มีวิวพอร์ตสำหรับอุปกรณ์เคลื่อนที่
ใหม่ใน Chrome 93
Chrome 93 กำลังเปิดตัวแล้ว ตอนนี้คุณสามารถโหลดสไตล์ชีต CSS ที่มีคำสั่งนำเข้า เช่นเดียวกับโมดูล JavaScript PWA ที่ติดตั้งสามารถลงทะเบียนเป็นเครื่องจัดการ URL ทำให้ผู้ใช้ข้ามไปยัง PWA ได้โดยตรง Multi-Screen Window Placement API มีการอัปเดตตามความคิดเห็นของคุณ และจะเริ่มช่วงทดลองใช้จากต้นทางครั้งที่ 2 เราจะลดระยะเวลาการเผยแพร่ให้สั้นลงเหลือ 4 สัปดาห์ และยังมีอื่นๆ อีกมากมาย
การเลิกใช้งานและการนำออกใน Chrome 93
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 93 เพื่อช่วยคุณวางแผน
การเลิกใช้งานและการนำออกใน Chrome 94
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 94 เพื่อช่วยคุณวางแผน
ข้อมูลอัปเดตเกี่ยวกับการเข้าถึงเครือข่ายส่วนตัว: ขอแนะนำช่วงทดลองใช้การเลิกใช้งาน
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยใน Chrome 94 ซึ่งเป็นส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว อ่านต่อเพื่อดูการดำเนินการที่แนะนำ
Chromium Chronicle #24: StrongAlias, IdType และ TokenType
บางครั้งประเภทเดียวกันอาจแสดงค่าจากโดเมนที่ใช้ร่วมกันไม่ได้ ซึ่งอาจทำให้เกิดข้อบกพร่องได้ โชคดีที่ //base ของ Chromium ทำให้การแนะนำประเภทที่ชัดเจนและโดดเด่นเป็นเรื่องง่าย
การกำหนดเส้นทางฝั่งไคลเอ็นต์แบบใหม่: Navigation API
เรียนรู้เกี่ยวกับ Navigation API ซึ่งเป็น API ใหม่ที่จะปรับปรุงฟังก์ชันให้ดีขึ้นเพื่อสร้างแอปพลิเคชันหน้าเว็บเดียว
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 94)
ใช้เครื่องมือสำหรับนักพัฒนาเว็บในภาษาที่คุณต้องการ, อุปกรณ์ Nest Hub ใหม่, ป้ายการค้นหาคอนเทนเนอร์ CSS ใหม่ และอื่นๆ
โครงสร้างข้อมูลสำคัญใน RenderingNG
ทำความเข้าใจคอมโพเนนต์ของสถาปัตยกรรม RenderingNG และวิธีที่ไปป์ไลน์การแสดงผลไหลผ่านองค์ประกอบเหล่านั้น
เครื่องมือตาราง CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราออกแบบและนำการรองรับเครื่องมือ CSS Grid ในเครื่องมือสำหรับนักพัฒนาเว็บ
เครื่องมือตาราง CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราออกแบบและนำการรองรับเครื่องมือ CSS Grid ในเครื่องมือสำหรับนักพัฒนาเว็บ
การเลิกใช้งานและการนำออกใน Chrome 92
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 92 เพื่อช่วยคุณวางแผน
แก้ปัญหาช่วงทดลองใช้จากต้นทางของ Chrome
จัดการปัญหาที่พบบ่อยเกี่ยวกับโทเค็นการทดลองใช้ในเมตาแท็ก ส่วนหัว และสคริปต์ และคุณจะยังได้ทราบเกี่ยวกับการสนับสนุนการแก้ไขข้อบกพร่องใน Chrome DevTools
นโยบายเครื่องมือฝังแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้cross_origin_embedder_policy ของ manifest.json
นโยบายเครื่องมือเปิดแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Cross_origin_opener_policy ของไฟล์ manifest.json
นโยบายเครื่องมือเปิดแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Cross_origin_opener_policy ของไฟล์ manifest.json
นโยบายเครื่องมือฝังแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้cross_origin_embedder_policy ของ manifest.json
การเลิกใช้งานและการนำออกใน Chrome 91
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 91 เพื่อช่วยคุณวางแผน
เริ่ม PWA โดยอัตโนมัติเมื่อเข้าสู่ระบบ OS
ระบบปฏิบัติการหลายระบบมีความสามารถในการเปิดแอปพลิเคชันโดยอัตโนมัติเมื่อผู้ใช้ลงชื่อเข้าสู่ระบบ ขณะนี้ความสามารถนี้พร้อมใช้งานสำหรับเว็บแอปพลิเคชันที่ติดตั้งไว้แล้ว
WebDriver BiDi - อนาคตของการทำงานอัตโนมัติแบบข้ามเบราว์เซอร์
ทำความรู้จักกับ WebDriver BiDi คืออะไรและเหตุใดจึงกลายเป็นอนาคตของการทำงานอัตโนมัติแบบหลายเบราว์เซอร์
โหลดทรัพยากรแบบข้ามต้นทางที่ไม่มีส่วนหัว CORP โดยใช้ COEP: ข้อมูลรับรอง
"นโยบายเครื่องมือฝังแบบข้ามต้นทาง: แบบไม่มีข้อมูลเข้าสู่ระบบ" จะอยู่ในช่วงทดลองใช้จากต้นทาง โดยเริ่มตั้งแต่ Chrome 93 เป็นต้นไป ค่าใหม่นี้จะช่วยให้หน้าเว็บเปิดใช้การแยกแบบข้ามต้นทางได้โดยไม่ต้องให้ทรัพยากรแบบข้ามต้นทางตอบกลับด้วยส่วนหัว "CORP: ข้ามต้นทาง" ด้วยการส่งคำขอที่ไม่มีข้อมูลเข้าสู่ระบบ
การจำกัดการแชร์โมดูล Wasm ไปยังต้นทางเดียวกัน
การแชร์โมดูล WebAssembly ระหว่างสภาพแวดล้อมเว็บไซต์เดียวกันจะจํากัดอยู่ที่ต้นทางเดียวกันเท่านั้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 93)
การค้นหาคอนเทนเนอร์ CSS ที่แก้ไขได้ การแสดงตัวอย่างกลุ่มเว็บ การจัดการสตริงที่ดีขึ้นในคอนโซล และอีกมากมาย
The Chromium Chronicle #23: รุ่นที่ยืนยันแล้วใน Chrome Infra
การใช้การตรวจสอบการบังคับใช้นโยบายสำหรับ Chrome และโครงสร้างพื้นฐานทำให้เรายืนยันได้ว่าเป็นไปตามมาตรฐานขั้นต่ำสำหรับการรักษาความปลอดภัยบางอย่าง
ยืนยันหมายเลขโทรศัพท์บนเดสก์ท็อปโดยใช้ WebOTP API
ตั้งแต่ Chrome 93 เป็นต้นไป เว็บไซต์สามารถยืนยันหมายเลขโทรศัพท์จาก Chrome บนเดสก์ท็อปได้
สถาปัตยกรรม RenderingNG
ดูข้อมูลเกี่ยวกับคอมโพเนนต์ของสถาปัตยกรรม RenderingNG และวิธีที่ไปป์ไลน์การแสดงผลไหลผ่านองค์ประกอบเหล่านั้น
URLPattern นำการกำหนดเส้นทางไปยังแพลตฟอร์มเว็บ
แนวทางในการปรับกรณีการใช้งานการจับคู่รูปแบบที่พบบ่อยให้เป็นมาตรฐาน
แนวคิดของ Android (สำหรับนักพัฒนาเว็บ)
แนวคิดของ Android ที่เกี่ยวข้องและสำคัญสำหรับนักพัฒนาเว็บที่เพิ่งเริ่มใช้ Android และ Play
ส่วนขยาย Chrome: ชี้แจงนโยบายส่วนขยายของเราเพื่อให้เว็บสโตร์มีความปลอดภัยและสอดคล้องกันยิ่งขึ้น
การปรับปรุงข้อกำหนดด้านความปลอดภัยและชี้แจงนโยบายเพิ่มเติมเพื่อรักษาคุณภาพของส่วนขยายให้สูงอยู่เสมอและเพื่อให้นักพัฒนาแอปได้รับประสบการณ์ที่สอดคล้องกัน
The Chromium Chronicle #22: เครื่องมือ Know Thy (Depot)
Depot Tools คือชุดเครื่องมือที่สร้างบน Git เพื่อลดความซับซ้อนของเวิร์กโฟลว์ของนักพัฒนาซอฟต์แวร์ที่มีส่วนร่วมในโค้ดเบสของ Chromium และโครงการที่เกี่ยวข้อง
การใส่ทรัพยากรในเฟรมเวิร์ก JavaScript
ดูข้อมูลเกี่ยวกับการเพิ่มประสิทธิภาพล่าสุดที่ใช้ในเฟรมเวิร์ก JavaScript จากความร่วมมือกับโปรเจ็กต์ Aurora
การดำเนินการของส่วนขยายในไฟล์ Manifest V3
ส่วนขยาย Chrome มี API สำหรับการดำเนินการของหน้าเว็บและเบราว์เซอร์มานานหลายปี แต่ไฟล์ Manifest V3 ได้แทนที่ทั้งคู่ด้วย Actions API ทั่วไป โพสต์นี้จะอธิบายประวัติของ API เหล่านี้และการเปลี่ยนแปลงในไฟล์ Manifest V3
RenderingNG
ในปี 2021 เราได้เสร็จสิ้นขั้นตอนส่วนใหญ่ในการออกแบบ สร้าง และจัดส่ง RenderingNG ซึ่งเป็นสถาปัตยกรรมการแสดงผลรุ่นถัดไปสำหรับ Chromium
พื้นที่เก็บข้อมูลประสิทธิภาพสูงสำหรับแอปของคุณ: Storage Foundation API
Storage Foundation API เสนอ API พื้นที่เก็บข้อมูลซึ่งคล้ายกับระบบไฟล์พื้นฐาน โดยสามารถเข้าถึงข้อมูลที่จัดเก็บไว้ได้โดยตรงผ่านบัฟเฟอร์และออฟเซ็ต
ตรวจสอบว่า CSP มีผลกับการโจมตี XSS
ดูข้อมูลเกี่ยวกับการป้องกันการโจมตี Cross-site Scripting (XSS) ด้วยนโยบายรักษาความปลอดภัยเนื้อหา (CSP) ที่เข้มงวด
TablesNG ได้แก้ไขข้อบกพร่องของ Chromium ทั้ง 72 รายการเพื่อการทำงานร่วมกันที่ดียิ่งขึ้น
-- เครื่องมือการแสดงผลใหม่สำหรับตารางช่วยให้แสดงข้อมูลแบบตารางของผู้เขียนบนเว็บได้สอดคล้องกันยิ่งขึ้น
การปฏิบัติตามกรอบการทำงาน
บทความนี้อธิบายถึงการปฏิบัติตาม ซึ่งเป็นวิธีการที่ใช้ในเฟรมเวิร์กภายใน Google และวิธีวางแผนการจัดให้เนื้อหาเป็นแบบโอเพนซอร์สไปยังระบบนิเวศของเฟรมเวิร์ก JavaScript
ขอแนะนำ Aurora
บทความนี้จะแนะนำ Aurora ซึ่งเป็นโครงการริเริ่มของ Chrome ที่จะทำงานร่วมกันอย่างใกล้ชิดกับเฟรมเวิร์กโอเพนซอร์ส
ขอแนะนำเครื่องมือตรวจสอบหน่วยความจำ
บทความนี้จะแนะนำเครื่องมือตรวจสอบหน่วยความจำที่ใช้งานใน Chrome 91 แล้ว ซึ่งช่วยให้คุณตรวจสอบ ArrayBuffer, TypedArray, DataView และ Wasm Memory ได้
ขอแนะนำ chrome.scripting
Scripting API คือไฟล์ Manifest V3 API ใหม่ซึ่งมุ่งเน้นที่การเขียนสคริปต์ มาเจาะลึกถึงแรงจูงใจของการเปลี่ยนแปลงนี้และความแตกต่างที่เกิดขึ้นกัน
ตรวจสอบเลย์เอาต์ตารางกริดใน CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนตารางกริด CSS
API ความกดดันการประมวลผล
Compute Pressure แสดงสถานะระดับสูงที่แสดงถึงแรงกดดันของระบบ โซลูชันวิดีโอของ Google จะช่วยให้การใช้งานนี้ใช้เมตริกฮาร์ดแวร์พื้นฐานที่เหมาะสมได้ เพื่อให้มั่นใจว่าผู้ใช้จะได้ใช้ประโยชน์จากพลังการประมวลผลที่มี ตราบใดที่ไม่มีความเครียดที่จัดการไม่ได้
PWA เป็นตัวแฮนเดิล URL
หลังจากลงทะเบียน PWA เป็นเครื่องจัดการ URL แล้ว เมื่อผู้ใช้คลิกไฮเปอร์ลิงก์ที่ตรงกับรูปแบบ URL ที่ลงทะเบียนแล้ว PWA ที่ลงทะเบียนจะเปิดขึ้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 92)
ตัวแก้ไขตารางกริด CSS, การรองรับการประกาศค่าคงที่ในคอนโซล, เครื่องมือดูลำดับแหล่งที่มา และอื่นๆ
The Chromium Chronicle #21: การทำงานอัตโนมัติของ UI จากต้นทางถึงปลายทางใน ChromeOS
Tast คือไลบรารี UI ใหม่ที่สร้างขึ้นโดยใช้โครงสร้าง Chrome a11y (การช่วยเหลือพิเศษ) เพื่อควบคุม UI ของ ChromeOS ไลบรารีช่วยให้นักพัฒนาซอฟต์แวร์สร้างการทดสอบแบบต้นทางถึงปลายทางกับแพลตฟอร์ม UI ที่มองเห็นได้ได้ง่ายๆ
ใหม่ใน Chrome 91
Chrome 91 กำลังเปิดตัว เว็บแอปที่โต้ตอบกับไฟล์สามารถแนะนำชื่อไฟล์และไดเรกทอรีเมื่อใช้ File System Access API คุณยังสามารถอ่านไฟล์จากคลิปบอร์ดได้อีกด้วย หากเว็บไซต์ของคุณมีโดเมนมากกว่า 1 โดเมน และโดเมนเหล่านั้นใช้แบ็กเอนด์การจัดการบัญชีเดียวกัน คุณสามารถบอก Chrome ว่าเหมือนกันได้ เพื่อให้เครื่องมือจัดการรหัสผ่านแนะนำข้อมูลเข้าสู่ระบบที่ถูกต้องได้ นอกจากนี้ วิดีโอทั้งหมดจาก I/O ก็พร้อมให้รับชมแล้ว รวมถึงอีกมากมาย
เลือกวิธีที่ลิงก์ในขอบเขตเปิด PWA ด้วยการจับภาพลิงก์ประกาศ
การบันทึกลิงก์ประกาศเป็นข้อเสนอสำหรับพร็อพเพอร์ตี้ไฟล์ Manifest ของเว็บแอปชื่อ "capture_links" ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์กำหนดได้อย่างแน่ชัดว่าจะเกิดอะไรขึ้นเมื่อมีการขอให้เบราว์เซอร์ไปยัง URL ที่อยู่ภายในขอบเขตการนำทางของแอปพลิเคชัน จากบริบทที่อยู่นอกขอบเขตการนำทาง
วิธีตั้งค่าแฟล็กเบราว์เซอร์ใน Chromium
สำหรับ API ใหม่บางรายการที่เราเปิดตัวใน Chromium คุณจะต้องตั้งค่า Flag ของเบราว์เซอร์สำหรับการทดสอบ ดูวิธีดำเนินการในผลิตภัณฑ์ต่างๆ ของ Chromium เช่น Google Chrome, Microsoft Edge และอื่นๆ
กิจกรรมบนเว็บที่เชื่อถือได้ซึ่งออฟไลน์เป็นอันดับหนึ่ง
วิธีแสดงหน้าจอออฟไลน์สำรองในกรณีที่ผู้ใช้เปิดแอปเป็นครั้งแรก จะไม่มีการเชื่อมต่อ
การลงทะเบียนตัวแฮนเดิลโปรโตคอลของ URL สําหรับ PWA
หลังจากลงทะเบียน PWA เป็นตัวแฮนเดิลโปรโตคอล เมื่อผู้ใช้คลิกไฮเปอร์ลิงก์ที่มีรูปแบบเฉพาะ เช่น mailto,bitcoin หรือ web+music จากเบราว์เซอร์หรือแอปเฉพาะแพลตฟอร์ม PWA ที่ลงทะเบียนจะเปิดและรับ URL
วิธีที่เราเร่งสแต็กเทรซ Chrome DevTools ได้มากถึง 10 เท่า
วิธีที่เราเพิ่มสแต็กเทรซ Chrome DevTools ได้มากถึง 10 เท่า
สตรีมที่แทรกได้สำหรับ MediaStreamTrack
สตรีมที่แทรกได้สำหรับ MediaStreamTrack เป็นการแสดงเนื้อหาของ MediaStreamTrack ในรูปแบบสตรีมที่สามารถจัดการหรือนำไปใช้สร้างเนื้อหาใหม่ได้
The Chromium Chronicle #20: การควบคุมการทดสอบการเปรียบเทียบ
การเพิ่มการเปรียบเทียบเป็นวิธีง่ายๆ ในการป้องกันการถดถอยด้านประสิทธิภาพและช่วยปรับปรุงประสิทธิภาพ
ตัวแปลงไฟล์ Manifest ของส่วนขยาย
เครื่องมือโอเพนซอร์สเพื่อแปลงส่วนขยายเป็นไฟล์ Manifest V3 คุณยังคงต้องอัปเดตโค้ดใดๆ ก็ตามด้วยตนเองโดยไม่มีการเปลี่ยนแปลงที่ไม่ใช่กลไก เช่น การปรับให้เข้ากับใช้ Service Worker หรือการแทรกสคริปต์บางอย่าง
UI การติดตั้ง PWA ที่สมบูรณ์ยิ่งขึ้น
ข้อมูลเบื้องต้นเกี่ยวกับ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้น พร้อมคำแนะนำเกี่ยวกับวิธีการนำไปใช้
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 91)
ข้อมูล Web Vitals จะปรากฏขึ้น แสดงภาพการเลื่อนได้ของ CSS เครื่องมือตรวจสอบหน่วยความจำใหม่ และอีกมากมาย
การปรับตัวจับเวลาให้สอดคล้องกันด้วยข้อจำกัดการแยกแบบข้ามต้นทาง
ตั้งแต่ Chrome 91 เป็นต้นไป ระบบจะจำกัดความละเอียดของตัวจับเวลาที่อาจไม่เหมาะสมไว้ที่ 100 ไมโครวินาทีในแพลตฟอร์มต่างๆ โดยไม่มีการแยกแบบข้ามต้นทาง
แหล่งข้อมูลที่เข้าถึงได้บนเว็บสำหรับไฟล์ Manifest V3
แหล่งข้อมูลที่เข้าถึงได้บนเว็บสำหรับไฟล์ Manifest V3 อยู่ที่นี่แล้ว ตอนนี้ `manifest.json` รองรับคําจํากัดความของสิทธิ์แล้ว นักพัฒนาซอฟต์แวร์สามารถจำกัดทรัพยากรตามต้นทางของเว็บไซต์หรือรหัสส่วนขยายที่ส่งคำขอ
ใหม่ใน Chrome 90
Chrome 90 กำลังเปิดตัวแล้ว มีค่าใหม่สำหรับพร็อพเพอร์ตี้รายการเพิ่มเติมของ CSS Feature Policy API เปลี่ยนชื่อเป็น "นโยบายสิทธิ์" แล้ว และยังมีวิธีใหม่ในการติดตั้งและใช้ Shadow DOM ใน HTML โดยตรง นอกจากนี้ยังมีอีกมากมาย
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: การย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บไปยัง TypeScript
วิธีที่เราย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome จากตัวตรวจสอบประเภทคอมไพเลอร์ Closure ไปยัง TypeScript
The Chromium Chronicle #19: การพัฒนาที่รวดเร็วขึ้นด้วย CLion
CLion IDE ช่วยให้ไปยังส่วนต่างๆ ของสัญลักษณ์ ค้นหาฐานของโค้ด และอื่นๆ ได้
การเลิกใช้งานและการนำออกใน Chrome 90
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 90 เพื่อช่วยคุณวางแผน
เพิ่มความเร็วรอบการเผยแพร่ของ Google Chrome
ภายในปีนี้ เราวางแผนที่จะลดรอบการเผยแพร่และจัดส่ง Google Chrome เวอร์ชันใหม่ไปยังเวอร์ชันเสถียรทุกๆ 4 สัปดาห์ ซึ่งลดลงจากรอบ 6 สัปดาห์ปัจจุบัน
เอกสารอ้างอิงของ VersionHistory API
ข้อมูลอ้างอิงทางเทคนิคเกี่ยวกับ API บริการทางเว็บของ VersionHistory
คู่มือ VersionHistory API
คำแนะนำวิธีใช้ API บริการทางเว็บ VersionHistory เพื่อเข้าถึงข้อมูลประวัติเวอร์ชันของ Google Chrome ผ่านการเขียนโปรแกรม
ฟีเจอร์ใหม่ใน Chrome 89
Chrome 89 กำลังเปิดตัวแล้ว WebHID, WebNFC และ Web Serial ได้ผ่านช่วงทดลองใช้จากต้นทางและตอนนี้พร้อมใช้งานในเวอร์ชันเสถียรแล้ว เรากำลังปิดช่องโหว่ที่นักพัฒนาซอฟต์แวร์ 2-3 รายใช้ดำเนินการตรวจสอบความสามารถในการติดตั้งของ PWA การแชร์เว็บและเป้าหมายการแชร์เว็บพร้อมให้บริการบนเดสก์ท็อป ยังมีอีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 90)
การสนับสนุนการแก้ไขข้อบกพร่องสำหรับ CSS Flexbox, การแสดงการแจ้งเตือนประสิทธิภาพบนหน้าเว็บ, การอัปเดตแท็บปัญหา และอื่นๆ
การรองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บ
เรารองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บอย่างไร และแตกต่างจาก CSS ทั่วไปอย่างไร
การรองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บ
เรารองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บอย่างไร และแตกต่างจาก CSS ทั่วไปอย่างไร
เตรียมพร้อมสำหรับโหมดการแสดงผลของวันพรุ่งนี้
พร็อพเพอร์ตี้ display_override ช่วยให้นักพัฒนาแอปกำหนดเชนโฆษณาสำรองที่กำหนดเองซึ่งควรแสดง PWA ของตน
การอัปเดตความสามารถของภาพเคลื่อนไหวแบบเร่งฮาร์ดแวร์
Chromium กำลังอัปเดตความสามารถในการเร่งฮาร์ดแวร์สำหรับภาพเคลื่อนไหว SVG, การเปลี่ยนรูปแบบตามเปอร์เซ็นต์, เส้นทางคลิป, ภาพพื้นหลัง และอื่นๆ
The Chromium Chronicle #18: การครอบคลุมของโค้ด Chromium
การครอบคลุมของการทดสอบจะวัดจำนวนซอร์สโค้ดที่มีการเรียกใช้เมื่อชุดการทดสอบหนึ่งๆ ทำงาน
วันแม่สากลปี 2021
วันภาษาแม่สากลคือการเฉลิมฉลองประจำปีเกี่ยวกับความหลากหลายทางวัฒนธรรมที่จัดขึ้นทั่วโลกในวันที่ 21 กุมภาพันธ์ สถาบันนี้ส่งเสริมการรักษาและปกป้องภาษาที่พูดทั่วโลกและเฉลิมฉลองหลายภาษา
การปรับปรุงการตรวจหาการรองรับออฟไลน์ของ Progressive Web App
การยืนยันการรองรับการใช้งานออฟไลน์เป็นส่วนหนึ่งของเกณฑ์ความสามารถในการติดตั้งของ PWA มาตั้งแต่เริ่มต้น
การปรับปรุงเวลาเริ่มต้นของเครื่องมือสำหรับนักพัฒนาเว็บ
ลดภาระการทำงานของเครื่องมือสำหรับนักพัฒนาเว็บในการจัดส่งข้อความในส่วนหน้า
การเลิกใช้งานและการนำออกใน Chrome 89
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 89 เพื่อช่วยคุณวางแผน
Chromium Chronicle #17: มิกซ์ทดสอบเบราว์เซอร์
เมื่อเขียนการทดสอบเบราว์เซอร์ คุณมักจะต้องการดำเนินการตั้งค่าซึ่งผู้ใช้ทำด้วยตนเองได้ เพื่อช่วยคุณในเรื่องนี้Mixins คือชุดเครื่องมือสำหรับการตั้งค่าการทดสอบเบราว์เซอร์ที่ไม่สำคัญโดยสามารถนำมาใช้ซ้ำได้
รับการชำระเงินผ่านการเรียกเก็บเงินของ Google Play ด้วย Digital Goods API และ Payment Request API
รับการชำระเงินผ่านการเรียกเก็บเงินของ Google Play ใน PWA ด้วย Digital Goods API, Payment Request API และกิจกรรมบนเว็บที่เชื่อถือได้
ทำให้การเลือกทรัพยากรทำงานโดยอัตโนมัติด้วยคำแนะนำสำหรับไคลเอ็นต์
การเพิ่มประสิทธิภาพรูปภาพเป็นเรื่องยากและการทำงานอัตโนมัติคือกุญแจสู่ความสำเร็จ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 89)
แก้ไขข้อบกพร่องการสนับสนุนการละเมิดประเภท Trusted, จับภาพหน้าจอของโหนดนอกเหนือวิวพอร์ต, แท็บโทเค็นความน่าเชื่อถือใหม่สำหรับคำขอเครือข่าย และอื่นๆ
ใหม่ใน Chrome 88
Chrome 88 กำลังเปิดตัวแล้ว คุณสามารถอัปโหลดส่วนขยายโดยใช้ไฟล์ Manifest v3 ไปยัง Chrome เว็บสโตร์ได้แล้ว คุณสมบัติ CSS สัดส่วนภาพช่วยให้สามารถกำหนดสัดส่วนภาพในองค์ประกอบต่างๆ ได้อย่างง่ายดาย ตอนนี้คุณสามารถใช้ Play Billing ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้ รวมถึงฟีเจอร์อื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 88!
การอัปเดต SharedArrayBuffer ใน Android Chrome 88 และ Chrome 92 ในเดสก์ท็อป
SharedArrayBuffer จะพร้อมใช้งานใน Android Chrome 88 และจะพร้อมใช้งานสำหรับหน้าเว็บที่มีการแยกต่างหากแบบข้ามต้นทางเท่านั้น ตั้งแต่ Chrome 92 ในเดสก์ท็อปเป็นต้นไป จะพร้อมใช้งานกับหน้าที่แยกแบบข้ามต้นทางเท่านั้นด้วย คุณลงทะเบียนช่วงทดลองใช้จากต้นทางได้เพื่อรักษาลักษณะการทำงานปัจจุบันไว้จนกว่า Chrome 113 ในเดสก์ท็อป
การควบคุมตัวจับเวลา JS แบบเชนจำนวนมากเริ่มต้นใน Chrome 88
การควบคุมอย่างเข้มงวดจะมีผลเมื่อซ่อนหน้าเว็บนานกว่า 5 นาที หน้าเว็บไม่มีเสียงเป็นเวลาอย่างน้อย 30 วินาที ไม่ได้ใช้งาน WebRTC และเชนของตัวจับเวลาอยู่ที่ 5 ขึ้นไป
Chromium Chronicle #16: การอัปเดต Google Apps บนเดสก์ท็อป
เคยสงสัยไหมว่า Chrome อัปเดตตัวเองบนเดสก์ท็อปอยู่เสมอได้อย่างไร หรือมีการเผยแพร่การอัปเดตไปยัง Chromebook, Chromecast หรือ Android อย่างไร
การแก้ไขข้อบกพร่อง WebAssembly ด้วยเครื่องมือสมัยใหม่
ภาพรวมทีละขั้นตอนของประสบการณ์การแก้ไขข้อบกพร่องแบบใหม่สำหรับ WebAssembly ใน Chrome DevTools
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: ย้ายข้อมูลไปยังคอมโพเนนต์ของเว็บ
เหตุผลและวิธีย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ไปยังคอมโพเนนต์ของเว็บ
การเลิกใช้งานและการนำออกใน Chrome 88
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 88 เพื่อช่วยคุณวางแผน
ยินดีต้อนรับสู่ developer.chrome.com ใหม่
ประกาศเกี่ยวกับการปรับปรุงเว็บไซต์ และสรุปแผนการของเราสำหรับปี 2021
มีอะไรใหม่สำหรับเว็บใน Play
เรียนรู้เกี่ยวกับฟีเจอร์ใหม่สำหรับเว็บแอปพลิเคชันที่ใช้กิจกรรมในเว็บซึ่งเชื่อถือได้
ใช้ Google Play Billing
Google Play Billing มีเครื่องมือสำหรับจัดการแคตตาล็อก ราคาและการสมัครใช้บริการ รายงาน และขั้นตอนการชำระเงินที่ทำงานด้วยระบบของ Play Store
โหลดทรัพยากรของบุคคลที่สามแบบ Lazy Loading ด้วย Facade
ดูข้อมูลเกี่ยวกับโอกาสในการโหลดทรัพยากรของบุคคลที่สามแบบ Lazy Loading ด้วย Facade
The Chromium Chronicle #15: การจำกัดระดับการเข้าถึงเป้าหมาย
ใน Chromium โค้ดที่เขียนขึ้นสำหรับคอมโพเนนต์หนึ่งซึ่งจะเป็นประโยชน์ในที่อื่นๆ เป็นเรื่องปกติ แต่อาจมีข้อจำกัดซ่อนอยู่ เพื่อความปลอดภัย โปรดจำกัดการเข้าถึงฟังก์ชันการทำงานที่เป็นอันตรายจากภายนอกโดยการจำกัดระดับการเข้าถึงเป้าหมาย
ใช้ Play Billing ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้
ดูวิธีผสานรวมการเรียกเก็บเงินของ Google Play เข้ากับโปรเจ็กต์กิจกรรมบนเว็บที่เชื่อถือได้
การจำลองภาวะบกพร่องในการมองเห็นสีในเครื่องมือแสดงภาพกะพริบ
เรานำการจำลองภาวะบกพร่องในการมองเห็นสีมาใช้ในเครื่องมือสำหรับนักพัฒนาเว็บและเครื่องมือแสดงภาพกะพริบในเพราะเหตุใด
การกำหนดเวลา JS ที่ดีขึ้นด้วย isInputPending()
JavaScript API ใหม่ที่อาจช่วยคุณหลีกเลี่ยงการตัดกันระหว่างประสิทธิภาพการโหลดและการตอบสนองอินพุต
ใหม่ใน Chrome 87
Chrome 87 กำลังเปิดตัวแล้ว ขณะนี้ คุณสามารถควบคุมการแพน เอียง และซูมเว็บแคมที่รองรับกล้อง คำขอช่วง และโปรแกรมทำงานของบริการไม่จำเป็นต้องใช้การหลีกเลี่ยงปัญหามากนัก API การเข้าถึงแบบอักษรจะเริ่มการทดลองใช้จากต้นทาง และอีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 87!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 88)
เครื่องมือแสดงภาพมุมของ CSS ใหม่ จำลองประเภทรูปภาพที่ไม่รองรับและโควต้าพื้นที่เก็บข้อมูล ช่องทาง Web Vitals ใหม่ และอื่นๆ
เปิดใช้เป้าหมายการแชร์เว็บในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้
ดูวิธีเปิดใช้เป้าหมายการแชร์เว็บในโปรเจ็กต์โดยใช้กิจกรรมในเว็บที่เชื่อถือได้
Puppetaria: สคริปต์ Puppeteer ที่เน้นการเข้าถึงเป็นหลัก
Puppetaria - สคริปต์ Puppeteer ที่ให้ความสำคัญกับการช่วยเหลือพิเศษเป็นอันดับแรก อนุญาตให้ใช้ตัวแฮนเดิลการค้นหาแบบทางเลือกตามแผนผังการช่วยเหลือพิเศษแทนการพึ่งพาตัวเลือก CSS
ต้องการความคิดเห็น: CORS สำหรับเครือข่ายส่วนตัว (RFC1918)
การส่งต่ออุปกรณ์และเซิร์ฟเวอร์ในเครือข่ายภายในของลูกค้าจำนวนมากไปยังเว็บโดยไม่เจตนาทำให้อุปกรณ์เหล่านี้เสี่ยงต่อการถูกโจมตีที่เป็นอันตราย CORS-RFC1918 เป็นข้อเสนอในการบล็อกคำขอจากเครือข่ายสาธารณะโดยค่าเริ่มต้นในเบราว์เซอร์ และกำหนดให้อุปกรณ์ภายในเลือกรับคำขอดังกล่าว
The Chromium Chronicle #14: การเพิ่มการทดสอบให้กับ Waterfall
หากต้องการตรวจหาการถดถอยสำหรับฟีเจอร์ใหม่ใน Chrome เพิ่มการทดสอบลงใน Waterfall ซึ่งเป็นโครงสร้างพื้นฐานที่ต่อเนื่องและทดสอบของ Chrome!
อนุญาตให้เว็บแอปพลิเคชันที่ติดตั้งไว้เป็นตัวแฮนเดิลไฟล์
ลงทะเบียนแอปเป็นตัวแฮนเดิลไฟล์กับระบบปฏิบัติการ เมื่อเว็บแอป อ่านและเขียนไฟล์ได้ แล้ว ขั้นตอนต่อไปที่สมเหตุสมผลคืออนุญาตให้นักพัฒนาแอปประกาศเว็บแอปเหล่านี้เป็นตัวแฮนเดิลไฟล์สำหรับไฟล์ที่แอปสามารถสร้างและประมวลผลได้ File Handling API
วิธีที่เราสร้างแท็บ WebAuthn ของเครื่องมือสําหรับนักพัฒนาเว็บใน Chrome
วิธีที่เราสร้างแท็บ Chrome DevTools WebAuthn เพื่อช่วยให้นักพัฒนาซอฟต์แวร์เลียนแบบ Authenticator ปรับแต่งความสามารถ และตรวจสอบสถานะได้
การเลิกใช้งานและการนำออกใน Chrome 87
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 87 เพื่อช่วยคุณวางแผน
การประมวลผลวิดีโอด้วย WebCodecs
ทำงานร่วมกับคอมโพเนนต์ของสตรีมวิดีโอ เช่น เฟรมและวิดีโอเสียงที่เข้ารหัสแล้วเป็นกลุ่มที่ไม่ได้ผสม
เพิ่มความปลอดภัยและความเป็นส่วนตัวด้วยการแบ่งพาร์ติชันแคช
การแบ่งพาร์ติชันแคช HTTP ของ Chrome ช่วยรักษาความปลอดภัยและความเป็นส่วนตัวได้ดียิ่งขึ้น
ฟีเจอร์ใหม่ใน Chrome 86
Chrome 86 กำลังเปิดตัวแล้ว ขณะนี้ API การเข้าถึงระบบไฟล์พร้อมให้บริการในเวอร์ชันเสถียรแล้ว มีช่วงทดลองใช้จากต้นทางใหม่สําหรับ Web HID และ API ตําแหน่งหน้าต่างหลายหน้าจอ เรามีสิ่งใหม่ๆ ใน CSS และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 86 กัน!
ช่วงทดลองใช้จากต้นทางของบุคคลที่สาม
ดูวิธีที่ผู้ให้บริการเนื้อหาที่ฝังสามารถทดสอบฟีเจอร์แพลตฟอร์มเว็บใหม่หรือฟีเจอร์ทดลองในหลายๆ เว็บไซต์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 87)
เครื่องมือแก้ไขข้อบกพร่องของตารางกริด CSS ใหม่, แท็บ Web Authn, เครื่องมือที่ย้ายได้ และแผงแถบด้านข้างที่คำนวณแล้ว
วิธีที่เราสร้างแท็บปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีที่เราสร้างแท็บปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อปรับปรุงประสบการณ์ของนักพัฒนาแอปเกี่ยวกับการค้นพบปัญหาและวิธีแก้ปัญหา
เซ็นเซอร์: จำลองเซ็นเซอร์อุปกรณ์
ใช้แผงเซ็นเซอร์เพื่อลบล้างตำแหน่งทางภูมิศาสตร์ จำลองการวางแนวอุปกรณ์ บังคับสัมผัส และจำลองสถานะไม่มีการใช้งาน
การเชื่อมต่อกับอุปกรณ์ HID ที่ไม่ปกติ
WebHID API ช่วยให้เว็บไซต์เข้าถึงแป้นพิมพ์เสริมและเกมแพดที่แปลกใหม่ได้
การจัดการจอแสดงผลหลายรายการด้วย Window Management API
Window Management API ช่วยให้คุณแจกแจงจอแสดงผลที่เชื่อมต่อกับเครื่องและวางหน้าต่างไว้บนหน้าจอที่ต้องการ
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: ย้ายข้อมูลไปยังโมดูล JavaScript
วิธีที่เราย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ไปยังโมดูล JavaScript
การเลิกใช้งานและการนำออกใน Chrome 86
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 86 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 85
Chrome 85 กำลังเปิดตัวแล้ว คุณปรับปรุงประสิทธิภาพการแสดงผลได้ด้วยการแสดงเนื้อหา: อัตโนมัติ ตอนนี้คุณสามารถตั้งค่าคุณสมบัติ CSS... ใน CSS ได้แล้ว ตอนนี้คุณก็ตรวจสอบว่ามีการติดตั้งแอป Windows หรือ PWA แล้วหรือไม่โดยใช้ getInstallจัดให้Apps() API หรือไม่ ทางลัดไอคอนแอปสามารถใช้บน Windows ได้เช่นกัน (จริงๆ ในเวลานี้) มีช่วงทดลองใช้จากต้นทางสำหรับการสตรีมการอัปโหลดแบบดึงข้อมูล และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 85!
ใช้แบบอักษรขั้นสูงกับแบบอักษรในเครื่อง
Local Font Access API แจกแจงแบบอักษรในเครื่องของผู้ใช้ และให้สิทธิ์การเข้าถึงระดับต่ำไปยังตาราง TrueType/OpenType ต่างๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 86)
แผง "สื่อใหม่", จับภาพหน้าจอของโหนด, การอัปเดตแท็บปัญหา, จำลองแบบอักษรในเครื่องที่หายไป, ผู้ใช้ที่ไม่ได้ใช้งาน และข้อมูลที่ลดความต้องการ
อ่านและเขียนไปยังพอร์ตอนุกรม
Web Serial API เป็นสะพานเชื่อมเว็บกับโลกจริงโดยอนุญาตให้เว็บไซต์สื่อสารกับอุปกรณ์ซีเรียล
นโยบายผู้อ้างอิงเริ่มต้นใหม่สำหรับ Chrome - strict-origin-when-cross-origin
นโยบายผู้อ้างอิงเริ่มต้นใหม่สำหรับ Chrome - strict-origin-when-cross-origin
จับภาพคีย์ด้วย Keyboard Lock API
Keyboard Lock API ช่วยให้เว็บไซต์บันทึกแป้นที่ระบบปฏิบัติการที่เกี่ยวข้องมักสงวนไว้ โดยมีไว้สำหรับเว็บแอปพลิเคชันที่มอบประสบการณ์สมจริงแบบเต็มหน้าจอ (เช่น เกมหรือแอปการเข้าถึงจากระยะไกล)
การอ่านและเขียนไฟล์และไดเรกทอรีด้วยไลบรารี Browser-fs-access
เบราว์เซอร์สมัยใหม่ทั้งหมดสามารถอ่านไฟล์และไดเรกทอรีในเครื่องได้ อย่างไรก็ตาม สิทธิ์การเข้าถึงการเขียนที่แท้จริงซึ่งไม่ใช่แค่การดาวน์โหลดไฟล์เพียงอย่างเดียว จะจำกัดเฉพาะเบราว์เซอร์ที่ใช้ File System Access API เท่านั้น โพสต์นี้จะแนะนำไลบรารีสนับสนุนที่เรียกว่า "browser-fs-access" ซึ่งทำหน้าที่เป็นเลเยอร์ Abstraction ที่ด้านบนของ File System Access API และกลับไปใช้วิธีการเดิมในการจัดการกับไฟล์
การเลิกใช้งานและการนำออกใน Chrome 85
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 85 เพื่อช่วยคุณวางแผน
คำขอสตรีมมิงที่มี API การดึงข้อมูล
ตอนนี้ Chromium รองรับการอัปโหลดสตรีมมิงตั้งแต่เวอร์ชัน 105 แล้ว ซึ่งหมายความว่าคุณสามารถเริ่มคำขอก่อนที่จะมีเนื้อหาครอบคลุมทั้งหมด
ฮูดินี่ - ไขข้อข้องใจเกี่ยวกับ CSS
Houdini คือคอลเล็กชันของ API ที่เปิดเผยข้อมูลภายในของเครื่องมือ CSS แก่นักพัฒนาซอฟต์แวร์
ฟีเจอร์ใหม่ใน Chrome 84
Chrome 84 กำลังเปิดตัวแล้ว ผู้ใช้สามารถเริ่มงานทั่วไปภายในแอปได้ด้วยทางลัดของไอคอนแอป Web Animations API เพิ่มการรองรับฟีเจอร์จำนวนมากที่ก่อนหน้านี้ไม่รองรับ Wake Lock และ Content Indexing API พัฒนาขึ้นจากช่วงทดลองใช้จากต้นทาง มีช่วงทดลองใช้จากต้นทางใหม่สำหรับการตรวจจับเมื่อไม่มีการใช้งานและ SIMD และยังมีอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 84 กัน!
นำ JavaScript ที่ไม่ได้ใช้ออก
ดูวิธีผ่านการตรวจสอบของ Lighthouse "นำการตรวจสอบ JavaScript ที่ไม่ได้ใช้" ออก
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 85)
การแก้ไขรูปแบบสำหรับเฟรมเวิร์ก CSS-in-JS, Lighthouse 6.0, ฟีเจอร์ JavaScript ใหม่ และอื่นๆ
วิธีใช้ CrUX API
เรียนรู้วิธีใช้ API รายงาน UX ของ Chrome เพื่อรับสิทธิ์เข้าถึงข้อมูลประสบการณ์ของผู้ใช้จริงในหลายล้านเว็บไซต์แบบ RESTful
การปรับปรุงความเป็นส่วนตัวของผู้ใช้และประสบการณ์ของนักพัฒนาซอฟต์แวร์ด้วยคำแนะนำสำหรับไคลเอ็นต์ User Agent
คำแนะนำสำหรับไคลเอ็นต์ของ User Agent เป็นส่วนขยายใหม่ของ Client Hints API ซึ่งช่วยให้นักพัฒนาแอปเข้าถึงข้อมูลเกี่ยวกับเบราว์เซอร์ของผู้ใช้ในลักษณะที่รักษาความเป็นส่วนตัวและใช้งานง่าย
วิธีสร้างแดชบอร์ด CrUX ใน Looker Studio
Looker Studio คือเครื่องมือแสดงข้อมูลเป็นภาพอันทรงพลังที่ช่วยให้คุณสร้างแดชบอร์ดที่ด้านบนของแหล่งข้อมูลขนาดใหญ่ เช่น รายงาน UX ของ Chrome ได้ ในคู่มือนี้ ให้ดูวิธีสร้างหน้าแดชบอร์ด CrUX ที่กําหนดเองเพื่อติดตามประสบการณ์ของผู้ใช้จากต้นทาง
การใช้ WebTransport
WebTransport เป็น API ที่รับส่งข้อความแบบ 2 ทิศทางแบบ 2 ทิศทางแบบไคลเอ็นต์เซิร์ฟเวอร์ ดูข้อมูลเพิ่มเติมเกี่ยวกับกรณีการใช้งานและวิธีแสดงความคิดเห็นเกี่ยวกับอนาคตของการนำไปใช้งาน
การเลิกใช้งานและการนำออกใน Chrome 84
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 84 เพื่อช่วยคุณวางแผน
มีอะไรใหม่ใน Lighthouse 6.0
เมตริกใหม่ การอัปเดตคะแนนประสิทธิภาพ การตรวจสอบใหม่ และอื่นๆ วันนี้เราเปิดตัว Lighthouse 6.0 Lighthouse
ใหม่ใน Chrome 83
Chrome 83 กำลังเปิดตัวแล้ว เพิ่มการรองรับประเภทที่เชื่อถือได้ ซึ่งช่วยป้องกันช่องโหว่ของการเขียนสคริปต์ข้ามเว็บไซต์ องค์ประกอบแบบฟอร์มได้รับการปรับโฉมที่สำคัญ มีวิธีใหม่ในการตรวจหาการรั่วไหลของหน่วยความจำ และ API ระบบไฟล์ดั้งเดิมจะเริ่มช่วงทดลองใช้จากต้นทางใหม่พร้อมฟังก์ชันที่เพิ่มเข้ามา มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 83 กัน!
ตรวจหาผู้ใช้ที่ไม่ได้ใช้งานด้วย Idle Detection API
Idle Detection API จะแจ้งนักพัฒนาซอฟต์แวร์เมื่อผู้ใช้ไม่มีความเคลื่อนไหว ซึ่งหมายถึงสิ่งต่างๆ เช่น ไม่มีการโต้ตอบกับแป้นพิมพ์ เมาส์ หน้าจอ การเปิดใช้งานโปรแกรมรักษาหน้าจอ การล็อกหน้าจอ หรือการย้ายไปยังหน้าจออื่น เกณฑ์ที่นักพัฒนาแอปกำหนดจะทริกเกอร์การแจ้งเตือน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 84)
แท็บ "ปัญหา" ใหม่ ข้อมูลการช่วยเหลือพิเศษในเคล็ดลับเครื่องมือของโหมดตรวจสอบ และอื่นๆ
ไม่มีการประกาศชุดอักขระหรือประกาศช้าเกินไปใน HTML
ดูวิธีเพิ่มการประกาศการเข้ารหัสอักขระลงใน HTML ของคุณ
การเลิกใช้งานและการนำออกใน Chrome 83
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 83 เพื่อช่วยคุณวางแผน
ฟีเจอร์ใหม่ใน Chrome 81
Chrome 81 กำลังเปิดตัวแล้ว ป้ายไอคอนแอปที่ติดสถานะว่าออกจากช่วงทดลองใช้จากต้นทาง การทดสอบ Hit สำหรับ Augmented Reality พร้อมให้ใช้งานในเบราว์เซอร์แล้ว เว็บ NFC เริ่มช่วงทดลองใช้จากต้นทาง และเรามีข้อมูลอัปเดตเกี่ยวกับกำหนดการเผยแพร่ Chrome ที่มีการปรับเปลี่ยน มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 81 กัน!
WebSocketStream: การผสานรวมสตรีมกับ WebSocket API
WebSocketStream ผสานรวมสตรีมกับ WebSocket API ซึ่งจะช่วยให้แอปใช้ Backpressure กับข้อความที่ได้รับได้
The Chromium Chronicle #13: การแก้ไขข้อบกพร่องเกี่ยวกับการเดินทางข้ามเวลาด้วย RR
หากคุณทำการทดสอบเดียวกันซ้ำๆ ในโปรแกรมแก้ไขข้อบกพร่อง และพยายามหาวิธีว่าโค้ดอยู่ในสถานะที่ไม่ดีหรือไม่ เรามีเครื่องมือให้คุณ RR จะบันทึกการติดตามการดำเนินการ ซึ่งทำให้ง่ายต่อการย้อนกลับ เรียกใช้ย้อนหลัง ดูว่าตัวแปรเปลี่ยนแปลงค่าใดหรือเมื่อใดที่มีการเรียกใช้ฟังก์ชันล่าสุดกับออบเจ็กต์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 83)
จำลองความบกพร่องในการมองเห็นสี จำลองภาษา การแก้ไขข้อบกพร่อง COOP และ COEP และอื่นๆ อีกมากมาย
การเลิกใช้งานและการนำออกใน Chrome 81
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 81 เพื่อช่วยคุณวางแผน
โต้ตอบกับอุปกรณ์ NFC ใน Chrome สำหรับ Android
ตอนนี้ Chrome สำหรับ Android สามารถอ่านและเขียนแท็ก NFC ได้แล้ว
การเพิ่มข้อมูลสิทธิ์การแจ้งเตือนลงในรายงานประสบการณ์ของผู้ใช้ Chrome
เพื่อช่วยให้เจ้าของเว็บไซต์เข้าใจเมตริกของสิทธิ์การแจ้งเตือน เราจะเพิ่มข้อมูลนี้ลงในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) ในชุดข้อมูลปี 202001 เพื่อให้เจ้าของเว็บไซต์เข้าใจมากขึ้นเกี่ยวกับการตอบกลับสิทธิ์การแจ้งเตือนผู้ใช้ทั่วไปสําหรับเว็บไซต์ของตนและเว็บไซต์ที่คล้ายกันในหมวดหมู่ของตน
The Chromium Chronicle #10: การจับการถดถอยของ UI ด้วยการทดสอบ Pixel
กลยุทธ์การทดสอบของ Chrome อาศัยการทดสอบความถูกต้องของฟังก์ชันการทำงานแบบอัตโนมัติและการทดสอบด้วยตนเองเป็นหลัก แต่ทั้งนี้เครื่องมือดังกล่าวก็ไม่ได้ตรวจพบการถดถอย UI เล็กน้อยที่ไม่มีประสิทธิภาพเลย ใช้การทดสอบพิกเซลเพื่อทดสอบ UI ของเบราว์เซอร์บนเดสก์ท็อปโดยอัตโนมัติ
การใช้ API ระดับต่ำของแท็บที่กำหนดเอง
ดูวิธีใช้แท็บที่กำหนดเองโดยไม่มีไลบรารีการรองรับเบราว์เซอร์ androidx
ฟีเจอร์ใหม่ใน Chrome 80
Chrome 80 กำลังเปิดตัว และพร้อมฟีเจอร์ใหม่ๆ มากมายสำหรับนักพัฒนาซอฟต์แวร์! รองรับโมดูลสำหรับผู้ปฏิบัติงาน, การสร้างห่วงโซ่แบบไม่บังคับ, ช่วงทดลองใช้จากต้นทางใหม่, ฟีเจอร์ที่ผ่านช่วงทดลองใช้จากต้นทางแล้ว และอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 80 กัน!
ตรวจสอบว่าอุปกรณ์ Android มีเบราว์เซอร์ที่รองรับแท็บที่กำหนดเองหรือไม่
เรียนรู้วิธีตรวจสอบว่าอุปกรณ์ Android มีเบราว์เซอร์ที่สนับสนุนแท็บที่กำหนดเองหรือไม่
เปิดแท็บที่กำหนดเองสำหรับลิงก์ใน WebView
รวม WebView และแท็บที่กำหนดเองเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น
ภาพรวมของแท็บที่กำหนดเองใน Android
ดูว่าเมื่อใดควรใช้แท็บที่กำหนดเองของ Android เพื่อเปิด URL ในแอป Android
ภาพรวม
ดูวิธีผสานรวม Progressive Web App กับแอป Android ด้วยกิจกรรมบนเว็บและเว็บที่เชื่อถือได้ได้อย่างราบรื่น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 81)
Moto G4 ในโหมดอุปกรณ์ ฟีเจอร์ใหม่ที่เกี่ยวข้องกับคุกกี้ และอื่นๆ
กิจกรรมบนเว็บที่เชื่อถือได้หลายต้นทาง
วิธีสร้างแอปพลิเคชัน 1 รายการโดยใช้กิจกรรมบนเว็บที่เชื่อถือได้ซึ่งรองรับการเปิดหลายต้นทางแบบเต็มหน้าจอ
การส่งข้อมูลไปยังกิจกรรมบนเว็บที่เชื่อถือได้โดยใช้พารามิเตอร์การค้นหา
วิธีส่งข้อมูลจาก Native Shell ไปยังเว็บแอปพลิเคชันเมื่อเปิดใช้งานกิจกรรมบนเว็บที่เชื่อถือได้
android-browser-help ไลบรารีใหม่สำหรับการสร้างกิจกรรมบนเว็บที่เชื่อถือได้
ขอแนะนำ android-browser-helper ซึ่งเป็นไลบรารีใหม่สำหรับการสร้างกิจกรรมบนเว็บที่เชื่อถือได้
การแสดงผลเนื้อหาขนาดใหญ่ที่สุด
ดูข้อมูลเกี่ยวกับเมตริก Largest Contentful Paint ของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
การเลิกใช้งานและการนำออกใน Chrome 80
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 80 เพื่อช่วยคุณวางแผน
Chromium Chronicle #9: ClusterFuzz
ระบบอาจขอให้คุณแก้ไขข้อบกพร่องด้านความปลอดภัยที่มีลำดับความสำคัญสูงที่ ClusterFuzz พบ สิ่งนี้คืออะไร คุณควรให้ความสำคัญกับข้อบกพร่องเหล่านั้นอย่างจริงจังไหม คุณจะช่วยอะไรได้บ้าง
การจัดทำดัชนีหน้าที่สามารถใช้งานแบบออฟไลน์ด้วย Content Indexing API
PWA อาจแคชบทความและไฟล์สื่อ แต่ผู้ใช้จะรู้ได้อย่างไรว่าหน้าเว็บทำงานได้ขณะออฟไลน์ Content Indexing API คือคำตอบของคำถามนี้ เมื่อจัดทำดัชนีด้วยเนื้อหาจาก PWA รวมถึง PWA อื่นๆ ที่ติดตั้งไว้แล้ว ดัชนีจะแสดงขึ้นในพื้นที่เฉพาะของเบราว์เซอร์ที่รองรับ
ฟีเจอร์ใหม่ใน Chrome 79
Chrome 79 กำลังเปิดตัวแล้ว Progressive Web App ที่ติดตั้งใน Android จะได้รับการสนับสนุนสำหรับไอคอนที่มาสก์ได้ ตอนนี้คุณสร้างประสบการณ์ที่สมจริงด้วย WebXR Device API ได้แล้ว ช่วงทดลองใช้จากต้นทางจะเริ่มต้นสำหรับ Wake Lock API และแอตทริบิวต์ rendersubtree และวิดีโอทั้งหมดจาก Chrome Dev Summit 2019 ก็ออนไลน์แล้ว มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 79!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 80)
รองรับการประกาศ Let และคลาสในคอนโซล, การแก้ไขข้อบกพร่อง WebAssembly ที่ปรับปรุงแล้ว และอื่นๆ
การปรับปรุงการแก้ไขข้อบกพร่อง WebAssembly ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้ามโค้ด ตั้งเบรกพอยท์ และแก้ไขสแต็กเทรซในภาษาต้นฉบับจากภายในเครื่องมือสำหรับนักพัฒนาเว็บ
Chromium Chronicle #8: GWP-ASan: ตรวจหาข้อบกพร่องในธรรมชาติ
GWP-ASan เป็นเครื่องตรวจจับข้อผิดพลาดของหน่วยความจําแบบฮีปเท่านั้นที่ออกแบบมาเพื่อใช้งานในป่า โดยจะตรวจจับช่วงการใช้งานหลังช่วงใช้ฟรี บัฟเฟอร์ล้น/ส่วนไหลลดหลั่นกัน และปล่อยว่าง 2 ครั้ง แต่จะไม่ตรวจหาข้อผิดพลาดในกลุ่มหรือใน globals ซึ่งต่างจาก ASan
เริ่มต้นใช้งานเว็บ Bundle
แพ็กเกจเว็บช่วยให้คุณแชร์เว็บไซต์เป็นไฟล์เดียวผ่านบลูทูธและเรียกใช้แบบออฟไลน์ได้ในบริบทของต้นทาง
ประสบการณ์ออฟไลน์ที่สมบูรณ์ยิ่งขึ้นด้วย Periodic Background Sync API
การซิงค์ในเบื้องหลังตามระยะเวลาช่วยให้เว็บแอปพลิเคชันสามารถซิงค์ข้อมูลเป็นระยะๆ ในเบื้องหลัง ทำให้เว็บแอปทำงานในลักษณะเดียวกับแอป iOS/Android/เดสก์ท็อปมากขึ้น
การรับข้อมูลที่แชร์กับ Web Share Target API
บนอุปกรณ์เคลื่อนที่หรือเดสก์ท็อป การแชร์ควรทำได้ง่ายๆ ด้วยการคลิกปุ่ม "แชร์" เลือกแอป และเลือกว่าจะแชร์กับใคร Web Share Target API ช่วยให้เว็บแอปที่ติดตั้งไว้สามารถลงทะเบียนกับระบบปฏิบัติการที่รองรับเพื่อรับเนื้อหาที่แชร์
การเลิกใช้งานและการนำออกใน Chrome 79
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 79 เพื่อช่วยคุณวางแผน
API ทริกเกอร์การแจ้งเตือน
Notification ทริกเกอร์ API ช่วยให้นักพัฒนาซอฟต์แวร์กำหนดเวลาการแจ้งเตือนในเครื่องที่ไม่ต้องใช้การเชื่อมต่อเครือข่ายได้ ซึ่งทำให้เหมาะสำหรับ Use Case อย่างแอปปฏิทิน
The Chromium Chronicle #7: แหล่งที่มาก่อนการประมวลผล
การคอมไพล์ไฟล์แหล่งที่มา Chromium ไฟล์เดียวด้วยตนเองจะช่วยให้นักพัฒนาซอฟต์แวร์ทดลองใช้ตัวเลือกการเพิ่มประสิทธิภาพของคอมไพเลอร์ ทำความเข้าใจรายละเอียดเล็กๆ น้อยๆ ของมาโคร หรือลดข้อบกพร่องของคอมไพเลอร์ได้ ในเดือนนี้ เราจะมาดูวิธีประมวลผลแหล่งที่มาล่วงหน้ากัน
สิ่งใหม่ๆ ใน Chrome 78
Chrome 78 กำลังเปิดตัวแล้ว ตอนนี้คุณระบุ "ประเภท" สำหรับตัวแปร CSS ได้แล้ว คุณจะได้รับโปรแกรมทำงานที่ใหม่ขึ้น เนื่องจากตอนนี้ระบบได้ทำการตรวจสอบแบบไบต์ต่อไบต์สำหรับสคริปต์ที่นําเข้าโดย ImportScripts() และเรามีรายละเอียดของช่วงทดลองใช้จากต้นทางใหม่ 2 รายการซึ่งมีฟังก์ชันการทำงานใหม่ที่น่าสนใจ รวมถึงระบบไฟล์แบบเนทีฟและ SMS Receiver และจะมีการประชุม Chrome DevSummit ในวันที่ 11-12 พฤศจิกายน 2019 ด้วย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 78 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 79)
แก้ไขข้อบกพร่องสาเหตุที่คุกกี้ถูกบล็อก, จำลอง Preferreds-color-scheme: มืด การอัปเดตการครอบคลุมของโค้ด และอื่นๆ
เวลาทั้งหมดในการบล็อก
ดูข้อมูลเกี่ยวกับเมตริกเวลาการบล็อกรวมของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ยืนยันหมายเลขโทรศัพท์บนเว็บด้วย WebOTP API
การค้นหา การจดจำ และการพิมพ์ OTP ที่ส่งผ่าน SMS นั้นยุ่งยาก WebOTP API ลดความซับซ้อนของเวิร์กโฟลว์ OTP สำหรับผู้ใช้
The Chromium Chronicle #6: มุมมองตารางของรางเดี่ยว
Monorail ติดตามปัญหาของ Chrome มีมุมมองแบบตารางที่ช่วยให้คุณแสดงภาพปัญหาของคุณในกระดานรูปแบบ Kanban เนื้อหาตอนนี้อธิบายวิธีใช้โหมดตารางกริด
โปรแกรมทำงานของบริการที่ใหม่กว่าโดยค่าเริ่มต้น
คำขอ HTTP ที่ตรวจหาอัปเดตสคริปต์โปรแกรมทำงานของบริการจะไม่ทำการตอบสนองโดยแคช HTTP โดยค่าเริ่มต้น และสคริปต์ที่นำเข้าสามารถเรียกใช้โฟลว์การอัปเดตโปรแกรมทำงานของบริการได้
คะแนนการช่วยเหลือพิเศษของ Lighthouse
ดูวิธีที่ Lighthouse สร้างคะแนนการช่วยเหลือพิเศษสำหรับหน้าของคุณ
การเลิกใช้งานและการนำออกใน Chrome 78
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 78 เพื่อช่วยคุณวางแผน
ฟีเจอร์ใหม่ใน Chrome 77
Chrome 77 กำลังเปิดตัวแล้ว เรามีวิธีที่ดีกว่าในการติดตามประสิทธิภาพของเว็บไซต์เมื่อใช้ Largest Contentful Paint ฟอร์มมีความสามารถใหม่ๆ การโหลดแบบ Lazy Loading เนทีฟพร้อมให้ใช้งานแล้ว การประชุม Chrome DevSummit จะจัดขึ้นในวันที่ 11-12 พฤศจิกายน 2019 และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 77 กัน!
แก้ไขข้อบกพร่องบริการที่ทำงานอยู่เบื้องหลัง
ดูรายงานและแก้ไขข้อบกพร่องของบริการในเบื้องหลัง เช่น การดึงข้อมูลในเบื้องหลัง การซิงค์ในเบื้องหลัง การแจ้งเตือน ข้อความพุช และอื่นๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 78)
Lighthouse 5.2 ในแผงการตรวจสอบ และ Largest Contentful Paint ในแผงประสิทธิภาพ
เริ่มต้นใช้งาน GPU Compute บนเว็บ
โพสต์นี้จะอธิบาย WebGPU API รุ่นทดลองผ่านตัวอย่างและช่วยให้คุณเริ่มต้นใช้งานการประมวลผลข้อมูลคู่ขนานโดยใช้ GPU
- WebGpu
The Chromium Chronicle #5: การเขียนโค้ดนอกแซนด์บ็อกซ์
โค้ดทั้งหมดมีข้อบกพร่อง กระบวนการของเบราว์เซอร์ Chrome ไม่มีแซนด์บ็อกซ์ ซึ่งหมายความว่าข้อบกพร่องเหล่านั้นอาจทำให้โค้ดที่เป็นอันตรายเข้าถึงทั้งอุปกรณ์ได้โดยสมบูรณ์ ตอนนี้จะอธิบายสิ่งที่ควรทำและไม่ควรทำในการเขียนโค้ดโดยไม่ต้องใช้แซนด์บ็อกซ์
ดูประสิทธิภาพของโค้ดด้วย ReportingObserver API
ReportingObserver จะแจ้งให้คุณทราบเมื่อเว็บไซต์ของคุณใช้ API ที่เลิกใช้งานแล้วหรือเมื่อมีการแทรกแซงเบราว์เซอร์ ฟังก์ชันการทำงานพื้นฐานเดิมอยู่ใน Chrome 69 ตั้งแต่ Chrome 84 เป็นต้นไป จะใช้ได้ในผู้ปฏิบัติงาน ค่อนข้างง่าย
การเลิกใช้งานและการนำออกใน Chrome 77
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 77 เพื่อช่วยคุณวางแผน
เครื่องมือเลือกรายชื่อติดต่อสำหรับเว็บ
การเข้าถึงรายชื่อติดต่อของผู้ใช้เป็นฟีเจอร์หนึ่งของแอป iOS/Android ตั้งแต่ (เกือบ) รุ่งเช้า Contact Picker API คือ API แบบออนดีมานด์ที่อนุญาตให้ผู้ใช้เลือกรายการ/ข้อมูลจากรายการติดต่อ และแชร์รายละเอียดแบบจำกัดของรายชื่อติดต่อที่เลือกกับเว็บไซต์ได้ ทำให้ผู้ใช้แชร์เฉพาะสิ่งที่ต้องการในเวลาที่ต้องการ รวมถึงช่วยให้ผู้ใช้เข้าถึงและติดต่อกับเพื่อนและครอบครัวได้ง่ายขึ้น
ฟีเจอร์ใหม่ใน Chrome 76
Chrome 76 กำลังเปิดตัวแล้ว เพิ่มการรองรับการค้นหาสื่อที่ต้องการตามสี และนำโหมดมืดไปยังเว็บไซต์ต่างๆ ปุ่มติดตั้งในแถบอเนกประสงค์เพื่อให้การติดตั้ง Progressive Web App บนเดสก์ท็อปทำได้ง่ายขึ้น วิธีป้องกันไม่ให้แถบข้อมูลเล็กๆ ปรากฏในอุปกรณ์เคลื่อนที่ เพิ่มความถี่ในการอัปเดต WebAPK และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 76!
The Chromium Chronicle #4: ทดสอบฟีเจอร์แพลตฟอร์มเว็บของคุณด้วย WPT
การทดสอบแพลตฟอร์มเว็บ (WPT) เป็นวิธีที่ควรใช้ในการทดสอบฟีเจอร์ที่เปิดเผยบนเว็บ เนื่องจากจะมีการแชร์กับเบราว์เซอร์อื่นๆ ผ่าน GitHub ในเดือนนี้ เราจะมาดูแนวทางปฏิบัติแนะนำของ WPT กัน
การอัปเดตสื่อใน Chrome 75
คาดการณ์ว่าการเล่นจะเป็นไปอย่างราบรื่นและประหยัดพลังงานสำหรับสื่อที่เข้ารหัสและการรองรับองค์ประกอบวิดีโอ "playsinline" คำแนะนำแอตทริบิวต์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 77)
คัดลอกรูปแบบองค์ประกอบ แสดงภาพการเปลี่ยนเลย์เอาต์ และอื่นๆ
อัปเดตคอมโพเนนต์เว็บ - มีเวลามากขึ้นในการอัปเกรดเป็น API เวอร์ชัน 1
ผู้ใช้ Web Components v0 มีเวลามากขึ้นในการอัปเกรดเป็น v1 แต่อย่าลืมตรวจสอบและทดสอบ
The Chromium Chronicle #3: การครอบคลุมของโค้ดใน Gerrit
การทดสอบมีความสำคัญมากเนื่องจากพบข้อบกพร่องและการถดถอย บังคับใช้การออกแบบที่ดีขึ้นและทำให้ดูแลรักษาโค้ดได้ง่ายขึ้น ในเดือนนี้ เราจะมาดูวิธีทำการทดสอบอย่างละเอียดกับ Gerrit
การเลิกใช้งานและการนำออกใน Chrome 76
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 76 เพื่อช่วยคุณวางแผน
ฟีเจอร์ใหม่ใน Chrome 75
Chrome 75 กำลังเปิดตัวแล้ว มีวิธีใหม่ในการลดเวลาในการตอบสนองขององค์ประกอบ Canvas เว็บแอปจะแชร์ไฟล์กับแอปอื่นๆ ที่ติดตั้งไว้ได้โดยใช้ชีตการแชร์ระดับระบบ การสนทนาทั้งหมดจาก Google I/O จะอยู่ในช่อง YouTube ของเรา และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 75!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 76)
เติมข้อความอัตโนมัติด้วยค่า CSS, UI ใหม่สำหรับการตั้งค่าเครือข่าย และอื่นๆ
The Chromium Chronicle #2: ความไม่สม่ำเสมอในการทดสอบการต่อสู้
การทดสอบที่ไม่น่าเชื่อถือเป็นปัญหาที่พบได้ทั่วไปใน Chrome ซึ่งส่งผลต่อประสิทธิภาพการทำงานของนักพัฒนาซอฟต์แวร์รายอื่นๆ และถูกปิดใช้งานเมื่อเวลาผ่านไป ในเดือนนี้ เราจะมาดูวิธีต่อสู้กับการทดสอบความไม่สม่ำเสมอกัน
คุณซ่อนแถบข้อมูลขนาดเล็กของ "เพิ่มลงในหน้าจอหลัก" ได้ใน Chrome 76
การเพิ่มการควบคุมเพิ่มเติมให้กับแถบข้อมูลขนาดเล็กสำหรับ PWA ใน Chrome 76
Augmented Reality กับผู้ดูโมเดล
ในเดือนกุมภาพันธ์ เราได้เปิดตัวคอมโพเนนต์เว็บโปรแกรมดูโมเดลที่ช่วยให้คุณเพิ่มโมเดล 3 มิติลงในหน้าเว็บได้ ตอนนี้เราขอประกาศการรองรับ AR ใน Android โดยเพิ่มแอตทริบิวต์ ar
Paint Holding - ลดแฟลชสีขาวในการนำทางที่ต้นทางเดียวกัน
ภาพรวมคร่าวๆ ของการถือสี ฟีเจอร์ Chrome สำหรับลดแฟลชสีขาวในการนำทางต้นทางเดียวกัน
หลีกเลี่ยงการเปลี่ยนเส้นทางหลายหน้า
เรียนรู้สาเหตุที่ทำให้การเปลี่ยนเส้นทางหน้าเว็บทำให้ความเร็วในการโหลดหน้าเว็บของคุณช้าลง และวิธีหลีกเลี่ยง
เป้าหมายการแตะมีขนาดที่ไม่เหมาะสม
ดูข้อมูลเกี่ยวกับ "เป้าหมายการแตะมีขนาดที่ไม่เหมาะสม" การตรวจสอบ Lighthouse
ลดผลกระทบของโค้ดของบุคคลที่สาม
ดูว่าโค้ดของบุคคลที่สาม เช่น เครือข่ายโฆษณาและบริการการวิเคราะห์ ส่งผลต่อประสิทธิภาพในการโหลดหน้าเว็บอย่างไร และวิธีเพิ่มประสิทธิภาพโค้ดของบุคคลที่สาม
ส่วนควบคุมแบบอินเทอร์แอกทีฟสามารถโฟกัสแป้นพิมพ์ได้
ดูวิธีทำให้การควบคุมที่กำหนดเองในหน้าเว็บโฟกัสได้ เพื่อให้ผู้ใช้แป้นพิมพ์เข้าถึงได้
ซ่อนเนื้อหานอกหน้าจอจากเทคโนโลยีความช่วยเหลือพิเศษ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษสำหรับผู้ใช้เทคโนโลยีอำนวยความสะดวกสำหรับผู้พิการโดยการซ่อนเนื้อหานอกหน้าจอจากเทคโนโลยีความช่วยเหลือพิเศษ
การแสดงผลที่มีเนื้อหาเต็มครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First Contentful Paint ของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
มีไลบรารี JavaScript ส่วนหน้าที่มีช่องโหว่ด้านความปลอดภัย
เรียนรู้วิธีทำให้หน้าเว็บของคุณปลอดภัยยิ่งขึ้นด้วยการแทนที่ไลบรารี JavaScript ที่มีช่องโหว่ที่ทราบแล้ว
เวลาในการตอบสนองต่ออินพุตโดยประมาณ
ดูข้อมูลเกี่ยวกับเมตริกเวลาในการตอบสนองต่ออินพุตโดยประมาณของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
หน้าเว็บไม่มี DOCTYPE HTML ดังนั้นจึงทริกเกอร์โหมดที่ไม่มาตรฐาน
เรียนรู้วิธีตรวจสอบว่าหน้าเว็บไม่ทริกเกอร์โหมดที่ไม่มาตรฐานในเบราว์เซอร์รุ่นเก่า
เอกสารไม่ได้ใช้ขนาดตัวอักษรที่อ่านได้ชัดเจน
ดูข้อมูลเกี่ยวกับ "เอกสาร'ไม่ใช้ขนาดแบบอักษรที่อ่านง่าย" การตรวจสอบ Lighthouse
ขอสิทธิ์การแจ้งเตือนในการโหลดหน้าเว็บ
เรียนรู้วิธีขอสิทธิ์การแจ้งเตือนอย่างมีความรับผิดชอบในลักษณะที่มอบประสบการณ์ที่ดีให้แก่ผู้ใช้
ใช้องค์ประกอบจุดสังเกตของ HTML5 เพื่อปรับปรุงการนำทาง
ดูวิธีปรับปรุงการเข้าถึงหน้าเว็บด้วยการให้จุดสังเกตที่ผู้ใช้แป้นพิมพ์ใช้นำทางได้
องค์ประกอบแบบอินเทอร์แอกทีฟระบุวัตถุประสงค์และสถานะ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษของตัวควบคุมที่กำหนดเองในหน้าเว็บโดยทำให้ผู้ใช้ทุกคนทราบวัตถุประสงค์และสถานะได้อย่างชัดเจน
หลีกเลี่ยงการเชนคำขอที่สำคัญ
เรียนรู้ว่าเชนคำขอที่สำคัญคืออะไร ส่งผลต่อประสิทธิภาพของหน้าเว็บอย่างไร และคุณจะสามารถลดผลกระทบได้อย่างไรบ้าง
ป้องกันไม่ให้ผู้ใช้วางข้อมูลในช่อง
ดูวิธีปรับปรุงประสบการณ์ของผู้ใช้ในหน้าจอการเข้าสู่ระบบของเว็บไซต์โดยการอนุญาตให้ผู้ใช้วางข้อมูลลงในช่องป้อนข้อมูล
ตรวจพบไลบรารี JavaScript
ดูข้อมูลเกี่ยวกับการตรวจสอบ "ไลบรารี JavaScript ที่ตรวจพบ" การวินิจฉัยของ Lighthouse
หน้าเว็บมีลําดับแท็บที่สมเหตุสมผล
เรียนรู้วิธีช่วยให้ผู้ใช้แป้นพิมพ์ไปยังส่วนต่างๆ ในหน้าเว็บของคุณได้ง่ายขึ้น โดยการวางตัวกั้นแท็บตามลำดับที่สมเหตุสมผล
จุดมุ่งเน้นของผู้ใช้จะถูกนำไปยังเนื้อหาใหม่ที่เพิ่มลงในหน้าเว็บ
ดูวิธีเปลี่ยนแปลงสถานะของเว็บแอปซึ่งผู้ใช้เทคโนโลยีอำนวยความสะดวกเข้าใจได้โดยย้ายโฟกัสไปยังเนื้อหาที่เพิ่มใหม่
ควบคุมให้จำนวนคำขอมีไม่มากและการโอนมีขนาดเล็ก
ดูว่าทรัพยากรจำนวนมากและการโอนขนาดใหญ่ส่งผลต่อประสิทธิภาพการโหลดอย่างไร ดูกลยุทธ์ในการลดจำนวนคำขอและขนาดการโอน
การแสดงผลเวลาในการตอบสนองต่ำพร้อมคำแนะนำแบบไม่พร้อมกัน
แอปพลิเคชันการวาดที่ใช้สไตลัสที่สร้างขึ้นสำหรับเว็บประสบปัญหาด้านเวลาในการตอบสนองเนื่องจากหน้าเว็บต้องซิงค์ข้อมูลอัปเดตกราฟิกกับ DOM คำแนะนำที่ไม่ซิงค์สำหรับบริบทจะข้าม DOM ไปเพื่อลดเวลาในการตอบสนอง
ขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์ในการโหลดหน้าเว็บ
ดูวิธีขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์อย่างมีความรับผิดชอบในลักษณะที่ให้ประสบการณ์ที่ดีแก่ผู้ใช้
ใช้รูปแบบวิดีโอสำหรับเนื้อหาภาพเคลื่อนไหว
ดูข้อมูลเกี่ยวกับการตรวจสอบเนื้อหาที่เป็นภาพเคลื่อนไหวที่มีประสิทธิภาพ
เอกสารไม่มี hreflang ที่ถูกต้อง
ดูข้อมูลเกี่ยวกับ"เอกสารไม่มีการตรวจสอบ hreflang" Lighthouse ที่ถูกต้อง
หลีกเลี่ยงเพย์โหลดเครือข่ายปริมาณมาก
เรียนรู้วิธีปรับปรุงความเร็วในการโหลดหน้าเว็บโดยการลดขนาดไฟล์รวมของทรัพยากรที่คุณให้บริการแก่ผู้ใช้
ลดเวลาในการดำเนินการกับ JavaScript
ดูว่าการเรียกใช้ JavaScript สามารถชะลอประสิทธิภาพของหน้าเว็บได้อย่างไร และจะเพิ่มความเร็วได้อย่างไร
First Input Delay สูงสุดที่อาจเกิดขึ้น
ดูข้อมูลเกี่ยวกับเมตริก First Input Delay สูงสุดที่อาจเกิดขึ้นซึ่งเลิกใช้งานแล้วของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
การควบคุมที่กำหนดเองมีป้ายกำกับที่เชื่อมโยง
ดูวิธีปรับปรุงการช่วยเหลือพิเศษโดยตรวจสอบว่าการควบคุมที่กำหนดเองทั้งหมดมีป้ายกำกับที่ผู้ใช้เทคโนโลยีความช่วยเหลือพิเศษเข้าถึงได้
CPU ที่ไม่ได้ใช้งานครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First CPU Idle ที่เลิกใช้งานไปแล้วของ Lighthouse และวิธีเพิ่มประสิทธิภาพ
เปิดใช้การบีบอัดข้อความ
เรียนรู้ว่าการเปิดใช้การบีบอัดข้อความจะช่วยปรับปรุงประสิทธิภาพในการโหลดหน้าเว็บได้อย่างไร
แสดงเนื้อหาแบบคงที่ที่มีนโยบายแคชที่มีประสิทธิภาพ
เรียนรู้ว่าการแคชทรัพยากรแบบคงที่ของหน้าเว็บช่วยปรับปรุงประสิทธิภาพและความน่าเชื่อถือสำหรับผู้เข้าชมที่กลับมาได้อย่างไร
หน้าเว็บถูกบล็อกไม่ให้จัดทำดัชนี
ดูข้อมูลเกี่ยวกับ "หน้าถูกบล็อกจากการจัดทำดัชนี" การตรวจสอบ Lighthouse
หน้าเว็บมีรหัสสถานะ HTTP ไม่สำเร็จ
ดูข้อมูลเกี่ยวกับ "หน้ามีรหัสสถานะ HTTP ไม่สำเร็จ" การตรวจสอบ Lighthouse
โฟกัสของผู้ใช้ไม่ได้ติดอยู่ในภูมิภาคโดยไม่ได้ตั้งใจ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษสำหรับผู้ที่ใช้แป้นพิมพ์โดยป้องกันไม่ให้โฟกัสติดอยู่ในส่วนใดส่วนหนึ่งของหน้า
การควบคุมที่กําหนดเองมีบทบาท ARIA
ดูวิธีปรับปรุงการช่วยเหลือพิเศษด้วยการเพิ่ม ARIA ลงในการควบคุมที่กำหนดเอง เพื่อให้เทคโนโลยีความช่วยเหลือพิเศษตีความได้
เวลาในการตอบสนอง
ดูข้อมูลเกี่ยวกับเมตริกเวลาในการตอบสนองของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ไม่ได้ใช้ HTTP/2 สำหรับทรัพยากรทั้งหมด
เรียนรู้ว่าเหตุใด HTTP/2 จึงสำคัญสำหรับความเร็วในการโหลดหน้าเว็บของคุณ และวิธีเปิดใช้ HTTP/2 ในเซิร์ฟเวอร์ของคุณ
การเลิกใช้งานและการนำออกใน Chrome 75
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 75 เพื่อช่วยคุณวางแผน
ลดการทำงานของเทรดหลัก
ดูข้อมูลเกี่ยวกับเทรดหลักของเบราว์เซอร์และวิธีเพิ่มประสิทธิภาพหน้าเว็บเพื่อลดการโหลดเทรดหลักและปรับปรุงประสิทธิภาพ
การแสดงผลที่มีความหมายครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First Meaningful Paint ที่เลิกใช้งานไปแล้วของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ระยะเวลาของผู้ใช้และระยะเวลาของผู้ใช้
เรียนรู้ว่า User Timing API สามารถช่วยให้คุณได้รับข้อมูลประสิทธิภาพจริงสำหรับหน้าเว็บของคุณได้อย่างไร
เอกสารไม่มี rel=canonical ที่ถูกต้อง
ดูข้อมูลเกี่ยวกับ "เอกสารไม่มีการตรวจสอบ rel=canonical" Lighthouse ที่ถูกต้อง
ใช้ Listener แบบแพสซีฟเพื่อปรับปรุงประสิทธิภาพการเลื่อน
ดูวิธีปรับปรุงการตอบสนองของการเลื่อนของหน้าเว็บโดยการหลีกเลี่ยง Listener เหตุการณ์แบบแพสซีฟ
ฟีเจอร์ใหม่ใน Chrome 74
Chrome 74 กำลังเปิดตัวสู่ Google I/O เพิ่มการรองรับช่องส่วนตัวของชั้นเรียน ซึ่งให้คุณตรวจจับเวลาที่ผู้ใช้ขอลดประสบการณ์การเคลื่อนไหว เพิ่มการรองรับเหตุการณ์การเปลี่ยน CSS และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 74 กัน!
ดูค่า JavaScript แบบเรียลไทม์ด้วย Live Expressions
หากคุณพบว่าตัวเองพิมพ์นิพจน์ JavaScript เดียวกันลงในคอนโซลซ้ำๆ ให้ลองใช้ Live Expressions แทน
ข้อมูลอ้างอิงฟีเจอร์ของคอนโซล
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับทุกฟีเจอร์และลักษณะการทำงานที่เกี่ยวข้องกับ UI ของ Console ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 75)
ค่าที่กำหนดล่วงหน้าของการเติมข้อความอัตโนมัติที่มีความหมาย ล้างข้อมูลเว็บไซต์จากเมนูคำสั่ง และอื่นๆ
Chromium Chronicle #1: แนวทางปฏิบัติแนะนำสำหรับการกำหนดเวลางาน
ทีม Chrome ภูมิใจที่จะได้เปิดตัว Chromium Chronicle ซึ่งเป็นซีรีส์รายเดือนที่ออกแบบมาเพื่อนักพัฒนาซอฟต์แวร์ Chromium โดยเฉพาะ ซึ่งก็คือนักพัฒนาซอฟต์แวร์ที่สร้างเบราว์เซอร์นี้ ในเดือนนี้ เราจะมาดูแนวทางปฏิบัติแนะนำสำหรับการกำหนดเวลางาน
เลิกใช้งาน: ดูข้อมูลแคชของแอปพลิเคชันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีดูข้อมูลแคชของแอปพลิเคชันจากแผงแอปพลิเคชันของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 74
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 74 เพื่อช่วยคุณในการวางแผน
ดูและแก้ไขพื้นที่เก็บข้อมูลของเซสชัน
วิธีดูและแก้ไข "sessionStorage" ด้วยแผงพื้นที่เก็บข้อมูลเซสชันและคอนโซล
ดูและแก้ไขพื้นที่เก็บข้อมูลในเครื่อง
วิธีดูและแก้ไข "localStorage" ด้วยแผงพื้นที่เก็บข้อมูลในเครื่องและคอนโซล
ฟีเจอร์ใหม่ใน Chrome 73
Chrome 73 ทำให้การสร้างเนื้อหาแบบพกพาง่ายขึ้นด้วย Signed HTTP Exchange การเปลี่ยนรูปแบบแบบไดนามิกจะง่ายขึ้นด้วยสไตล์ชีตที่สร้างได้ และเพิ่มการรองรับ Progressive Web App บน Mac ทำให้มีการรองรับ PWA ในแพลตฟอร์มเดสก์ท็อปและอุปกรณ์เคลื่อนที่ทั้งหมด ทำให้การสร้างแอปที่ติดตั้งได้และส่งผ่านทางเว็บเป็นไปอย่างง่ายดาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 73 กัน!
พื้นที่เก็บข้อมูล KV - โมดูลในตัวแรกของเว็บ
บทนำเกี่ยวกับ KV Storage API ใหม่ โมดูลในตัว และนำเข้าแผนที่
ไปยังส่วนต่างๆ ของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ด้วยเทคโนโลยีความช่วยเหลือพิเศษ
คำแนะนำในการไปยังส่วนต่างๆ ของ Chrome DevTools โดยใช้เทคโนโลยีความช่วยเหลือพิเศษ เช่น โปรแกรมอ่านหน้าจอ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 74)
ไฮไลต์โหนดที่ได้รับผลกระทบจากพร็อพเพอร์ตี้ CSS, Lighthouse v4, เครื่องมืออ่านข้อความไบนารีของ WebSocket และอื่นๆ
เริ่มต้นใช้งานด้วยการดูและเปลี่ยน DOM
วิธีดูโหนด ค้นหาโหนด แก้ไขโหนด โหนดอ้างอิงในคอนโซล หยุดเมื่อการเปลี่ยนแปลงโหนด และอื่นๆ
ทีม Web Dev Ecosystem - สรุปผลเดือนกุมภาพันธ์
สรุปในเดือนกุมภาพันธ์ เราจะมาย้อนกลับไปดูสิ่งที่เกิดขึ้นในทีมระบบนิเวศของนักพัฒนาเว็บ
หน้าต่างกล่องงาน
โมดูลที่ช่วยในการลงทะเบียน Service Worker จัดการการอัปเดต และตอบสนองต่อเหตุการณ์ในวงจร
การเปลี่ยนเส้นทางที่ใช้งานบ่อยใน JavaScript ของแอปด้วย WebAssembly
ประโยชน์สําคัญอย่างหนึ่งที่ WebAssembly มีให้คือประสิทธิภาพที่คาดการณ์ได้ในทุกเบราว์เซอร์ แต่คุณจะเปลี่ยนเส้นทางที่ใช้งานบ่อยซึ่งเขียนด้วย JavaScript เป็น WebAssembly ได้อย่างไร
การทําให้การเลื่อนล้อเลื่อนเร็วโดยค่าเริ่มต้น
การตอบสนองของการเลื่อนมีความสำคัญต่อการมีส่วนร่วมของผู้ใช้กับเว็บไซต์ในอุปกรณ์เคลื่อนที่ แต่ Listener เหตุการณ์แบบวงล้อมักทำให้เกิดปัญหาร้ายแรงด้านประสิทธิภาพในการเลื่อน ดูวิธีที่เราช่วยให้ผู้ใช้และนักพัฒนาแอปทำงานเร็วโดยค่าเริ่มต้น
การเลิกใช้งานและการนำออกใน Chrome 73
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 73 เพื่อช่วยคุณวางแผน
จับคู่ผลลัพธ์ได้ดีขึ้นด้วย String.prototype.matchAll()
Chrome 73 ขอแนะนำเมธอด String.prototype.matchAll() ซึ่งทำงานคล้ายกับ match() แต่เป็นวิธีที่ง่ายในการปรับปรุงการจับคู่ โดยเฉพาะอย่างยิ่งเมื่อคุณต้องการการเข้าถึงเพื่อจับกลุ่ม
การอัปเดตสื่อใน Chrome 73
การรองรับคีย์สื่อฮาร์ดแวร์, การตรวจสอบนโยบาย HDCP, ช่วงทดลองใช้จากต้นทางการแสดงภาพซ้อนภาพ และอื่นๆ
เทมเพลตและคอมโพเนนต์บนเว็บที่รวดเร็วทันใจ - lit-html & LitElement
lit-html และ LitElement นำเทมเพลตที่รวดเร็วและใช้ง่าย รวมถึงคอมโพเนนต์ที่ทำงานร่วมกันได้มาสู่เว็บสมัยใหม่
เตรียมทดลองใช้ RTCQuicTransport จากต้นทางใกล้บ้านคุณ (Chrome 73)
RTCQuicTransport เป็น API แพลตฟอร์มเว็บแบบใหม่ที่เปิดโอกาสให้แลกเปลี่ยนข้อมูลที่กำหนดเองกับกลุ่มแอปเทียบเท่าระยะไกลโดยใช้โปรโตคอล QUIC
การสร้างสแต็กแพ็กสำหรับ Lighthouse
แทนที่จะแสดงเฉพาะคำแนะนำทั่วไป แต่สแต็กแพ็กส์จะขยายให้ Lighthouse รวมข้อความเพิ่มเติมสำหรับเครื่องมือที่เฉพาะเจาะจงไว้ด้วย
ฟีเจอร์ใหม่ใน Chrome 72
ใน Chrome 72 การสร้างช่องคลาสสาธารณะใน JavaScript ช่วยให้ดูสะอาดตาขึ้นมาก คุณจะดูได้ว่าหน้าเว็บเปิดใช้งานด้วย API การเปิดใช้งานผู้ใช้ใหม่หรือไม่ การปรับรายการจะง่ายขึ้นกว่าเดิม และอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 72 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 73)
จุดตรวจสอบ เคล็ดลับเครื่องมือโดยละเอียดในโหมดการตรวจสอบ และอื่นๆ อีกมากมาย
การทำให้การเปิดใช้งานของผู้ใช้สอดคล้องกันในทุก API
ในเวอร์ชัน 72 Chrome จะจัดส่ง "การเปิดใช้งานผู้ใช้" v2 ซึ่งทำให้ความพร้อมในการเปิดใช้งานสำหรับผู้ใช้สำหรับ API ที่ปิดกั้นการเปิดใช้งานทั้งหมด และแก้ปัญหาความไม่สอดคล้องกันของการเปิดใช้งานผู้ใช้จำนวนมาก
Shape Detection API: ภาพหนึ่งภาพแทนคำ ใบหน้า และบาร์โค้ดได้หลายพันรายการ
Shape Detection API จะตรวจหาใบหน้า บาร์โค้ด และข้อความในรูปภาพ
การสร้างอุปกรณ์สำหรับ WebUSB
สร้างอุปกรณ์เพื่อใช้ประโยชน์จาก WebUSB API อย่างเต็มที่ บทความนี้อธิบายวิธีสร้างอุปกรณ์เพื่อใช้ประโยชน์จาก WebUSB API อย่างเต็มที่ ดูข้อมูลเบื้องต้นเกี่ยวกับ API ได้ที่ เข้าถึงอุปกรณ์ USB บนเว็บ Universal Serial Bus (USB)
การเลิกใช้งานและการนำออกใน Chrome 72
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 72 เพื่อช่วยคุณวางแผน
เปิดหน้าจอค้างไว้ด้วย Screen Wake Lock API
อุปกรณ์ส่วนใหญ่จะเข้าสู่โหมดสลีปอย่างรวดเร็วเมื่อไม่มีการใช้งานเพื่อไม่ให้แบตเตอรี่หมดเร็ว แม้ว่าโดยส่วนใหญ่แล้วจะไม่มีปัญหา แต่ก็มีบางแอปพลิเคชันที่ต้องเปิดหน้าจอค้างไว้เพื่อให้การทำงานบางอย่างเสร็จสมบูรณ์ API การล็อกหน้าจอมีวิธีป้องกันไม่ให้อุปกรณ์หรี่แสงหรือล็อกหน้าจอเมื่อแอปพลิเคชันจำเป็นต้องทำงานต่อ
การโฟกัสองค์ประกอบการติดตาม
เปิดคอนโซล สร้าง Live Expression แล้วตั้งค่านิพจน์เป็น document.activeElement
เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีต่างๆ ที่คุณจะใช้เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ได้
การติดป้ายไอคอนแอป
App Badging API ช่วยให้เว็บแอปที่ติดตั้งไว้สามารถตั้งค่าป้ายทั่วทั้งแอปพลิเคชัน โดยจะแสดงในตำแหน่งที่เป็นระบบปฏิบัติการและที่เกี่ยวข้องกับแอปพลิเคชันนั้นๆ โดยเฉพาะ เช่น ชั้นวางหรือหน้าจอหลัก การติดป้ายช่วยให้คุณแจ้งผู้ใช้อย่างมีชั้นเชิงได้โดยง่ายว่ามีกิจกรรมใหม่ที่อาจต้องดำเนินการกับผู้ใช้ หรืออาจใช้เพื่อระบุข้อมูลเพียงเล็กน้อย เช่น จำนวนรายการที่ยังไม่ได้อ่าน
ฟีเจอร์ใหม่ใน Chrome 71
Chrome 71 ทำให้การแสดงค่าเวลาสัมพัทธ์ง่ายขึ้นด้วย Intl.RelativeTimeFormat() API ใหม่ คุณสามารถระบุได้ว่าจะให้ข้อความขีดเส้นใต้ด้านใดปรากฏสำหรับข้อความที่จัดวางในแนวตั้ง และในขณะนี้ การใช้ API การสังเคราะห์เสียงจำเป็นต้องมีการเปิดใช้งานผู้ใช้ก่อนที่คอมพิวเตอร์ของคุณจะเริ่มคุยกับคุณ! มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 71 กัน!
ขอแนะนำการดึงข้อมูลในเบื้องหลัง
การดึงข้อมูลในเบื้องหลังทำให้คุณสามารถจัดการกับการดาวน์โหลดขนาดใหญ่ได้แม้ว่าเบราว์เซอร์จะปิดอยู่ก็ตาม
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 72)
แสดงภาพเมตริกประสิทธิภาพ ไฮไลต์โหนดข้อความ คัดลอกเส้นทาง JS ไปยังโหนด DOM และการอัปเดตแผงการตรวจสอบ
Web Audio, นโยบายการเล่นอัตโนมัติ และเกม
ในเดือนกันยายน 2017 เราได้ประกาศการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับวิธีจัดการเสียงด้วยนโยบายลักษณะการทำงานแบบเล่นอัตโนมัติใน Chrome การเปลี่ยนแปลงนโยบายนี้มีผลกับ Chrome 66 เวอร์ชันเสถียรในเดือนพฤษภาคม 2018 หลังจากได้รับความคิดเห็นจากชุมชนนักพัฒนา
สถานะความสามารถใหม่
เว็บแอปควรทําสิ่งต่างๆ ได้ทุกอย่างที่แอปเฉพาะแพลตฟอร์มทําได้ ดูสถานะของความสามารถใหม่ๆ สําหรับเว็บแอป
Signed HTTP Exchange
Signed Exchange ช่วยให้เว็บไซต์ลงนามในเนื้อหาเว็บเพื่อนำไปแจกจ่ายต่อได้อย่างปลอดภัยและยืนยันตำแหน่งเดิมของเนื้อหานั้น
การเลิกใช้งานและการนำออกใน Chrome 71
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 71 เพื่อช่วยคุณวางแผน
การอัปเดตเสียง/วิดีโอใน Chrome 70
สรุปการอัปเดตเสียง/วิดีโอใน Chrome 70 - การบัฟเฟอร์และเล่นแบบข้ามตัวแปลงรหัสและข้ามไบต์สตรีม, Opus ใน MP4 พร้อม MSE และการเล่นเนื้อหาที่มีการป้องกันได้รับอนุญาตโดยค่าเริ่มต้นใน Android
ฟีเจอร์ใหม่ใน Chrome 70
Chrome 70 เพิ่มการสนับสนุนสำหรับ Progressive Web App บนเดสก์ท็อปใน Windows และ Linux การสนับสนุนข้อมูลเข้าสู่ระบบคีย์สาธารณะไปยัง API การจัดการข้อมูลเข้าสู่ระบบ ทำให้คุณสามารถระบุชื่อให้กับผู้ปฏิบัติงานโดยเฉพาะและอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 70 กัน!
ปรับแต่ง cache.addAll() และ ImportScripts() ที่จะมีใน Chrome 71
กำลังจะมีการเปลี่ยนแปลงเล็กๆ น้อยๆ ใน cache.addAll() และ ImportScripts และใน Chrome 71
ปัญหาเกี่ยวกับการจับเวลาสีของ Chrome 69
Chrome 69 มีการเปลี่ยนแปลงเมตริกการระบายสีที่ไม่ถูกต้อง ซึ่งตั้งใจให้บันทึกไปป์ไลน์การแสดงผลได้มากขึ้น แต่ทำให้การประทับเวลาไม่ถูกต้อง
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 71)
ไฮไลต์โหนด DOM จากนิพจน์แบบเรียลไทม์ จัดเก็บโหนดเป็นตัวแปรร่วม และอื่นๆ
Worklet แอนิเมชันของ Houdini
Worklet ภาพเคลื่อนไหวช่วยให้คุณเขียนภาพเคลื่อนไหวที่จำเป็นซึ่งทำงานด้วยอัตราเฟรมดั้งเดิมของอุปกรณ์สำหรับความราบรื่นที่ไร้การจันทราและการเพิ่มความราบรื่นTM ทำให้ภาพเคลื่อนไหวมีความยืดหยุ่นมากขึ้นกับความยุ่งยากของเทรดหลัก และลิงก์เพื่อเลื่อนแทนเวลาได้
การควบคุมของผู้ใช้สำหรับสิทธิ์ของโฮสต์: คู่มือการเปลี่ยน
หลักเกณฑ์ในการอัปเดตส่วนขยายเพื่อจัดการกับการเปลี่ยนแปลงสิทธิ์ของโฮสต์รันไทม์ที่เริ่มตั้งแต่ Chrome 70 เป็นต้นไป
การอัปเดตสื่อใน Chrome 70
การบัฟเฟอร์และเล่นแบบข้ามตัวแปลงรหัสและข้ามไบต์สตรีม, Opus ใน MP4 พร้อม MSE และการเล่นเนื้อหาที่มีการป้องกันได้รับอนุญาตโดยค่าเริ่มต้นบน Android
การเลิกใช้งานและการนำออกใน Chrome 70
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 68 เพื่อช่วยคุณวางแผน
การเข้าถึงคุกกี้ HTTP แบบไม่พร้อมกัน
Cookie Store API ให้การเข้าถึงคุกกี้ HTTP แบบไม่พร้อมกัน และเปิดขวดคุกกี้ให้กับโปรแกรมทำงานของบริการ
เจาะลึกเว็บเบราว์เซอร์สมัยใหม่ (ตอนที่ 1)
เรียนรู้วิธีที่เบราว์เซอร์เปลี่ยนโค้ดของคุณให้เป็นเว็บไซต์ที่ใช้งานได้ ไม่ว่าจะเป็นสถาปัตยกรรมระดับสูงไปจนถึงข้อมูลเฉพาะของไปป์ไลน์การแสดงผล
ฟีเจอร์ใหม่ใน Chrome 69
เป็นเวลา 10 ปีแล้วนับตั้งแต่เปิดตัว Chrome เป็นครั้งแรก นับจากวันนั้นก็มีการเปลี่ยนแปลงมากมาย แต่เป้าหมายในการสร้างรากฐานที่มั่นคงสำหรับเว็บแอปพลิเคชันที่ทันสมัยนั้นยังไม่ใช่ ใน Chrome 69 สนับสนุน CSS Scroll Snapping รองรับรอยบาก เว็บล็อก และคุณลักษณะ CSS4 ใหม่ที่น่าสนใจ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 69 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 70)
นิพจน์สดในคอนโซล ไฮไลต์โหนด DOM ระหว่างการประเมินที่ตั้งใจ และอื่นๆ
ReportingObserver: ทราบประสิทธิภาพของโค้ด
ReportingObserver ให้ข้อมูลเชิงลึกแก่นักพัฒนาซอฟต์แวร์ว่าโค้ดของพวกเขากำลังทำอะไรอยู่ ReportingObserver แสดงข้อมูลเกี่ยวกับปัญหาต่างๆ เช่น การเลิกใช้งานและการฝึกฝน รวมถึงข้อความที่ก่อนหน้านี้ดูได้ในคอนโซล DevTools เท่านั้น
ตอนนี้ความเร็วเป็นปัจจัยของหน้า Landing Page สําหรับ Google Search และ Google Ads แล้ว
ตอนนี้ความเร็วเป็นปัจจัยของหน้า Landing Page สําหรับ Google Search และ Google Ads แล้ว
ฟีเจอร์ใหม่ใน Chrome 68
Chrome 68 นำการเปลี่ยนแปลงลักษณะการทำงาน "เพิ่มลงในหน้าจอหลัก" ของ Android มาใช้เพื่อให้คุณควบคุมได้มากขึ้น API วงจรการใช้งานหน้าเว็บจะแจ้งให้คุณทราบเมื่อแท็บของคุณถูกระงับหรือกู้คืน และ Payment Handler API ทำให้แอปการชำระเงินบนเว็บรองรับ Payment Request ได้ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 68 กัน!
ขอแนะนำการดึงข้อมูล NoState
Chrome 63 มาพร้อมกับ NoState Prefetch NoState Prefetch เป็นกลไกในการดึงข้อมูลทรัพยากรล่วงหน้าซึ่งใช้หน่วยความจำน้อยกว่าขั้นตอนการแสดงผลล่วงหน้าที่เลิกใช้งานแล้ว
PWACompat - ไฟล์ Manifest ของเว็บแอปสำหรับทุกเบราว์เซอร์
ใช้ไลบรารี PWACompat เพื่อนำไฟล์ Manifest ของเว็บแอปไปยังทุกเบราว์เซอร์
ภาระงาน-การนำทาง-การโหลดล่วงหน้า
เปิดใช้การโหลดการนำทางล่วงหน้า เพื่อให้รับการตอบสนองของเครือข่ายสำหรับคำขอการนำทางได้เร็วขึ้น
การแยกเว็บไซต์สำหรับนักพัฒนาเว็บ
Chrome 67 บนเดสก์ท็อปจะมีฟีเจอร์ใหม่ที่ชื่อว่าการแยกเว็บไซต์\* โดยค่าเริ่มต้น บทความนี้จะอธิบายว่าการแยกเว็บไซต์เป็นเรื่องเกี่ยวกับอะไร ทำไมจึงมีความสำคัญ และเหตุผลที่นักพัฒนาเว็บควรตระหนักถึงเรื่องนี้
การทดลองใช้ First Input Delay ในรายงาน UX ของ Chrome
ประกาศเกี่ยวกับการเพิ่มเมตริกการทดสอบ First Input Delay (FID) ในรายงานประสบการณ์ของผู้ใช้ Chrome
ทำความเข้าใจโควต้าพื้นที่เก็บข้อมูล
คำแนะนำเกี่ยวกับการกำหนดค่า Workbox เพื่อหลีกเลี่ยงปัญหาโควต้าพื้นที่เก็บข้อมูล
ข้อมูลเบื้องต้นเกี่ยวกับนโยบายคุณลักษณะ
นโยบายฟีเจอร์ช่วยให้นักพัฒนาซอฟต์แวร์เลือกเปิดใช้ ปิดใช้ และแก้ไขลักษณะการทำงานของ API และฟีเจอร์บางอย่างในเบราว์เซอร์ได้ นี่เหมือนกับ CSP แต่สำหรับฟีเจอร์ต่างๆ จัดส่งแล้วใน Chrome 60
Augmented Reality สำหรับเว็บ
Augmented Reality ช่วยให้สามารถวางและติดตามวัตถุเสมือนจริงในมุมมองของโลกแห่งความเป็นจริง
Chacmool: Augmented Reality ใน Chrome Canary
Chacmool เป็นการสาธิตบนเว็บเพื่อการศึกษาที่แสดงให้เห็นว่า AR บนเว็บช่วยสร้างประสบการณ์ที่น่าดึงดูดได้อย่างง่ายดาย
คำถามที่พบบ่อยเกี่ยวกับการย้ายข้อมูลการเลิกใช้งานการติดตั้งจากในหน้าเว็บ
คำถามที่พบบ่อยเกี่ยวกับการเลิกใช้งานการติดตั้งแบบอินไลน์สำหรับส่วนขยาย Chrome
การเลิกใช้งานและการนำออกใน Chrome 68
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 68 เพื่อช่วยคุณวางแผน
การเปลี่ยนแปลงที่จะเพิ่มไปยังลักษณะการทำงานของหน้าจอหลัก
ตั้งแต่ Chrome 68 บน Android ลักษณะการทำงาน "เพิ่มลงในหน้าจอหลัก" จะเปลี่ยนไปเพื่อให้คุณควบคุมได้มากขึ้นว่าจะให้แจ้งผู้ใช้เมื่อใดและอย่างไร หากเว็บไซต์เป็นไปตามเกณฑ์การเพิ่มในหน้าจอหลัก Chrome จะไม่แสดงแบนเนอร์ "เพิ่มลงในหน้าจอหลัก" โดยอัตโนมัติอีกต่อไป คุณจะต้องเรียก prompt() ในเหตุการณ์ beforeinstallprompt ที่บันทึกไว้แทนเพื่อแสดงข้อความแจ้งในกล่องโต้ตอบ "เพิ่มไปยังหน้าจอหลัก" ให้กับผู้ใช้
ฟีเจอร์ใหม่ใน Chrome 67
Chrome 67 นำ Progressive Web App มาสู่เดสก์ท็อป เพิ่มการรองรับ API เซ็นเซอร์ทั่วไป ซึ่งทำให้เข้าถึงเซ็นเซอร์ของอุปกรณ์ เช่น ตัวตรวจวัดความเร่ง เครื่องวัดการหมุน และอื่นๆ ได้ง่ายขึ้น และเพิ่มการสนับสนุนสำหรับ BigInts ซึ่งทำให้จัดการกับจำนวนเต็มจำนวนมากได้ง่ายขึ้น มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 67 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 68)
การประเมินที่ตั้งใจ, คำแนะนำอาร์กิวเมนต์, การเติมฟังก์ชันอัตโนมัติ, Lighthouse 3.0 และอื่นๆ
การเปิดใช้การตรวจสอบสิทธิ์แบบเข้มงวดด้วย WebAuthn
Chrome 67 รุ่นเบต้าเปิดตัว API การตรวจสอบสิทธิ์บนเว็บ (WebAuthn) ซึ่งช่วยให้เบราว์เซอร์โต้ตอบและจัดการข้อมูลเข้าสู่ระบบที่ใช้คีย์สาธารณะได้ ซึ่งจะช่วยการตรวจสอบสิทธิ์ที่มีความปลอดภัยสูงโดยใช้คีย์ความปลอดภัยแบบถอดได้และตัวตรวจสอบสิทธิ์ในตัวของแพลตฟอร์ม เช่น โปรแกรมสแกนลายนิ้วมือ
การใช้ Lighthouse เพื่อปรับปรุงประสิทธิภาพการโหลดหน้าเว็บ
การตรวจสอบประสิทธิภาพการทำงานใหม่สำหรับการโหลดล่วงหน้า, การเชื่อมต่อล่วงหน้า, GIF และอื่นๆ
ประกาศเปิดตัว Lighthouse 3.0
ตรวจสอบได้เร็วขึ้น ความแปรปรวนน้อยลง UI รายงานใหม่ การตรวจสอบใหม่ และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 67
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 67 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการเลิกใช้งานการปักหมุดคีย์สาธารณะ การนำ AppCache ออกในบริบทที่ไม่ปลอดภัย และการนำคำนำหน้าออกอื่นๆ เพิ่มเติม
ย้ายข้อมูลไปยังสคริปต์พื้นหลังที่ขับเคลื่อนด้วยเหตุการณ์
วิธีย้ายข้อมูลสคริปต์ที่ทำงานอยู่เบื้องหลังถาวรไปยังโมเดลที่ไม่ถาวรที่ขึ้นอยู่กับเหตุการณ์เพื่อปรับปรุงประสิทธิภาพของส่วนขยาย Chrome
ฟีเจอร์ใหม่ใน Chrome 66
Chrome 66 ทำให้การควบคุม CSS ง่ายขึ้นด้วยออบเจ็กต์โมเดลประเภท CSS ใหม่ การเข้าถึงคลิปบอร์ดเป็นแบบไม่พร้อมกัน มีบริบทการแสดงผลแบบใหม่สำหรับองค์ประกอบ Canvas และวิธีประมวลผลเสียงโดยใช้ JavaScript ที่ดียิ่งขึ้น มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 66 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 67)
ค้นหาในส่วนหัวของเครือข่าย คัดลอกคำขอเป็นการดึงข้อมูล ตรวจสอบหน้าโดยใช้เงื่อนไขบนเดสก์ท็อป และอื่นๆ อีกมากมาย
แก้ไขและบันทึกไฟล์ในพื้นที่ทำงาน
ดูวิธีบันทึกการเปลี่ยนแปลงที่ทำภายในเครื่องมือสำหรับนักพัฒนาเว็บไปยังไฟล์ต้นทาง
นำเสนอหน้าเว็บไปยังจอแสดงผลสำรองที่แนบอยู่
Chrome 66 ช่วยให้หน้าเว็บใช้จอแสดงผลสำรองที่แนบมาผ่าน Presentation API และเพื่อควบคุมเนื้อหาผ่าน Presentation Receiver API ได้
การเลิกใช้งานและการนำออกใน Chrome 66
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 66 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ มีการปรับปรุงความปลอดภัยของโปรแกรมทำงานของบริการ การเปลี่ยนแปลงค่าตำแหน่ง CSS และอื่นๆ
คำถามที่พบบ่อยเกี่ยวกับ SmooshGate
SmooshGate จะสอนอะไรเราได้บ้างเกี่ยวกับการพัฒนามาตรฐานและแพลตฟอร์มเว็บ การเขียนนี้จะอธิบายภาพรวม
ปกป้องความเป็นส่วนตัวของผู้ใช้
หลักเกณฑ์ในการตรวจสอบว่าส่วนขยาย Chrome ปกป้องความเป็นส่วนตัวของผู้ใช้
ปกป้องความเป็นส่วนตัวของผู้ใช้
หลักเกณฑ์ในการตรวจสอบว่าส่วนขยาย Chrome ปกป้องความเป็นส่วนตัวของผู้ใช้
ใหม่ใน Chrome 65
Chrome 65 เพิ่มการรองรับ CSS Paint API ใหม่ ซึ่งช่วยให้คุณสร้างรูปภาพโดยใช้โปรแกรมได้ คุณสามารถใช้ Server Timing API เพื่อระบุข้อมูลเวลาประสิทธิภาพของเซิร์ฟเวอร์ได้ผ่านทางส่วนหัว HTTP และคุณสมบัติ "Content display" ของ CSS ใหม่อาจทำให้ช่องหายไปได้ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 65 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 66)
ละเว้นสคริปต์ในแผงเครือข่าย ปรับการซูมอัตโนมัติในโหมดอุปกรณ์ และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 65
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 65 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ มีการแจ้งเตือนเกี่ยวกับใบรับรอง Symantec, การดาวน์โหลดแบบข้ามต้นทางจะถูกบล็อก และตอนนี้ document.all จะอ่านได้อย่างเดียว
การสร้างกล่องงาน
โมดูลที่สามารถสร้าง Service Worker แทรกไฟล์ Manifest สำหรับแคชล่วงหน้าลงในโค้ดที่มีอยู่ หรือสร้างไฟล์ Manifest สำหรับแคชล่วงหน้า
ย้ายข้อมูลจาก sw-precache หรือ sw-toolbox
คำแนะนำในการย้ายข้อมูลจาก sw-precache หรือ sw-toolbox ไปยัง Workbox
รายงานประสบการณ์ของผู้ใช้ Chrome - มิติข้อมูลประเทศใหม่
ประกาศการเปิดตัวมิติข้อมูลประเทศใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome
ฟีเจอร์ใหม่ใน Chrome 64
Chrome 64 เพิ่มการสนับสนุนสำหรับ ResizeObservers ซึ่งจะแจ้งให้คุณทราบเมื่อสี่เหลี่ยมผืนผ้าเนื้อหาขององค์ประกอบเปลี่ยนขนาด ขณะนี้โมดูลสามารถเข้าถึงข้อมูลเมตาที่เฉพาะเจาะจงของโฮสต์ด้วย import.metadata ตัวบล็อกป๊อปอัปมีความรัดกุมและอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 64 กัน!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 65)
การลบล้างในเครื่อง เครื่องมือช่วยเหลือพิเศษ การตรวจสอบประสิทธิภาพและ SEO และอื่นๆ
Chrome แบบ Headless: คำตอบสำหรับเว็บไซต์ JavaScript สำหรับการแสดงผลฝั่งเซิร์ฟเวอร์
Chrome แบบ Headless คือโซลูชันแบบดรอปอินสำหรับการเปลี่ยนไซต์ JavaScript แบบไดนามิกให้เป็นหน้า HTML แบบคงที่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 64)
การตรวจสอบประสิทธิภาพ แถบด้านข้างของคอนโซล และการจัดกลุ่มคอนโซล
ปลั๊กอิน Workbox-webpack
สร้าง Service Worker หรือแทรกไฟล์ Manifest ล่วงหน้าโดยใช้เครื่องมือสร้าง Webpack
รายงานประสบการณ์ของผู้ใช้ Chrome - กำลังขยายการให้บริการไปยังต้นทางยอดนิยมกว่า 1 ล้านแห่ง
วันนี้เราได้เปิดตัวรายงานประสบการณ์ของผู้ใช้ Chrome ใหม่ที่ขยายการครอบคลุมของต้นทางยอดนิยมกว่า 1 ล้านแห่งในเว็บ
การเลิกใช้งานและการนำออกใน Chrome 64
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 64 เพื่อช่วยคุณในการวางแผน ในเวอร์ชันนี้ Performance API จะมีการเปลี่ยนแปลง ยกเลิกการรองรับรูทเงาหลายตัว และการนำ WebKit API ออก
Audio Worklet พร้อมให้ใช้งานตามค่าเริ่มต้นแล้ว
Chrome 64 มาพร้อมกับฟีเจอร์ใหม่ที่ทุกคนตั้งตารอใน Web Audio API - Audio Worklet
Self-host สำหรับ Linux
วิธีทำแพ็กเกจ โฮสต์ และอัปเดตไฟล์ crx จากเซิร์ฟเวอร์ส่วนบุคคลสำหรับผู้ใช้ Linux
Chrome 64 เพื่อเลิกใช้งาน chrome.loadTimes() API
เราจะเลิกใช้งาน chrome.loadTimes() API แบบไม่เป็นมาตรฐานใน Chrome 64 เนื่องจากตอนนี้ฟีเจอร์ที่มีประโยชน์ทั้งหมดของ Chrome จะพร้อมใช้งานตามมาตรฐาน
การอัปเดต Lighthouse 2.6
การตรวจสอบประสิทธิภาพใหม่ การปรับปรุงคะแนนการช่วยเหลือพิเศษ รายงานการปรับปรุง UX และแก้ไขข้อบกพร่อง
การอัปเดตสื่อใน Chrome 63/64
การเล่นสื่อที่คาดการณ์ได้, HDR ใน Windows 10, การเล่นแบบออฟไลน์พร้อมใบอนุญาตถาวร และอีกมากมายรอคุณอยู่ใน Chrome 64
Memory API ของอุปกรณ์
Device Memory API ช่วยให้นักพัฒนาซอฟต์แวร์ให้บริการทรัพยากรที่แตกต่างกันแก่ผู้ใช้โดยอิงตามความสามารถของหน่วยความจำของอุปกรณ์นั้นๆ
ฟีเจอร์ใหม่ใน Chrome 63
Chrome 63 ให้คุณนำเข้าโมดูล JavaScript แบบไดนามิก คำถามในการเขียนโค้ดของการสัมภาษณ์สุดโปรดของฉันกลายเป็นเค้กที่ทำตามได้ตลอดและเครื่องมือสร้างแบบไม่พร้อมกัน และคุณสามารถลบล้างลักษณะการทำงานของการเลื่อนรายการเพิ่มเติมเริ่มต้นของเบราว์เซอร์ด้วยคุณสมบัติ CSS Overscroll-behavior
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 63)
การแก้ไขข้อบกพร่องจากระยะไกลแบบหลายไคลเอ็นต์ ข้อความ Push ที่มีข้อมูลที่กำหนดเอง และ Workspaces 2.0
การแคชพื้นที่ทำงานล่วงหน้า
แคชชุดไฟล์ล่วงหน้าได้อย่างง่ายดายและจัดการการอัปเดตไฟล์ได้อย่างมีประสิทธิภาพ
กลยุทธ์กล่องงาน
ชุดของกลยุทธ์การแคชรันไทม์ที่จะจัดการกับการตอบสนองต่อคำขอ ปกติแล้วใช้กับ "การกำหนดเส้นทางกล่องทำงาน"
การกำหนดเส้นทางกล่องงาน
กำหนดเส้นทางคำขอใน Service Worker ไปยังกลยุทธ์การแคชหรือฟังก์ชันเรียกกลับที่เฉพาะเจาะจง
workbox-background-sync
ใช้การซิงค์เบื้องหลังเพื่อส่งคำขอเครือข่ายที่เชื่อถือได้ แม้ว่าผู้ใช้จะออฟไลน์อยู่
workbox-cli
สร้าง Service Worker แทรกไฟล์ Manifest สำหรับแคชล่วงหน้า หรือสร้างสำเนาไลบรารีของ Workbox ไว้ในเครื่องจากบรรทัดคำสั่ง
ควบคุมการเลื่อนของคุณ - ปรับแต่งเอฟเฟกต์การดึงเพื่อรีเฟรชและเอฟเฟกต์เพิ่มเติม
ข้อมูลเบื้องต้นเกี่ยวกับคุณสมบัติ CSS Overscroll-behavior
การเลิกใช้งานและการนำออกใน Chrome 63
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 63 เพื่อช่วยคุณในการวางแผน ในเวอร์ชันนี้ ลักษณะการทำงานแบบใหม่เกี่ยวกับพร็อพเพอร์ตี้ของอินเทอร์เฟซ การนำฟังก์ชัน Web ออก และการเปลี่ยนแปลงใน RTCRtcpMuxPolicy
การอัปเดต Lighthouse 2.5
การตรวจสอบใหม่ 5 รายการ โมดูลโหนดแบบสแตนด์อโลนของตัวเรียกใช้งาน Chrome และคู่มือการควบคุมแบบใหม่
ใหม่ใน Chrome 62
Chrome 62 ปรับปรุง API ข้อมูลเครือข่ายด้วยตัวบ่งชี้คุณภาพเครือข่าย การรองรับแบบอักษรตัวแปร OpenType พร้อมให้ใช้งานแล้ว ตอนนี้คุณสามารถจับภาพและประมวลผลสตรีมสื่อจาก HTMLMediaElements ด้วย Media Capture จาก DOM Element API ได้แล้ว
การทำภาพเคลื่อนไหวเบลอ
เคล็ดลับบางอย่างเป็นสิ่งจำเป็นในการสร้างภาพเคลื่อนไหวที่เบลออย่างมีประสิทธิภาพ
เหตุการณ์สำหรับตำแหน่ง CSS:Sticky
ใช้ตำแหน่ง - ติดหนึบและ IntersectionObserver ร่วมกันเพื่อกำหนดว่าจะให้องค์ประกอบติดหนึบเมื่อใด ใช้เอฟเฟกต์การเลื่อนโดยไม่มีเหตุการณ์การเลื่อน
เซ็นเซอร์สําหรับเว็บ
เซ็นเซอร์ใช้ในแอปพลิเคชันต่างๆ เพื่อเปิดใช้ฟีเจอร์ขั้นสูง เช่น เกมที่คำนึงถึงการวางแนวหรือการเร่งความเร็วของอุปกรณ์ที่ใช้งาน Generic Sensor API มีอินเทอร์เฟซทั่วไปสำหรับการเข้าถึงข้อมูลเซ็นเซอร์ดังกล่าวบนเว็บ
การเลิกใช้งานและการนำออกใน Chrome 62
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 62 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
การสำรวจ Back-Forward Cache สำหรับ Chrome
bfcache สร้างแคชที่ช่วยให้มีการนำทางไปยังหน้าที่เข้าชมก่อนหน้านี้ได้ทันที
นโยบายการเล่นอัตโนมัติใน Chrome
ดูแนวทางปฏิบัติแนะนำสำหรับประสบการณ์ของผู้ใช้ที่ดีด้วยนโยบายการเล่นอัตโนมัติแบบใหม่ใน Chrome
การแสดงภาพซ้อนภาพ (PIP)
มาพูดถึง Web API กัน ซึ่งจะช่วยให้เว็บไซต์ต่างๆ สร้างหน้าต่างวิดีโอแบบลอยไว้บนเดสก์ท็อปได้
การอัปเดตสื่อใน Chrome 62
การเล่นแบบออฟไลน์พร้อมใบอนุญาตถาวรและ Widevine L1 ใน Android, การเพิ่มประสิทธิภาพแทร็กวิดีโอ, วิดีโอเต็มหน้าจออัตโนมัติเมื่อมีการหมุนอุปกรณ์, ช่วงการค้นหาที่ปรับแต่งได้ในสตรีม MS แบบสด, FLAC ในรูปแบบ MP4 พร้อม MSE พร้อมให้ใช้งานแล้ว
ใหม่ใน Chrome 61
ตอนนี้ Chrome 61 รองรับโมดูล JavaScript ในตัวแล้ว ซึ่งรวมวิธีการเขียน JavaScript แบบแยกส่วน คุณสามารถใช้การแชร์จุดของตัวนำทางเพื่อทริกเกอร์กล่องโต้ตอบการแชร์แบบเนทีฟของ Android ได้แล้ว และ WebUSB API ก็ได้ลงจอดแล้ว ซึ่งช่วยให้เว็บแอปเข้าถึงอุปกรณ์ USB ที่ผู้ใช้อนุญาตได้ ยังมีอีกมากมาย
ขอแนะนำ VisualViewport
API วิวพอร์ตภาพจะให้รายละเอียดว่าผู้ใช้ซูมและเลื่อนไปรอบๆ หน้าเว็บของคุณอย่างไร
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 62)
โอเปอเรเตอร์ระดับสูงรออยู่ในคอนโซล, เวิร์กโฟลว์ภาพหน้าจอใหม่, การไฮไลต์ตารางกริด CSS และอื่นๆ
การเลิกใช้งานและการนำออกใน Chrome 61
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 61 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
การประมาณพื้นที่เก็บข้อมูลที่ใช้ได้
navigator.storage.estimate() ให้ข้อมูลเชิงลึกเกี่ยวกับข้อจำกัดของพื้นที่เก็บข้อมูลของเว็บแอป
การอัปเดตสื่อใน Chrome 61
การเพิ่มประสิทธิภาพการติดตามวิดีโอพื้นหลังและการเล่นวิดีโออัตโนมัติแบบเต็มหน้าจอเมื่อมีการหมุนอุปกรณ์พร้อมใช้งานแล้ว
ใหม่ใน Chrome 60
ด้วย Chrome 60 ตอนนี้คุณสามารถวัดเวลาในการวาดครั้งแรก และเวลาในการแสดงผลเนื้อหาครั้งแรกด้วย Paint Timings API คุณควบคุมวิธีแสดงผลแบบอักษรได้ด้วยคุณสมบัติ CSS การแสดงแบบอักษร WebAssembly พร้อมใช้งานแล้ว และอีกมากมาย!
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 61)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 61
ฟีเจอร์นิพจน์ทั่วไปที่กำลังจะเปิดตัว
ภาพรวมของฟีเจอร์ใหม่ที่น่าตื่นเต้นซึ่งมาพร้อมกับนิพจน์ทั่วไปของ JavaScript รวมถึงการบันทึกที่มีชื่อ, แฟล็ก dotAll, การหลีกพร็อพเพอร์ตี้ Unicode และการยืนยันรูปลักษณ์เบื้องหลัง
เหตุการณ์การป้อนข้อมูลแนวเดียวกัน
การมอบประสบการณ์ของผู้ใช้ที่ราบรื่นเป็นสิ่งสำคัญสำหรับเว็บ ในช่วง 2-3 รุ่นที่ผ่านมา เราได้ลดเวลาในการตอบสนองของการป้อนข้อมูลในอุปกรณ์เหล่านี้ลง
การเลิกใช้งานและการนำออกใน Chrome 60
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 60 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
ข้อมูลเบื้องต้นเกี่ยวกับ Budget API
Budget API ช่วยให้นักพัฒนาแอปดำเนินการเบื้องหลังได้โดยไม่ต้องแจ้งให้ผู้ใช้ทราบ ซึ่งจะเปิดใช้กรณีการใช้งาน เช่น การพุชเงียบ
ใหม่ใน Chrome 59
เมื่อใช้ Chrome 59 คุณสามารถเรียกใช้ Chrome ในสภาพแวดล้อมอัตโนมัติโดยไม่ต้องมีอินเทอร์เฟซผู้ใช้หรืออุปกรณ์ต่อพ่วง การแจ้งเตือนบน macOS จะแสดงผ่านระบบการแจ้งเตือนดั้งเดิมของ macOS โดยตรง ซึ่งตอนนี้คุณสามารถจับภาพความละเอียดแบบเต็มได้ด้วย API การจับภาพ และฟีเจอร์อื่นๆ อีกมากมาย
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 60)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 60
การเลิกใช้งานและการนำออกใน Chrome 59
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 59 เพื่อช่วยคุณวางแผน
การย้ายไปใช้ระบบการแจ้งเตือนดั้งเดิมใน macOS
สำหรับ Chrome 59 เป็นต้นไป ระบบจะแสดงการแจ้งเตือนดั้งเดิมใน macOS
ใหม่ใน Chrome 58
Chrome 58 ช่วยให้ Progressive Web App สมจริงยิ่งขึ้นด้วยจอแสดงผลแบบเต็มหน้าจอ ขณะนี้ IndexedDB 2.0 ได้รับการรองรับแล้ว และ iframe ที่ทำแซนด์บ็อกซ์จะมีตัวเลือกมากขึ้น Pete LePage มีรายละเอียดทั้งหมดและวิธีที่คุณสามารถใช้ฟีเจอร์ใหม่เหล่านี้สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 58
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 59)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 59
นโยบาย Chromium ในกล่องโต้ตอบ JavaScript
กล่องโต้ตอบ JavaScript แบบซิงโครนัสแบบโมดัลมักถูกใช้สร้างความเสียหายต่อผู้ใช้ (และน่าเสียดาย) ด้วยเหตุนี้ ทีม Chromium จึงไม่แนะนำอย่างยิ่งว่าอย่าใช้กล่องโต้ตอบ JavaScript
การสร้างภาพเคลื่อนไหวแบบขยายและยุบ
เมื่อทำการขยายและยุบเอฟเฟกต์ คุณสามารถใช้การเปลี่ยนรูปแบบการปรับขนาดเพื่อรักษาประสิทธิภาพของ UI ได้
เจาะลึก CSS - matrix3d() สำหรับแถบเลื่อนที่กำหนดเองแบบเฟรมที่สมบูรณ์แบบ
เมทริกซ์การแปลงที่กำหนดเองช่วยให้คุณสามารถสร้างแถบเลื่อนที่กำหนดเองที่สมบูรณ์แบบสำหรับเฟรม
การอัปเดตสื่อใน Chrome 58
การปรับแต่งการควบคุมสื่อ การเล่นอัตโนมัติสำหรับ Progressive Web App ที่เพิ่มลงในหน้าจอหลัก หยุดการเล่นวิดีโอที่ปิดเสียงไว้ชั่วคราวเมื่อซ่อนตัว และคำค้นหาสื่อที่กำหนดขอบเขตสีอยู่ในนี้
เราจะข้ามสตรีม (สื่อ) ไปพร้อมๆ กัน
ปัจจุบัน เมื่อใช้ส่วนขยายแหล่งที่มาของสื่อ (MSE) ใน Chrome คุณจะไม่สามารถสลับระหว่างสตรีมที่เข้ารหัสและสตรีมแบบล้างได้ การเปลี่ยนแปลงทั้งหมดนี้จะเกิดขึ้นใน Chrome 58
การเลิกใช้งานและการนำออกใน Chrome 58
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 58 เพื่อช่วยคุณวางแผน
ใหม่ใน Chrome 57
ด้วย Chrome 57 ตอนนี้คุณสามารถใช้ "ดิสเพลย์" สำหรับเลย์เอาต์แบบตารางกริด ใช้ API เซสชันสื่อเพื่อปรับแต่งหน้าจอล็อกและการแจ้งเตือนด้วยข้อมูลเกี่ยวกับสื่อที่เล่นอยู่ และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดและวิธีการใช้งานฟีเจอร์ใหม่เหล่านี้สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 57
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 58)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 58
ปรับแต่งการแจ้งเตือนสื่อและจัดการเพลย์ลิสต์
ปรับแต่งการแจ้งเตือนสื่อบนเว็บและตอบสนองต่อเหตุการณ์ที่เกี่ยวข้องกับสื่อด้วย Media Session API ใหม่
ไฟล์ Manifest - เครื่องจัดการการดำเนินการ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ action_handlers ของ manifest.json
การเลิกใช้งานและการนำ API ออกใน Chrome 57
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 57 เพื่อช่วยคุณวางแผน
การเปลี่ยนแปลงใน API คำขอการชำระเงิน
ใน Chrome 56 และ 57 จะมีการเปลี่ยนแปลงบางอย่างใน Payment Request API ตามการเปลี่ยนแปลงข้อกำหนด เรียนรู้ความหมายและทำการเปลี่ยนแปลงการติดตั้งใช้งานของคุณ
ตารางกริด CSS – เลย์เอาต์ตารางกลับมาแล้ว รับรู้และทั่วถึง
ตารางกริด CSS เป็นระบบเลย์เอาต์ใหม่สำหรับเว็บ
ใหม่ใน Chrome 56
เมื่อใช้ Chrome 56 เว็บแอปจะสื่อสารกับอุปกรณ์บลูทูธพลังงานต่ำที่อยู่ใกล้เคียงได้โดยใช้ Web Bluetooth API ตำแหน่ง CSS: ติดหนึบ คือ "ด้านหลัง" ช่วยให้สร้างองค์ประกอบที่เลื่อนตามปกติจนติดอยู่กับด้านบนสุดของวิวพอร์ตได้อย่างง่ายดาย และ HTML5 โดยค่าเริ่มต้นจะเปิดใช้งานสำหรับผู้ใช้ทุกคน
ทำให้การเลื่อนด้วยการแตะทำงานเร็วโดยค่าเริ่มต้น
การตอบสนองของการเลื่อนมีความสำคัญต่อการมีส่วนร่วมของผู้ใช้กับเว็บไซต์ในอุปกรณ์เคลื่อนที่ แต่ Listener เหตุการณ์การแตะมักทำให้เกิดปัญหาร้ายแรงด้านประสิทธิภาพในการเลื่อน ดูวิธีที่เราช่วยให้ผู้ใช้และนักพัฒนาแอปทำงานเร็วโดยค่าเริ่มต้น
ข้อมูลอ้างอิงการดีบัก JavaScript
สำรวจเวิร์กโฟลว์การแก้ไขข้อบกพร่องใหม่ในข้อมูลอ้างอิงแบบครอบคลุมนี้เกี่ยวกับฟีเจอร์การแก้ไขข้อบกพร่องของ Chrome DevTools
การสร้างเว็บที่ดีขึ้นด้วย Lighthouse
มีอะไรใหม่ใน Lighthouse การออกแบบใหม่ การตรวจสอบแนวทางปฏิบัติที่ดีที่สุดใหม่ และเครื่องมือดูรายงานออนไลน์
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome - การทำโปรไฟล์ CPU ของ JavaScript ใน Chrome 58
"บันทึกโปรไฟล์ CPU JavaScript" มีการเปลี่ยนแปลงใน Chrome 58
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: การจัดทำโปรไฟล์ CPU ของ JavaScript ใน Chrome 58
บันทึกโปรไฟล์ JavaScript CPU มีการเปลี่ยนแปลงใน Chrome 58
การเลิกใช้งานและการนำ API ออกใน Chrome 56
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 56 เพื่อช่วยคุณวางแผน
พารัลแลกซ์สำหรับการแสดง
ใช้การบิดเบือนเชิงคณิตศาสตร์เล็กๆ น้อยๆ ได้ จึงอาจมีเอฟเฟ็กต์พารัลแลกซ์ที่สอดคล้องกับสถาปัตยกรรมของเบราว์เซอร์
ใหม่ใน Chrome 55
Chrome 55 ให้คุณเขียนโค้ดตามคำสัญญาได้ประหนึ่งว่าโค้ดแบบซิงโครนัสโดยใช้อะซิงโครนัสและรอ PointerEvents มอบวิธีการที่เป็นหนึ่งเดียวในการจัดการเหตุการณ์อินพุตทั้งหมด และพื้นที่เก็บข้อมูลถาวรจะจบลงจากช่วงทดลองใช้จากต้นทาง
เตรียมพร้อมสำหรับ Chrome Dev Summit 2016
Chrome Dev Summit 2016 จะจัดขึ้นในวันพฤหัสบดีที่ 10 และ 11 พฤศจิกายน
การหลีกเลี่ยงคำเตือนที่ไม่ปลอดภัยใน Chrome
ในเร็วๆ นี้ Chrome จะทำเครื่องหมายหน้าที่ไม่ปลอดภัยซึ่งมีช่องป้อนข้อมูลรหัสผ่านและบัตรเครดิตว่า "ไม่ปลอดภัย" ในแถบ URL
จัดการขีดกลางด้วย CSS
Chrome 55 จะใช้พร็อพเพอร์ตี้ขีดกลางเพื่อควบคุมว่าขีดกลางสั้นจะปรากฏเมื่อใดและทำงานอย่างไร
อีเมลสรุปสำหรับ DevTools เดือนตุลาคม 2016
ฟีเจอร์ใหม่ของ Console, อัปเดตเกี่ยวกับข้อบกพร่องของตัวเลือกบริบท และ User Agent ใหม่ของเบราว์เซอร์ UC
การเลิกใช้งานและการนำ API ออกใน Chrome 55
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 56 เพื่อช่วยคุณวางแผน
จับภาพ MediaStream จากองค์ประกอบ Canvas วิดีโอ หรือเสียง
เมธอด cacheStream() ทำให้สามารถบันทึก MediaStream จาก Canvas องค์ประกอบเสียง หรือวิดีโอใน Android และเดสก์ท็อปได้
หนึ่งครั้งที่ Listener เหตุการณ์
ตอนนี้ addEventListener รองรับตัวเลือกครั้งเดียว ซึ่งทำให้ระบุเหตุการณ์ที่ล้างตัวเองได้ง่ายขึ้น
ชี้ไปข้างหน้า
เหตุการณ์ตัวชี้จะรวมโมเดลอินพุตตัวชี้สำหรับเบราว์เซอร์ เป็นการนำการแตะ ปากกา และเมาส์มารวมไว้ในเหตุการณ์ชุดเดียว
ตัวเลือกการทำงานด้วยการสัมผัส
การทำงานด้วยการแตะช่วยให้นักพัฒนาซอฟต์แวร์กำหนดวิธีที่ผู้ใช้โต้ตอบกับองค์ประกอบได้ และตอนนี้ Chrome รองรับตัวเลือกการดำเนินการด้วยการแตะใน Chrome 55 มากขึ้นแล้ว
auxclick จะพร้อมใช้งานใน Chrome 55
เหตุการณ์ auxclick ใหม่จะเริ่มทำงานสำหรับการคลิกปุ่มเมาส์ที่ไม่ใช่ปุ่มหลัก
ใหม่ใน Chrome 54
ด้วย Chrome 54 ตอนนี้คุณสามารถสร้างแท็ก HTML ที่กำหนดเองของคุณเองด้วยและทำให้คอมโพเนนต์เว็บที่นำมาใช้ใหม่ได้พร้อมองค์ประกอบที่กำหนดเอง v1 ทำให้การส่งข้อความระหว่างหน้าต่างหรือแท็บที่เปิดอยู่ในต้นทางเดียวกันทำได้ง่ายขึ้นด้วย BroadcastChannel API ส่วนประสบการณ์สื่อจะดียิ่งขึ้นใน Android และตอนนี้การดึงข้อมูลจากต่างประเทศพร้อมให้บริการแล้วในช่วงทดลองใช้จากต้นทาง
การอัปเดตที่ developers.google.com/web
หลักพื้นฐานในการทำเว็บไซต์แบบใหม่ - การนำทางที่ดีขึ้น เนื้อหาใหม่ และอื่นๆ
การแรสเตอร์เลเยอร์แบบผสมอีกครั้งเมื่อเปลี่ยนสเกล
จะเปลี่ยนแปลง - การเปลี่ยนรูปแบบหมายถึง โปรดทำให้ภาพเคลื่อนไหวเร็วขึ้น
ผู้ปฏิบัติงานบริการข้ามต้นทาง - การทดสอบการดึงข้อมูลจากต่างประเทศ
บริการของบุคคลที่สามสามารถเริ่มทำให้เครื่องจัดการคำขอเครือข่ายของตนเองใช้งานได้
CacheQueryOptions มีให้บริการใน Chrome 54
ระบบรองรับ CacheQueryOptions ทั้งชุด ทำให้ค้นพบการตอบกลับที่แคชไว้เมื่อต้องการได้ง่ายขึ้น
อีเมลสรุปสำหรับ DevTools กันยายน 2016 - สรุปข่าวสาร Perf
การปรับปรุงเครื่องมือ Perf ใน DevTools ในช่วง 2-3 รุ่นที่ผ่านมา
BroadcastChannel API - รถบัสข้อความสำหรับเว็บ
สามารถใช้ BroadcastChannel API สำหรับ Pub/Sub แบบง่ายระหว่างหน้าต่าง, แท็บ, iframe หรือผู้ปฏิบัติงาน
Web Animations API บรรลุเป้าหมายข้ามเบราว์เซอร์
Firefox 48 ร่วมมือกับ Chrome เพื่อจัดส่งการใช้งาน Web Animations API แบบดั้งเดิม
การเลิกใช้งานและการนำ API ออกใน Chrome 53
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
การเล่นอัตโนมัติแบบปิดเสียงบนอุปกรณ์เคลื่อนที่ บอกลาการแฮ็ก Canvas และ GIF แบบเคลื่อนไหวได้เลย
ฟีเจอร์เล่นอัตโนมัติแบบปิดเสียงสำหรับวิดีโอใช้ได้ใน Android จาก Chrome 53 ก่อนหน้านี้องค์ประกอบวิดีโอต้องใช้ท่าทางสัมผัสของผู้ใช้เพื่อเริ่มเล่น
ความสามารถในการทำงานร่วมกันของ Web Push
ข้อความ Push บนเว็บมีการอัปเดตบางอย่างใน Chrome เวอร์ชันล่าสุด ขณะนี้ GCM สนับสนุนโปรโตคอลพุชจากเว็บแล้ว และหากคุณใช้ VAPID คุณไม่จำเป็นต้องลงชื่อสมัครใช้โครงการนักพัฒนาซอฟต์แวร์ Google และได้รับปลายทาง FCM
แก้ไขข้อบกพร่อง Progressive Web App
ใช้แผงแอปพลิเคชันเพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของไฟล์ Manifest ของเว็บแอป, Service Worker และแคชของ Service Worker
ทำให้ Google Analytics ออฟไลน์เป็นเรื่องง่าย
ไลบรารี sw-offline-google-analytics จะมอบข้อมูลทุกอย่างที่คุณต้องการ
ความซับซ้อนของตัวเลื่อนได้ไม่รู้จบ
แถบเลื่อนแบบไม่สิ้นสุดคือรูปแบบ UI ที่พบได้ทั่วไป ในที่นี้ เราจะมาดูวิธีใช้รูปแบบนี้ในแบบอนุรักษ์หน่วยความจำซึ่งมีประสิทธิภาพที่ 60 FPS
บอกลาเซสชันสั้นๆ ไป - ข้อเสนอสำหรับการใช้โปรแกรมทำงานของบริการเพื่อปรับปรุงการจัดการคุกกี้บนเว็บ
ขอแนะนำการพิสูจน์การออกแบบแนวคิดเพื่อคงเซสชันไว้โดยใช้ Service Worker
ECDSA สำหรับ WebRTC - การรักษาความปลอดภัยที่ดียิ่งขึ้น ความเป็นส่วนตัวที่ดีขึ้น และประสิทธิภาพที่ดีขึ้น
ตั้งแต่เวอร์ชัน 52 เป็นต้นไป Chrome จะใช้ ECDSA โดยค่าเริ่มต้น ซึ่งเป็นอัลกอริทึมที่มีประสิทธิภาพและปลอดภัยกว่าสำหรับการสร้างคีย์ใบรับรอง WebRTC นอกจากนี้ ระบบยังเก็บ RTCCertificates ไว้กับ IndexedDB ได้ด้วย
Flexbox มีลักษณะการทำงานแบบใหม่สำหรับบุตรหลานที่มีตำแหน่งแน่นอน
Flexbox มีลักษณะการทำงานแบบใหม่สำหรับบุตรหลานที่มีตำแหน่งแน่นอน
การแคชโปรแกรมทำงานของ Service Worker, URL ของอัตราการเล่น และ BLOB สำหรับเสียงและวิดีโอบน Chrome สำหรับ Android
ตั้งแต่เวอร์ชัน 52 เป็นต้นไป Android Chrome จะใช้ไฟล์ครีเอทีฟโฆษณาสแต็กเดียวกับ Chrome บนเดสก์ท็อป แทนที่จะใช้แพลตฟอร์มพื้นฐาน ซึ่งช่วยให้แคชสื่อของโปรแกรมทำงานของบริการ, อัตราการเล่นที่ผันแปร, URL ของ Blob ใน Android, การส่งผ่าน MediaStream ระหว่าง API และการแก้ไขข้อบกพร่องข้ามแพลตฟอร์มที่ง่ายขึ้น
การเลิกใช้งานและการนำ API ออกใน Chrome 52
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
การยับยั้ง CSS ใน Chrome 52
พร็อพเพอร์ตี้ CSS Containment ใหม่ช่วยให้นักพัฒนาแอปจำกัดขอบเขตของรูปแบบ เลย์เอาต์ และสีของเบราว์เซอร์ได้
ผู้สังเกตการณ์ประสิทธิภาพ - การเข้าถึงข้อมูลประสิทธิภาพอย่างมีประสิทธิภาพ
อินเทอร์เฟซของ Performance Observer ใหม่ใน Chrome 52 มอบการเข้าถึงข้อมูลลำดับเวลาด้านประสิทธิภาพที่มีประสิทธิภาพและอิงตามเหตุการณ์
อีเมลสรุปสำหรับ DevTools กันยายน 2016 - เครื่องมือสำหรับนักพัฒนาเว็บในปี 2016 เป็นต้นไป
ธีมและเทรนด์ที่ยิ่งใหญ่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บในปี 2016 และปีต่อๆ ไป
การปรับปรุงประสิทธิภาพการเลื่อนด้วย Listener เหตุการณ์แบบแพสซีฟ
สำหรับ Chrome 51 ซึ่งเป็น Listener เหตุการณ์แบบแพสซีฟจะช่วยเพิ่มประสิทธิภาพการเลื่อนได้อย่างมาก
ไดเจสต์ DevTools - เพิ่มประสิทธิภาพด้วยเมนูคำสั่งใหม่
อ่านเกี่ยวกับเมนูคำสั่งใหม่สำหรับ DevTools และการทำงานกว่า 60 รายการที่ช่วยให้เวิร์กโฟลว์รวดเร็วทันใจ
นำ API ตำแหน่งทางภูมิศาสตร์ออกจากต้นทางที่ไม่ปลอดภัยใน Chrome 50 แล้ว
ตั้งแต่เวอร์ชัน 50 เป็นต้นไป Chrome จะไม่รองรับ HTML5 Geolocation API ผ่านการเชื่อมต่อที่ไม่ปลอดภัยอีกต่อไป
การเลิกใช้งานและการนำ API ออกใน Chrome 51
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
การปรับปรุงขั้นตอนการลงชื่อเข้าใช้โดยใช้ API การจัดการข้อมูลเข้าสู่ระบบ
เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ซับซ้อน จำเป็นต้องช่วยให้ผู้ใช้ตรวจสอบสิทธิ์ของตนเองในเว็บไซต์ของคุณ แต่การสร้าง การจดจำ และการพิมพ์รหัสผ่านมักจะเป็นเรื่องยากสำหรับผู้ใช้ปลายทาง โดยเฉพาะอย่างยิ่งบนอุปกรณ์เคลื่อนที่
มีอะไรใหม่ใน KeyboardEvents คีย์และรหัส
แอตทริบิวต์ใหม่ 2 รายการช่วยให้เว็บจัดการกิจกรรมแป้นพิมพ์ได้อย่างสอดคล้องกัน
โหมดอุปกรณ์ใหม่สำหรับโทรศัพท์มือถือรุ่นแรก
ดูข้อมูลทั้งหมดเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' โหมดอุปกรณ์ใหม่ที่ปรับโฉมใหม่ซึ่งเปิดตัวใน Chrome 49
การสร้างอุปกรณ์ IoT ที่เปิดใช้เว็บได้ด้วย Intel Edison
ในปัจจุบัน อินเทอร์เน็ตของสรรพสิ่งเป็นสิ่งที่ทุกคนต่างก็ใช้ แต่หากคุณสามารถสร้างอุปกรณ์ IoT ที่คุณเข้าถึงจากเว็บเบราว์เซอร์ได้ ในบทความนี้ เราจะมาดูวิธีที่คุณสามารถทำได้โดยใช้ Physical Web, Web Bluetooth และ Node.js ที่ทำงานบนกระดานกลุ่มย่อย Intel® Edison Arduino
เพิ่มการตรวจสอบ DOMTokenList ใน Chrome 50 แล้ว
ดูการรองรับฟีเจอร์ต่างๆ ได้โดยตรงในโค้ด ซึ่งจะมีอยู่ใน Chrome 50
นำอาการปวดหัวออกจากการจัดการโฟกัส
ฟีเจอร์ 'จุดเริ่มต้นการนำทางที่โฟกัสตามลำดับ' กำหนดที่ที่เราจะเริ่มค้นหาองค์ประกอบที่โฟกัสได้สำหรับการนำทางที่โฟกัสตามลำดับ ([Tab] หรือ [Shift-Tab]) เมื่อไม่มีพื้นที่ที่โฟกัส ซึ่งมีประโยชน์อย่างยิ่งสำหรับฟีเจอร์การช่วยเหลือพิเศษ เช่น การข้ามลิงก์และการจัดการโฟกัสในเอกสาร
Chrome รองรับ createImageBitmap() ใน Chrome 50
รองรับการถอดรหัสรูปภาพในผู้ปฏิบัติงานที่ตั้งค่าให้ใช้ Chrome 50
เมธอด FormData สำหรับการตรวจสอบและการแก้ไข
ใน Chrome 50 ตอนนี้คุณจะโต้ตอบกับอินสแตนซ์ FormData ก่อนที่จะส่งอินสแตนซ์ในเส้นทางได้
การปรับปรุงภาพเคลื่อนไหวบนเว็บใน Chrome 50
การปฏิบัติตามข้อกำหนดจำเพาะที่ดียิ่งขึ้นและฟีเจอร์ใหม่ๆ ที่มาพร้อมกับ Chrome 50
API แหล่งที่มาของสื่อ - ช่วยให้การเล่นส่วนต่างๆ ของสื่อเป็นไปอย่างราบรื่นตามลำดับการต่อท้าย
Media Source API เปิดใช้ JavaScript เพื่อสร้างสตรีมสื่อสำหรับการเล่น ใน Chrome 50 คุณสามารถใช้โหมดลำดับ SourceBuffer เพื่อให้มั่นใจว่ากลุ่มสื่อจะมีการย้ายตำแหน่งโดยอัตโนมัติในไทม์ไลน์ตามลำดับที่ต่อท้าย โดยไม่มีช่องว่างระหว่างกลุ่ม
การเลิกใช้งานและการนำ API ออกใน Chrome 50
ข้อมูลสรุปเรื่องการเลิกใช้งานและการนำ API ออกใน Chrome เพื่อช่วยคุณวางแผน
พบกับการเปลี่ยนแปลงการวางแนวของอุปกรณ์ใน Chrome 50
DeviceOrientationEvent ใช้องศาแบบสัมพัทธ์ และมี DeviceOrientationAbsoluteEvent ใหม่
การจัดลำดับความสำคัญของทรัพยากรด้วยลิงก์ rel='โหลดล่วงหน้า'
Chrome 50 เพิ่มการสนับสนุน rel='preload' และเลิกใช้งาน rel='subresource'
การปรับปรุงการแจ้งเตือนบนเว็บใน Chrome 50 ได้แก่ ไอคอน ปิดกิจกรรม ใส่การแจ้งเตือนเกี่ยวกับค่ากำหนดและการประทับเวลา
Chrome 50 มีฟีเจอร์ใหม่ๆ ที่ยอดเยี่ยมมากมายสำหรับการแจ้งเตือน โดยมีสรุปดังนี้
การเข้ารหัสเพย์โหลด Web Push
Web Push รองรับเพย์โหลดแล้ว ดูวิธีใช้ประโยชน์จากฟีเจอร์ใหม่ที่มีประสิทธิภาพนี้
HTMLMediaElement.play() ส่งคืนคำมั่นสัญญา
บอกลาความไม่แน่นอนในการเล่นอัตโนมัติไปได้เลย! play() ได้ส่งคำสัญญากลับมาแล้ว
การแก้ไขข้อบกพร่องระยะไกลเต็มรูปแบบ การทำกิจกรรมในชั้นเรียน และรายการรอบดึกของเราเอง
ดูข้อมูลทั้งหมดเกี่ยวกับ UI "ตรวจสอบอุปกรณ์" ที่ปรับปรุงใหม่ สลับคลาสได้ง่ายๆ ในแผงการจัดรูปแบบที่แก้ไขแล้วตอนนี้ และรับชมโปรแกรมนำร่องของ DevTools Tonight
ดูตัวแปรในแหล่งที่มา
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยให้คุณเห็นตัวแปรต่างๆ ได้อย่างง่ายดายทั่วทั้งแอปพลิเคชัน
เครื่องมือสำหรับนักพัฒนาเว็บมืดลง การแก้ไข @keyframe และการเติมข้อความอัตโนมัติที่ชาญฉลาดยิ่งขึ้น
เรียนรู้ว่าเครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณพิมพ์น้อยลงได้อย่างไรด้วยการเติมข้อความอัตโนมัติในคอนโซลที่ชาญฉลาดขึ้น วิธีแก้ไขกฎ @keyframe ในแผงรูปแบบโดยตรง วิธีใช้งานตัวแปรที่กำหนดเองของ CSS และวิธีเข้าร่วมด้านมืด
ขอแนะนำพร็อกซี ES2015
พร็อกซี ES2015 (ใน Chrome 49 ขึ้นไป) จะมี Interstanceion API ให้ JavaScript ซึ่งทำให้เราสามารถดักหรือสกัดกั้นการดำเนินการทั้งหมดในออบเจ็กต์เป้าหมายและแก้ไขวิธีการทำงานของเป้าหมายนี้ได้
การเลื่อนอย่างราบรื่นใน Chrome 49
เบื่อกับการเลื่อนแบบกระตุกไหม เยี่ยมเลย เพราะ Chrome 49 มาพร้อมกับการเลื่อนหน้าจอที่ลื่นไหลและใหม่แกะกล่อง
ตัวแปร CSS - ทำไมคุณจึงควรให้ความสนใจ
ตัวแปร CSS หรือที่เรียกกันว่าคุณสมบัติที่กำหนดเองของ CSS ได้รับความนิยมใน Chrome 49 ซึ่งมีประโยชน์ในการลดการกล่าวซ้ำๆ ใน CSS รวมถึงสำหรับเอฟเฟกต์รันไทม์ที่มีประสิทธิภาพ เช่น การเปลี่ยนธีม รวมถึงการขยาย/ให้บริการฟีเจอร์ CSS ในอนาคตแบบ Polyfill
การควบคุมประสิทธิภาพของแบบอักษรด้วยการแสดงแบบอักษร
ข้อบ่งชี้การแสดงแบบอักษรใหม่สำหรับ @font-face ช่วยให้นักพัฒนาซอฟต์แวร์ตัดสินใจได้ว่าแบบอักษรในเว็บจะแสดงผลอย่างไร (หรือใช้สำรอง) โดยขึ้นอยู่กับระยะเวลาในการโหลด
VP9 พร้อมใช้งานใน WebRTC แล้ว
สำหรับ Chrome 48 ในเดสก์ท็อปและ Android นั้น VP9 จะเป็นตัวแปลงรหัสวิดีโอที่ไม่บังคับสำหรับวิดีโอคอลที่ใช้ WebRTC
บันทึกเสียงและวิดีโอด้วย MediaRecorder
MediaRecorder API ช่วยให้คุณบันทึกเสียงและวิดีโอจากเว็บแอปได้ โดยตอนนี้พร้อมใช้งานแล้วใน Firefox และ Chrome สำหรับ Android และเดสก์ท็อป
การดำเนินการการแจ้งเตือนใน Chrome 48
ผู้ใช้สามารถโต้ตอบกับเว็บไซต์ของคุณได้โดยไม่ต้องเปิดหน้าขึ้นมาโดยใช้ปุ่มการทำงานการแจ้งเตือน
การประทับเวลาความละเอียดสูงสำหรับเหตุการณ์
ดูเมื่อเหตุการณ์เกิดขึ้นด้วยความแม่นยำในระดับไมโครวินาทีด้วย DOMHighResTimeStamp
การจัดการ URL อย่างง่ายดายด้วย URLSearchParams
TURLSearchParams การเข้าถึงเล็กๆ น้อยๆ และการควบคุมสตริงข้อความค้นหาของ URL
Google Cast สำหรับ Chrome บน Android
ตอนนี้ Chrome บน Android อนุญาตให้เว็บไซต์บนอุปกรณ์เคลื่อนที่นำเสนอไปยังอุปกรณ์ Google Cast โดยใช้ Presentation API และ Cast Web SDK ได้แล้ว
เปิดตัวแผงความปลอดภัยในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลทั้งหมดเกี่ยวกับแผงความปลอดภัยใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ขอแนะนำการซิงค์ในเบื้องหลัง
การซิงค์ในเบื้องหลังเป็น Web API ใหม่ที่ช่วยให้คุณเลื่อนการดำเนินการได้จนกว่าผู้ใช้จะมีการเชื่อมต่อที่เสถียร ซึ่งมีประโยชน์ในการตรวจสอบว่าข้อมูลที่ผู้ใช้ต้องการส่งนั้นส่งจริงๆ
อีเมลสรุปสำหรับ DevTools (รุ่น CDS): ภาพรวมเกี่ยวกับอนาคตและการจัดทำ RAIL
เรียนรู้วิธีที่เครื่องมือสำหรับนักพัฒนาเว็บจะเข้าสู่โลกอุปกรณ์เคลื่อนที่เป็นอันดับแรกด้วยโหมดอุปกรณ์ใหม่ที่มีประสิทธิภาพยิ่งขึ้นที่เปิดอยู่เสมอ ใช้ปุ่มสีเพื่อเพิ่มสีให้กับตัวเลือกอย่างรวดเร็วและดูสิ่งที่กำลังจะมาใน DevTools เร็วๆ นี้
เว็บแอปที่โหลดทันทีด้วยสถาปัตยกรรม Application Shell
สถาปัตยกรรม Application Shell เป็นวิธีการสร้าง Progressive Web App ในปัจจุบัน โดยใช้ประโยชน์จากเทคโนโลยีที่หลากหลาย
อีเมลสรุปของ DevTools - การแก้ไของค์ประกอบอย่างมีประสิทธิภาพ การแก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการ และเฉดสีดีไซน์ Material
ใช้เมนูตามบริบทใหม่ของแผง DOM เพื่อแก้ไขโหนดอย่างมีประสิทธิภาพ แก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการโดยตรงผ่านแผงทรัพยากร เลือกจากเฉดสีดีไซน์ Material ทั้งหมดในแถบสี ไลบรารี JS ของ Blackbox ได้ง่ายขึ้น
จัดการการทริกเกอร์การแตะเพื่อค้นหา
ทำความเข้าใจว่าฟีเจอร์แตะเพื่อค้นหามีการเรียกให้แสดงเมื่อใดและอย่างไร
การแจ้งเตือนต้องมีการโต้ตอบ - UX การแจ้งเตือนที่ราบรื่นยิ่งขึ้นบนเดสก์ท็อป
การแจ้งเตือนบนเดสก์ท็อปจะปิดโดยอัตโนมัติหลังจากช่วงเวลาสั้นๆ
ไดเจสต์ของ DevTools - การจัดลำดับแท็บ, คอนโซลใน Listener เหตุการณ์แบบที่ 2 และเฟรมเวิร์ก
จัดเรียงแท็บ DevTools ใหม่ตามวิธีที่เหมาะกับคุณที่สุดและดูว่าเหตุการณ์ของเฟรมเวิร์กถูกเชื่อมโยงไว้ตรงไหน
เลือกกล้อง ไมโครโฟน และลำโพงจากเว็บแอป
อินเทอร์เฟซ Mediadevices ให้การเข้าถึงอุปกรณ์อินพุตและเอาต์พุตที่ใช้ได้กับเบราว์เซอร์ ซึ่งรวมถึงกล้อง ไมโครโฟน และลำโพง
เรียกใช้ข้อมูลโค้ด JavaScript
ข้อมูลโค้ดคือสคริปต์ขนาดเล็กที่คุณเขียนและเรียกใช้ได้ในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome โดยคุณจะเข้าถึงและเรียกใช้การ์ดดังกล่าวได้จากหน้าใดก็ได้ เมื่อคุณเรียกใช้ข้อมูลโค้ด ข้อมูลโค้ดจะทำงานจากบริบทของหน้าที่กำลังเปิดอยู่
ส่วนขยายตัวบันทึก EME
EME Logger คือส่วนขยาย Chrome ที่บันทึกกิจกรรมส่วนขยายสื่อที่เข้ารหัส (EME) และการเรียกใช้คอนโซล DevTools
การอัปเดต API แคชของ Service Worker
Chrome 46 นำวิธีการใหม่ๆ มาใช้ในแคช เช่นเดียวกับ Chrome 47 และเวอร์ชัน 48 ไม่มีที่สิ้นสุด
API ประวัติ - การกู้คืนการเลื่อน
การอัปเดต History API เพื่อป้องกันการกระโดดจากการเลื่อนอย่างไม่น่าไว้ใจ
การทิ้งแท็บใน Chrome - การทดลองประหยัดหน่วยความจำ
การลดการใช้หน่วยความจำของ Chrome คือภารกิจสำคัญอย่างหนึ่งที่ทีมให้ความสำคัญในปีนี้
เปิดตัวการปักหมุดคีย์สาธารณะด้วยการรายงาน HPKP
Chrome 46 มาพร้อมกับฟีเจอร์ที่เรียกว่า "การรายงาน HPKP" ซึ่งจะช่วยคุณเปิดใช้ SSL รูปแบบที่เข้มงวดขึ้นสำหรับเว็บไซต์ของคุณได้
การใช้ไฟล์ Manifest ของเว็บแอปเพื่อระบุสีธีมแบบทั่วทั้งไซต์
ตั้งค่าสีธีมในไฟล์ Manifest และกำหนดให้ใช้กับทุกหน้าในเว็บไซต์เมื่อเปิดจากหน้าจอหลัก
ตัวกรองแผงเครือข่ายขั้นสูงที่ใหญ่กว่าและตัวกรองอื่นๆ
คุณทราบไหมว่าตัวกรองในแผงเครือข่ายรองรับป้ายกำกับการค้นหาที่กำหนดเองที่ดีเพียงไม่กี่ป้าย
กลเม็ดเคล็ดลับง่ายๆ บนแป้นพิมพ์สำหรับใช้ในแผงรูปแบบ
เรียนรู้วิธีไปยังส่วนต่างๆ ของแผงรูปแบบอย่างมีประสิทธิภาพด้วยเคล็ดลับแป้นพิมพ์ที่มีประโยชน์
อีเมลสรุปสำหรับ DevTools - รายละเอียดไทม์ไลน์แบบรวม ชุดสี และอื่นๆ
ดูว่าสคริปต์ของบุคคลที่สามรายการใดที่ทำให้เกิดปัญหาด้านประสิทธิภาพเกี่ยวกับรายละเอียดโดยรวมในไทม์ไลน์ วิธีเลือกสีที่สอดคล้องกันกับชุดสีใหม่ และอื่นๆ อีกมากมาย
รุ่นใหม่ของ Material Design Lite - 1.0.4
มีการเปิดตัว Material Design Lite ใหม่ที่มาพร้อมกับการแก้ไขข้อบกพร่องและการปรับปรุงกระบวนการสร้าง
การใช้ requestIdleCallback
requestIdleCallback เป็น API ประสิทธิภาพใหม่สําหรับการตั้งเวลางานเมื่อเบราว์เซอร์ไม่มีการใช้งาน
การใช้ภาพโปสเตอร์ในเนื้อหาปลั๊กอิน
ตอนนี้ Chrome เพิ่มภาพโปสเตอร์ที่กำหนดเองลงในองค์ประกอบของออบเจ็กต์เพื่อปรับปรุงประสิทธิภาพการโหลดที่รับรู้ได้ของปลั๊กอินอย่างเช่น Flash ได้แล้ว
แก้ไข HTML ในแผงคอนโซล
เมนูตามบริบทของโหนด DOM ซึ่งคุณอาจจำได้จากแผงองค์ประกอบก็แสดงอยู่ในแผงคอนโซลเช่นกัน
บ้านหลังใหม่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
เราได้ย้ายมาอยู่ในบ้านหลังใหม่เอี่ยมที่ Developers.google.com/web/tools/chrome-devtools และมีบทแนะนำและเคล็ดลับใหม่ๆ ที่ยอดเยี่ยมสำหรับคุณ
การแก้ไข CSS แบบเรียลไทม์ในแหล่งที่มา
ทราบหรือไม่ว่าคุณสามารถแก้ไข CSS แบบเรียลไทม์ได้ในแหล่งที่มาและอัปเดตหน้าเว็บแบบเรียลไทม์
อีเมลสรุปเครื่องมือสำหรับนักพัฒนาเว็บ - แถบฟิล์มและบ้านหลังใหม่สำหรับการควบคุม
พบกับฟังก์ชันการทำงานใหม่ของแถบฟิล์มและอื่นๆ ได้ในข้อมูลอัปเดตแรกของ DevTools Digest
การสื่อสารกับอุปกรณ์บลูทูธผ่าน JavaScript
Web Bluetooth API ช่วยให้เว็บไซต์สื่อสารกับอุปกรณ์บลูทูธได้
เพิ่มอุปกรณ์ที่กำหนดเองใหม่เป็นค่าที่กำหนดล่วงหน้า
คุณจําลองอุปกรณ์ที่มีมิติข้อมูลบางอย่างอยู่บ่อยครั้งหรือไม่ คุณสามารถเพิ่มค่าที่กำหนดล่วงหน้าใหม่ของอุปกรณ์ได้ในโหมดอุปกรณ์สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
การเลิกใช้งาน MediaStream
MediaStream API แสดงสตรีมเสียงหรือวิดีโอที่ซิงค์ MediaStream.ended, MediaStream.label และ MediaStream.stop() จะเลิกใช้งาน ใช้ MediaStream.active, MediaStreamTrack.label และ MediaStreamTrack.stop() แทน
การวัดประสิทธิภาพใน Service Worker
หากคุณวัดประสิทธิภาพของคำขอในโปรแกรมทำงานของบริการไม่ได้ คุณจะอธิบายว่าคำขอช่วยปรับปรุงประสิทธิภาพได้อย่างไร ตอนนี้คุณตอบคำถามนั้นด้วยการเปลี่ยนแปลงล่าสุดใน Chrome ได้แล้ว
การแจ้งเตือนการเล่นสื่อสำหรับ Chrome บน Android
เมื่อเสียงหรือวิดีโอกำลังเล่นบนหน้าเว็บ การแจ้งเตือนที่แสดงชื่อหน้าและปุ่มเล่น/หยุดชั่วคราวจะแสดงในถาดการแจ้งเตือนและบนหน้าจอล็อก การแจ้งเตือนสามารถใช้เพื่อหยุดชั่วคราว/เล่นต่อ หรือกลับไปยังหน้าที่กำลังเล่นสื่อนั้นได้
การใช้การหมุนAngle และ TouchRadius
Chrome 45 มีการเปลี่ยนแปลงเล็กๆ น้อยๆ ที่จะทำให้นักพัฒนาแอปสร้างแอปที่มีระบบสัมผัสที่ดีขึ้นได้ง่ายขึ้น
ตรวจสอบและทริกเกอร์คิวรี่สื่อ CSS
โหมดอุปกรณ์มีตัวตรวจสอบการค้นหาสื่อในตัวซึ่งช่วยให้ออกแบบการตอบสนองได้ง่ายขึ้น
เลือกและเรียกใช้บล็อกโค้ดในแผงแหล่งที่มา
ใช้แป้นพิมพ์ลัด Ctrl + Shift + E เพื่อเรียกใช้บล็อกโค้ดที่ไฮไลต์ไว้ในแผงแหล่งที่มา
ตั้งค่าเบรกพอยท์ตามเงื่อนไขที่เจาะจง
เมื่อตั้งค่าเบรกพอยท์ คุณสามารถทำให้เป็นเงื่อนไขตามผลลัพธ์ของนิพจน์ได้
เลื่อนดูแผงเครื่องมือสำหรับนักพัฒนาเว็บอย่างรวดเร็ว
คุณสามารถใช้ Cmd+] (หรือ Cmd+[) เพื่อเลื่อนดูแผงต่างๆ ในเครื่องมือสำหรับนักพัฒนาเว็บ
พิมพ์สแต็กเทรซด่วนจากคอนโซล
คุณใช้ Console.trace() เพื่อรับสแต็กเทรซได้อย่างรวดเร็วและง่ายดายเพื่อให้เข้าใจกระบวนการเรียกใช้โค้ดได้ดียิ่งขึ้น
ใครเป็นผู้ตรวจสอบ
ทราบไหมว่าคุณตรวจสอบเครื่องมือสำหรับนักพัฒนาเว็บด้วยเครื่องมือสำหรับนักพัฒนาเว็บได้
ทริกเกอร์คลาสจำลองในองค์ประกอบ
เคยพยายามแก้ไขข้อบกพร่องของเอฟเฟกต์การวางเมาส์ใน CSS แล้ว แต่วางเมาส์ไว้บนองค์ประกอบไม่สำเร็จไหม นี่คือวิธีการ
การค้นหาทั่วทั้งโปรเจ็กต์พร้อมขอบเขตไฟล์ที่ไม่บังคับ
ดูคำสั่งลับเพื่อค้นหาแบบมือโปรในเครื่องมือสำหรับนักพัฒนาเว็บ
แสดงตัวอย่างค่า JavaScript ในบรรทัดขณะแก้ไขข้อบกพร่อง
ดูวิธีดูตัวอย่างค่าตัวแปร JavaScript ในเครื่องมือสำหรับนักพัฒนาเว็บขณะแก้ไขข้อบกพร่อง
ส่วนขยายแหล่งที่มาของสื่อสำหรับเสียง
Media Source Extensions (MSE) มอบการควบคุมบัฟเฟอร์และการเล่นเพิ่มเติมสำหรับองค์ประกอบเสียงและวิดีโอ HTML5 จากเดิมที่พัฒนาขึ้นมาเพื่ออำนวยความสะดวกในการสตรีมแบบปรับอัตโนมัติผ่านโปรแกรมเล่นวิดีโอที่ใช้ HTTP (DASH) คุณจะใช้ MSE สำหรับเสียงได้ โดยเฉพาะอย่างยิ่งเพื่อเล่นโดยไม่ขาดตอน
การแจ้งให้คุณทราบเกี่ยวกับการเปลี่ยนแปลงการแจ้งเตือน
มีการเพิ่ม API ใหม่ 2 รายการใน Chrome 44 ซึ่งทำให้การใช้งานการแจ้งเตือนและการพุชทำงานและปรับแต่งได้ง่ายขึ้น
ดูตัวเลือกที่ตรงกัน
เมื่อคุณดูตัวเลือกในแผงรูปแบบ ส่วนของตัวเลือกที่คั่นด้วยเครื่องหมายจุลภาคจะมีสีต่างกัน โดยขึ้นอยู่กับว่าส่วนเหล่านั้นตรงกับโหนด DOM ที่เลือกหรือไม่
คำขอเครือข่ายที่ยังไม่เสร็จ
คุณสามารถใช้ตัวกรองเครือข่ายขั้นสูงที่เรียกใช้ IS เพื่อดูคำขอเครือข่ายที่ยังไม่เสร็จสิ้น (เช่น คำขอที่ทำงานอยู่)
ใช้แป้นพิมพ์เพื่อไปยังส่วนต่างๆ ของ Calltack
วิธีตั้งค่าเบรกพอยท์และนำทางผ่านการเรียกใช้สแต็กด้วยแป้นพิมพ์ลัด
กดปุ่ม Command เพื่อเพิ่มเคอร์เซอร์หลายรายการในแผงแหล่งที่มา
ดูวิธีแก้ไขเคอร์เซอร์หลายรายการในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บ
คัดลอกรูปภาพเป็น URI ข้อมูล
คลิกขวาที่ตัวอย่างรูปภาพภายในแผงทรัพยากรเพื่อคัดลอกเป็น URI ข้อมูล (เข้ารหัสฐาน 64)
เครื่องมือแก้ไขการค่อยๆ เปลี่ยน
เลือกคุณสมบัติ CSS การค่อยๆ เปลี่ยนเพื่อดูตัวอย่างภาพเคลื่อนไหวของลักษณะการทำงาน
ตรวจสอบเหตุการณ์จากแผงคอนโซลได้อย่างรวดเร็ว
คุณสามารถบันทึกเหตุการณ์ทั้งหมดที่ส่งไปยังออบเจ็กต์ได้โดยใช้เมธอด API ของบรรทัดคำสั่ง MonitorEvents(object [, events])
การปรับปรุง UI และฟีเจอร์บางอย่างของเครื่องมือเลือกสี
เครื่องมือเลือกสีในเครื่องมือสำหรับนักพัฒนาเว็บจะได้รับการอัปเกรด ขณะนี้อยู่ใน Chrome Canary
รับและแก้ไขข้อบกพร่อง Listener เหตุการณ์
รับและแก้ไขข้อบกพร่องของ Listener เหตุการณ์ในเครื่องมือสำหรับนักพัฒนาเว็บด้วยคำสั่งของคอนโซลเหล่านี้
หยุดชั่วคราวโดยอัตโนมัติทุกข้อยกเว้น
ในเครื่องมือสำหรับนักพัฒนาเว็บ คุณสามารถหยุดชั่วคราวโดยอัตโนมัติเมื่อมีข้อยกเว้นใดก็ได้ (โดยเฉพาะอย่างยิ่งสำหรับข้อยกเว้นที่ไม่พบ)
เติมข้อความอัตโนมัติสำหรับเครื่องหมายวงเล็บ
ทราบหรือไม่ว่าคุณสามารถใส่เครื่องหมายวงเล็บเหลี่ยมอัตโนมัติได้ในแผงแหล่งที่มา
ดูและเปลี่ยนเบรกพอยท์ DOM
วิธีดูและเปลี่ยนเบรกพอยท์ DOM ด้วยแผงเบรกพอยท์ในเครื่องมือสำหรับนักพัฒนาเว็บ
เลื่อนองค์ประกอบเข้าสู่วิวพอร์ต
หากองค์ประกอบที่กำลังตรวจสอบไม่อยู่ในมุมมอง ให้ดูวิธีนำองค์ประกอบดังกล่าวเข้ามาในวิวพอร์ต
ค้นหาแผนผัง DOM ตามตัวเลือก CSS
เมื่อเรียกดู DOM ด้วยแผงองค์ประกอบ ให้ลองค้นหาโหนดผ่าน CMD/Ctrl+F ด้วยตัวเลือก CSS ของโหนดเหล่านั้น
ขยายคุณสมบัติชื่อย่อ CSS
ในแผงรูปแบบ คุณสามารถขยายคุณสมบัติแบบย่อของ CSS เช่น เฟล็กซ์หรือระยะห่างจากขอบ แล้วดูคุณสมบัติทั้งหมดที่กำหนดไว้สำหรับคุณ
รับการแจ้งเตือนข้อผิดพลาด JS ขณะพิมพ์
หากคุณได้รับข้อผิดพลาดในแผงคอนโซล ให้คลิกเพื่อเปิดบรรทัดในแผงแหล่งที่มาที่มีตัวบ่งชี้ว่าข้อผิดพลาดปรากฏขึ้น
บันทึกไทม์ไลน์ได้ง่ายๆ
ลองยกเลิกเครื่องมือสำหรับนักพัฒนาเว็บไปยังหน้าต่างแยกต่างหาก เพื่อให้ปุ่มบันทึกอยู่ในตำแหน่งที่ใกล้กับส่วนของหน้าที่คุณต้องการทำงาน
ข้ามไปยัง Listener เหตุการณ์ได้อย่างง่ายดาย
ดูวิธีแสดงคำจำกัดความฟังก์ชันของ Listener เหตุการณ์ที่ลงทะเบียนไว้ในโหนดใดก็ได้
วิดีโอประสิทธิภาพสูงที่มีการถอดรหัสด้วยฮาร์ดแวร์
การสนับสนุนวิดีโอฮาร์ดแวร์จะช่วยเพิ่มประสิทธิภาพในการถอดรหัสไปยังปลั๊กอินรวมถึงวิดีโอ HTML5 ผู้ใช้ Flash ควรเปลี่ยนจากวิดีโอรูปแบบเก่าเป็นออบเจ็กต์ StageVideo
โหลดซ้ำแบบดึงข้อมูลใหม่ทั้งหมด
เมื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บแล้ว ให้คลิกปุ่มโหลดซ้ำค้างไว้เพื่อดูตัวเลือกเพิ่มเติม
การแก้ไขในเครื่อง
การแก้ไขในเครื่องช่วยให้คุณเห็นว่ามีการเปลี่ยนแปลงใดเกิดขึ้นบ้าง (ผ่านเครื่องมือสำหรับนักพัฒนาเว็บ) ในไฟล์ต้นฉบับบางรายการ
วนแก้ไขสถานที่
ประวัติตำแหน่งของเคอร์เซอร์จะถูกเก็บไว้ในแผงที่มา ซึ่งคุณสามารถดูตำแหน่งการแก้ไขก่อนหน้าโดยใช้ Alt+(ย้อนกลับ) หรือ Alt+(ไปข้างหน้า)
คัดลอกคําตอบของทรัพยากรเครือข่ายไปยังคลิปบอร์ด
นอกจากการคัดลอกส่วนหัวคำขอ/การตอบกลับของทรัพยากรเครือข่ายแล้ว คุณยังคัดลอกการตอบกลับได้อีกด้วย
เลือกคอลัมน์โดยการลาก
คุณสามารถเลือกคอลัมน์ในเครื่องมือแก้ไขแผงแหล่งที่มาได้โดยกด Alt ค้างไว้ขณะลากเมาส์
คัดลอกรูปภาพเป็น URI ข้อมูล
คลิกขวาที่ตัวอย่างรูปภาพภายในแผงทรัพยากรเพื่อคัดลอกเป็น URI ข้อมูล (เข้ารหัสฐาน 64)
ดูตัวเลือกที่ตรงกัน
เมื่อคุณดูตัวเลือกในแผงรูปแบบ ส่วนของตัวเลือกที่คั่นด้วยเครื่องหมายจุลภาคจะมีสีต่างกัน โดยขึ้นอยู่กับว่าส่วนเหล่านั้นตรงกับโหนด DOM ที่เลือกหรือไม่
ตรวจสอบเหตุการณ์จากแผงคอนโซลได้อย่างรวดเร็ว
คุณสามารถบันทึกเหตุการณ์ทั้งหมดที่ส่งไปยังออบเจ็กต์ได้โดยใช้เมธอด API ของบรรทัดคำสั่ง MonitorEvents(object [, events])
กดปุ่ม Command เพื่อเพิ่มเคอร์เซอร์หลายรายการในแผงแหล่งที่มา
ดูวิธีแก้ไขเคอร์เซอร์หลายรายการในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บ
สลับสถานะแท่นชาร์จของเครื่องมือสําหรับนักพัฒนาเว็บด้วยแป้นพิมพ์ลัด
ใช้ Cmd + Shift + D เพื่อสลับสถานะการตรึงเครื่องมือสำหรับนักพัฒนาเว็บ 2 สถานะที่ใช้ล่าสุด
สลับสถานะแท่นชาร์จของเครื่องมือสําหรับนักพัฒนาเว็บด้วยแป้นพิมพ์ลัด
ใช้ Cmd + Shift + D เพื่อสลับสถานะการตรึงเครื่องมือสำหรับนักพัฒนาเว็บ 2 สถานะที่ใช้ล่าสุด
คำขอเครือข่ายที่ยังไม่เสร็จ
คุณสามารถใช้ตัวกรองเครือข่ายขั้นสูงที่เรียกใช้ IS เพื่อดูคำขอเครือข่ายที่ยังไม่เสร็จสิ้น (เช่น คำขอที่ทำงานอยู่)
เครื่องมือแก้ไขการค่อยๆ เปลี่ยน
เลือกคุณสมบัติ CSS การค่อยๆ เปลี่ยนเพื่อดูตัวอย่างภาพเคลื่อนไหวของลักษณะการทำงาน
ตัดและคัดลอกคำสั่ง
การรองรับคำสั่งตัดและคัดลอกช่วยให้คุณตัดและคัดลอกข้อความที่เลือกไปยังคลิปบอร์ดของผู้ใช้ได้แบบเป็นโปรแกรม
การดีบัก WebView จากระยะไกล
แก้ไขข้อบกพร่อง WebView ในแอป Android ที่มาพร้อมเครื่องโดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
ตอนนี้แอตทริบิวต์ DOM อยู่ในเชนต้นแบบแล้ว
Chrome สอดคล้องกับข้อกำหนดนั้นๆ ตรวจสอบเว็บไซต์ของคุณหากคุณใช้ตรรกะของ WebKit สำหรับการเผยแพร่แอตทริบิวต์
การอ้างอิงเหตุการณ์ในไทม์ไลน์
โหมดเหตุการณ์ในไทม์ไลน์จะแสดงเหตุการณ์ทั้งหมดที่ทริกเกอร์ขณะทำการบันทึก ใช้การอ้างอิงเหตุการณ์ในไทม์ไลน์เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์ในไทม์ไลน์แต่ละประเภท
การแก้ไขข้อบกพร่องระยะไกลของอุปกรณ์ Android
แก้ไขข้อบกพร่องเนื้อหาสดในอุปกรณ์ Android จากระยะไกลในคอมพิวเตอร์ Windows, Mac หรือ Linux
จำลองและทดสอบเบราว์เซอร์อื่นๆ
งานของคุณไม่ได้สิ้นสุดแค่การตรวจสอบว่าเว็บไซต์ทำงานได้อย่างดีเยี่ยมทั้งบน Chrome และ Android แม้ว่าโหมดอุปกรณ์สามารถจำลองอุปกรณ์อื่น เช่น iPhone ได้ แต่เราขอแนะนำให้คุณลองใช้โซลูชันเบราว์เซอร์อื่นๆ เพื่อจำลอง
แก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนที่จะใช้กับการแมปแหล่งที่มา
ทำให้โค้ดฝั่งไคลเอ็นต์สามารถอ่านและแก้ไขข้อบกพร่องได้แม้ว่าคุณจะรวม ลดขนาด หรือคอมไพล์แล้วแล้วก็ตาม
แนวคิดที่ง่ายขึ้นในการตั้งชื่อภาพเคลื่อนไหวบนเว็บ
เราจะเปลี่ยนชื่อฟีเจอร์ภาพเคลื่อนไหวบนเว็บบางรายการที่กำลังจะเปิดตัวตามความคิดเห็นของนักพัฒนาแอป
บ้านหลังใหม่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
เราย้ายมาอยู่ในบ้านหลังใหม่เอี่ยมที่ developer.google.com/web ซึ่งมีบทแนะนำและเคล็ดลับใหม่ๆ ที่เป็นประโยชน์สำหรับคุณ
ไทม์ไลน์สำหรับ DevTools - นำเสนอเรื่องราวทั้งหมด
เราได้อัปเกรดแผงไทม์ไลน์สำหรับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อให้นักพัฒนาซอฟต์แวร์ได้รับข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับประสิทธิภาพรันไทม์ของเว็บไซต์
การจัดการพื้นที่เก็บข้อมูล HTML5 แบบออฟไลน์
วิธีจัดเก็บข้อมูลฝั่งไคลเอ็นต์ในแอป Chrome เพื่อให้ทำงานแบบออฟไลน์ได้
การสร้างเว็บไซต์เชิงความหมายด้วยคอมโพเนนต์เว็บและ JSON-LD
เพิ่มมาร์กอัป schema.org ลงในคอมโพเนนต์และทำให้ใช้งานกับเครื่องมือค้นหาได้ง่าย
การอ่านค่าลิเทอรัลด้วยสตริงเทมเพลต ES6
ลิเทอรัลสตริงเทมเพลตที่มีนิพจน์ฝังอยู่ เรารอคอยมานานมาก ตรงตัว
ข้อความเตือนการติดตั้งแอปที่มาพร้อมเครื่อง
แบนเนอร์การติดตั้งแอปที่มาพร้อมเครื่องช่วยให้คุณช่วยให้ผู้ใช้ติดตั้งแอปที่มาพร้อมเครื่องได้อย่างรวดเร็วและง่ายดายจาก App Store โดยไม่ต้องออกจากเบราว์เซอร์
พื้นฐานของการพัฒนาเว็บบนอุปกรณ์เคลื่อนที่
มาดูคร่าวๆ ถึงความพยายามบางส่วนที่ทีม Chrome ทำเพื่อช่วยให้นักพัฒนาซอฟต์แวร์สามารถเริ่มต้นการพัฒนาเว็บและทำซ้ำในเว็บไซต์ของตนได้
ต้องการความคิดเห็นของนักพัฒนาซอฟต์แวร์ - Frame Timing API
API ใหม่ล่าสุดกำลังอยู่ระหว่างดำเนินการเพื่อช่วยวัดเฟรมต่อวินาทีแบบเต็มรูปแบบ แต่เราต้องการความคิดเห็นจากคุณ
รองรับธีมสีใน Chrome 39 สำหรับ Android
ใช้ "ธีม-สีของ" เพื่อตั้งค่าสีแถบเครื่องมือใน Chrome สำหรับ Android
ขั้นตอนที่ 1: สร้างและเรียกใช้แอป Chrome
วิธีสร้าง ติดตั้ง เรียกใช้ และแก้ไขข้อบกพร่องของแอป Chrome แบบพื้นฐาน
ส่งข้อมูลบีคอนใน Chrome 39
Chrome 39 ใช้ Beacon API ซึ่งช่วยให้ส่งคำขอ HTTP แบบไม่พร้อมกันขนาดเล็กในระหว่างเหตุการณ์การยกเลิกการโหลดหน้าได้
การแตะอย่างแม่นยำเพื่อท่าทางสัมผัสที่แม่นยำ
มีการเปลี่ยนแปลง TouchEvents ใน Chrome ให้แสดงผลค่าทศนิยมแทนจำนวนเต็มเพื่อพิจารณาความหนาแน่นของหน้าจอที่แตกต่างกัน ซึ่งจะทำให้เกิดการตอบสนองที่ละเอียดมากขึ้นเมื่อใช้ท่าทางสัมผัสที่ช้า
การเก็บรวบรวมและทำซ้ำ วิธีการ ES6
ฟีเจอร์ Maps, ชุด และอื่นๆ อีกมากมายเป็นฟีเจอร์ ES6 ที่เปลี่ยนวิธีจัดการกับการรวบรวมข้อมูลได้
การแปลง ArrayBuffer ไปยังสตริงที่ง่ายขึ้นด้วย API การเข้ารหัส
API การเข้ารหัสแบบดั้งเดิมนำเสนอวิธีง่ายๆ ในการแปลงระหว่างข้อมูลไบนารีดิบและสตริง JavaScript
องค์ประกอบของกล่องโต้ตอบที่จัดส่งใน Chrome 37 เบต้า
Chrome เบต้าได้รับการสนับสนุนดั้งเดิมสำหรับ Element แล้ว
เนื้อหาโดยรวมของเครื่องมือสำหรับนักพัฒนาเว็บ - Chrome 35
การอัปเดตเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 35
การสนับสนุน Blob สำหรับ IndexedDB มาถึงใน Chrome Dev แล้ว
ฟีเจอร์ที่รอคอยมานานสำหรับ Chrome การรองรับ BLOB ใน IndexedDB พร้อมให้ใช้งานใน Chrome Dev แล้ว
ภาพเคลื่อนไหวบนเว็บ - ขณะนี้เอลิเมนต์.animate() อยู่ใน Chrome 36 แล้ว
ภาพเคลื่อนไหวของเว็บเป็นตัวกำหนดโมเดลสำหรับการสนับสนุนภาพเคลื่อนไหวและการซิงค์ข้อมูลบนแพลตฟอร์มเว็บเอลิเมนต์.animate() เป็นส่วนแรกที่อยู่ใน Chrome
สัมผัสที่เข้ากันและลื่นไหลยิ่งขึ้น
คุณและผู้ใช้ต้องการแอปเว็บบนอุปกรณ์เคลื่อนที่ที่ตอบสนองและเลื่อนเพื่อสัมผัสได้อย่างราบรื่น การพัฒนารูปแบบดังกล่าวควรเป็นเรื่องง่าย แต่น่าเสียดายที่เว็บเบราว์เซอร์บนอุปกรณ์เคลื่อนที่จะตอบสนองต่อเหตุการณ์การสัมผัสระหว่างการเลื่อนได้กลายเป็นรายละเอียดการใช้งานในข้อกำหนดเฉพาะ [TouchEvent](https://www.w3.org/TR/touch-events/)
เรียกใช้แอป Chrome บนอุปกรณ์เคลื่อนที่โดยใช้ Apache Cordova
คำแนะนำเกี่ยวกับวิธีใช้ Apache Cordova เพื่อตั้งค่าแอป Chrome ให้ทำงานบนอุปกรณ์ Android และ iOS
การดีบัก JavaScript ที่ไม่พร้อมกันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ฟีเจอร์ที่มีประสิทธิภาพซึ่งทำให้ JavaScript โดดเด่นคือความสามารถในการทํางานแบบไม่สอดคล้องกันผ่านฟังก์ชัน Callback การกำหนดการเรียกกลับแบบแอซิงโครนัสช่วยให้คุณเขียนโค้ดที่ทำงานตามเหตุการณ์ได้ แต่ก็ทำให้การติดตามข้อบกพร่องเป็นเรื่องยากขึ้นด้วย
ใช้งานตารางกริด CSS
เลย์เอาต์ตารางกริด CSS คือโมดูล CSS3 ใหม่ที่มีเลย์เอาต์ดั้งเดิมแบบใหม่ซึ่งเหมาะกับเว็บแอปพลิเคชัน
การเปลี่ยนแปลงโฮสติ้งของ Chrome 33
รายละเอียดเกี่ยวกับการเปลี่ยนแปลงการโฮสต์สำหรับส่วนขยาย Chrome ที่เริ่มต้นในเวอร์ชัน 33 ของ Chrome
แอปพลิเคชัน WebView สําหรับนักพัฒนาเว็บ
บทแนะนำที่สอนวิธีใช้ Yeoman, Gradle และ Grunt เพื่อสร้างเว็บแอปพลิเคชัน
บทแนะนำ: ย้ายข้อมูลไปยังไฟล์ Manifest V2
หลักเกณฑ์เกี่ยวกับวิธีย้ายข้อมูลจากไฟล์ Manifest v1 ไปยังไฟล์ Manifest v2
อีเมลสรุปรายเดือนของ Yeoman
เนื้อหาโดยรวมรายเดือนเกี่ยวกับบทความคุณภาพสูงจาก Yeoman, เครื่องกำเนิดไฟฟ้า และข่าวสารของโครงการ
Yo Polymer – ทัวร์เครื่องมือสร้างคอมโพเนนต์บนเว็บใน Whirlwind
ทัวร์ชม Whirlwind ของ Web Components, Polymer และเครื่องมือส่วนหน้า
เว็บแอปพลิเคชันที่พูดได้ - ข้อมูลเบื้องต้นเกี่ยวกับ API การสังเคราะห์เสียง
แนะนำฟีเจอร์การสังเคราะห์ Web Speech API
Chrome Dev Summit - สรุปข้อมูลเกี่ยวกับแพลตฟอร์มเว็บแบบเปิด
ความสามารถของ Open Web Platform นั้นก้าวหน้าขึ้นเรื่อยๆ อย่างที่ไม่เคยเป็นมาก่อน ที่งาน Chrome Dev Summit เราได้พูดคุยเกี่ยวกับวิธีที่เราปรับปรุง Blink, Security and Media สำหรับแพลตฟอร์ม
Chrome Dev Summit - ส่วนประกอบแบบโพลิเมอร์ มีการห่อหุ้ม และนำมาใช้ใหม่ได้
Polymer เป็นประตูสู่อนาคตอันน่าทึ่งของคอมโพเนนต์เว็บ ดูข้อมูลเพิ่มเติมเกี่ยวกับคอมโพเนนต์เว็บและ Polymer จาก Chrome Dev Summit
Chrome Dev Summit - ข้อมูลสรุปเกี่ยวกับอุปกรณ์เคลื่อนที่
นี่คือรายงานฉบับแรกในชุดรายงานจาก Chrome Dev Summit ซึ่งตอนนั้นเราเน้นการพัฒนาบนอุปกรณ์เคลื่อนที่และข้ามอุปกรณ์เป็นหลัก เราจึงขอเริ่มต้นจากจุดนี้
อีเมลสรุปเกี่ยวกับ DevTools ธันวาคม 2013
อัปเดตล่าสุดสำหรับการเปลี่ยนแปลงในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เครื่องมือภาพเคลื่อนไหวบนเว็บใหม่ในการกะพริบช่วยขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนภาพ CSS
การนำ Web Animations 1.0 มาใช้ใน Blink ช่วยขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนผ่าน CSS
การหน่วงเวลาการแตะ 300 มิลลิวินาที หายไป
เมื่อมีการคลิกแต่ละครั้งในเบราว์เซอร์บนอุปกรณ์เคลื่อนที่จะมีความล่าช้า 300 มิลลิวินาที แต่ไปกลับพ้นไปใน Chrome 32 สำหรับเว็บไซต์ที่เพิ่มประสิทธิภาพสำหรับอุปกรณ์เคลื่อนที่
ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูล
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นที่เก็บข้อมูลของ manifest.json
ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูลที่มีการจัดการ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นที่เก็บข้อมูลของ manifest.json
อีเมลสรุปเดือนพฤศจิกายนเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome พัฒนาไปอย่างรวดเร็ว เราจึงอยากแจ้งให้คุณทราบถึงฟังก์ชันการทำงานและการปรับปรุงใหม่บางส่วนที่เราได้เปิดตัวในคอมโพเนนต์บางรายการ กล่าวโดยละเอียดคือ เราจะพูดถึงการเปลี่ยนแปลง UI บางรายการ การแสดงภาพโปรไฟล์ JS
ภาพรวมของการพัฒนาระบบอัตโนมัติสำหรับการพัฒนาฟรอนท์เอนด์ (สไลด์)
ดูวิธีปรับปรุงประสิทธิภาพการทำงานของส่วนหน้าด้วยเครื่องมือสำหรับเวิร์กโฟลว์อัตโนมัติ
อินพุตเสียงสดจาก Web Audio ใช้งานได้บน Android แล้ว
Chrome สำหรับ Android (v31.0.1650+) เริ่มรองรับอินพุตเสียงผ่าน Web Audio API แล้ว
คำตอบเครื่องมือสำหรับนักพัฒนาเว็บ - แบบอักษรนั้นคืออะไร
เคยสงสัยไหมว่าจริงๆ แล้วมีการใช้แบบอักษรใดในการแสดงผลข้อความ ไม่ต้องสงสัยอีกแล้ว เพราะ Chrome DevTools จะเปิดเผยทั้งหมด
องค์ประกอบของกล่องโต้ตอบ - โมดัลที่ใช้ง่าย
คุณเคยสร้างกล่องโต้ตอบโมดัลของคุณเองหรือไม่ คุณไม่จำเป็นต้องมีอีกในเร็วๆ นี้ กล่องโต้ตอบกำลังจะกลายเป็นส่วนหนึ่งของแพลตฟอร์มเว็บ
ความโปร่งใสของอัลฟ่าในวิดีโอ Chrome
WebM เพิ่งเพิ่มความโปร่งใสในการใช้งานเวอร์ชันอัลฟ่า โดยการรองรับฟีเจอร์นี้มีให้บริการใน Chrome 31 แล้ว
การปฏิวัติเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ปี 2013
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome พัฒนาไปพร้อมกับความซับซ้อนและฟังก์ชันการทำงานของเว็บแอปพลิเคชัน สรุปการบรรยายของ Paul Irish ใน Google I/O 2013 เรื่อง Chrome DevTools Revolutions 2013
เปลี่ยนไวยากรณ์ sourceMappingURL และ sourceURL แล้ว
เปลี่ยนไวยากรณ์ sourceMappingURL และ sourceURL แล้ว
ไฟล์ Manifest - แหล่งข้อมูลที่เข้าถึงได้ทางเว็บ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ web_accessible_resources ของ manifest.json
ไฟล์ Manifest - เปิดใช้ออฟไลน์แล้ว
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ offline_enabled ของ manifest.json
ไฟล์ Manifest - แหล่งข้อมูลที่เข้าถึงได้ทางเว็บ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ web_accessible_resources ของ manifest.json
Manifest V2 - เวอร์ชัน [เลิกใช้งานแล้ว]
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้เวอร์ชันของไฟล์ Manifest.json
ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้minimum_chrome_version ของ manifest.json
ไฟล์ Manifest - เครื่องจัดการไฟล์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ file_handlers ของไฟล์ manifest.json
ข้อมูลเบื้องต้นเกี่ยวกับตัวกรองที่กำหนดเอง (หรือที่เรียกว่า CSS Shaders)
ข้อมูลเบื้องต้นเกี่ยวกับตัวกรองที่กำหนดเอง (หรือที่เรียกว่า CSS Shaders)
ทำโปรไฟล์ระยะเวลาในการวาดที่ยาวนานด้วยเครื่องมือสำหรับนักพัฒนาเว็บ' โหมดการวาดภาพแบบต่อเนื่อง
ทำโปรไฟล์ระยะเวลาในการวาดที่ยาวนานด้วยเครื่องมือสำหรับนักพัฒนาเว็บ' โหมดการวาดภาพแบบต่อเนื่อง
WebRTC - การสาธิต RTCDataChannel, การเปลี่ยนแปลง API... และ Chrome พูดกับ Firefox
WebRTC - การสาธิต RTCDataChannel, การเปลี่ยนแปลง API... และ Chrome พูดกับ Firefox
พื้นหลัง CSS เปิดให้ใช้งานในเบราว์เซอร์ WebKit บนอุปกรณ์เคลื่อนที่แล้ว
พื้นหลัง CSS เปิดให้ใช้งานในเบราว์เซอร์ WebKit บนอุปกรณ์เคลื่อนที่แล้ว
เว็บแอปที่ขับเคลื่อนด้วยเสียง - ข้อมูลเบื้องต้นเกี่ยวกับ Web Speech API
เว็บแอปที่ขับเคลื่อนด้วยเสียง - ข้อมูลเบื้องต้นเกี่ยวกับ Web Speech API
WebRTC เริ่มให้บริการ Firefox, Android และ iOS แล้ว
WebRTC เริ่มให้บริการ Firefox, Android และ iOS แล้ว
นโยบายรักษาความปลอดภัยเนื้อหา 1.0 เป็นนโยบายที่ยอดเยี่ยมอย่างเป็นทางการ
นโยบายรักษาความปลอดภัยเนื้อหา 1.0 เป็นนโยบายที่ยอดเยี่ยมอย่างเป็นทางการ
โลกเชิงโต้ตอบพร้อมด้วยตัวปรับแสงเงา CSS และ Google Maps
โลกเชิงโต้ตอบพร้อมด้วยตัวปรับแสงเงา CSS และ Google Maps
เวอร์ชันไฟล์ Manifest
พร็อพเพอร์ตี้ Manifest_version ของ manifest.json ระบุเวอร์ชันข้อกำหนดเฉพาะของไฟล์ Manifest ที่ส่วนขยาย Chrome กำหนดเป้าหมาย
ลบล้างหน้า Chrome
วิธีลบล้างการจัดการบุ๊กมาร์ก ประวัติการเข้าชม และหน้าแท็บใหม่ของ Chrome จากส่วนขยาย Chrome
การลบล้างหน้า Chrome
วิธีลบล้างการจัดการบุ๊กมาร์ก ประวัติการเข้าชม และหน้าแท็บใหม่ของ Chrome จากส่วนขยาย Chrome
บทแนะนำ: Google Analytics
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตามการใช้ส่วนขยายของคุณด้วย Google Analytics
OAuth2: ตรวจสอบสิทธิ์ผู้ใช้ด้วย Google
วิธีการแบบทีละขั้นตอนในการสร้างส่วนขยายที่เข้าถึง Google Contacts ของผู้ใช้ผ่าน Google People API, Chrome Identity API และ OAuth2
OAuth 2.0: ตรวจสอบสิทธิ์ผู้ใช้ด้วย Google
วิธีการแบบทีละขั้นตอนในการสร้างส่วนขยายที่เข้าถึง Google Contacts ของผู้ใช้ผ่าน Google People API, Chrome Identity API และ OAuth2
Chrome Web Store
วิธีการโฮสต์ส่วนขยายใน Chrome เว็บสโตร์และอัปเดตส่วนขยายที่โฮสต์อยู่ใน Chrome เว็บสโตร์
การขยายเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีสร้างส่วนขยาย Chrome ที่เพิ่มฟังก์ชันการทำงานให้กับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
จัดการกิจกรรมด้วยสคริปต์เบื้องหลัง
วิธีตอบกลับทริกเกอร์ (เหตุการณ์) ของเบราว์เซอร์จากสคริปต์พื้นหลังของส่วนขยาย Chrome
ขยายเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีสร้างส่วนขยาย Chrome ที่เพิ่มฟีเจอร์ให้กับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเปลี่ยนแปลงการกองซ้อนที่จะเกิดขึ้นกับเอลิเมนต์ "ตำแหน่ง:คงที่"
การเปลี่ยนแปลงการกองซ้อนที่จะเกิดขึ้นกับตําแหน่ง:องค์ประกอบคงที่
เวลาในหน่วยมิลลิวินาทีไม่เพียงพอ - performance.now
เวลาในหน่วยมิลลิวินาทีไม่เพียงพอ - performance.now
รายการข้อมูลสําหรับอินพุตแบบช่วง/สีจะนำเสนอตัวเลือกเริ่มต้นบางอย่าง
รายการข้อมูลสําหรับอินพุตแบบช่วง/สีจะนำเสนอตัวเลือกเริ่มต้นบางอย่าง
คำถามที่พบบ่อยเกี่ยวกับอินพุต[type=date] ใน Google Chrome
คำถามที่พบบ่อยเกี่ยวกับอินพุต[type=date] ใน Google Chrome
การเขียนหนังสือแบบพลิกได้โดยใช้ภูมิภาค CSS และการแปลงแบบ 3 มิติ
การเขียนหนังสือแบบพลิกได้โดยใช้ภูมิภาค CSS และการแปลงแบบ 3 มิติ
นโยบายรักษาความปลอดภัยเนื้อหา
นโยบายรักษาความปลอดภัยเนื้อหาสามารถลดความเสี่ยงและผลกระทบของการโจมตี Cross-site Scripting ในเบราว์เซอร์รุ่นใหม่ได้อย่างมาก
อย่าสร้างก้อนหิน แต่จงสร้าง
การเปลี่ยนแปลงข้อกำหนดล่าสุดใน File API ประกอบด้วยตัวสร้างใหม่สำหรับ Blob ซึ่งทำให้ BlobBuilder ไม่เกี่ยวข้อง
การตรวจสอบเฟรม Websocket อยู่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome แล้ว
การเพิ่มความสามารถในการตรวจสอบให้กับข้อมูลที่ส่งผ่านสายใน WebSockets
เพิ่มรายการข้อมูลลงใน Chrome Canary แล้ว
การใช้ "รายการข้อมูล" ช่วยให้แอปของคุณกำหนดรายการผลการค้นหาที่แนะนำที่ผู้ใช้ควรเลือกได้ โดยจะเลือกตัวเลือกจากรายการหรือป้อนข้อความรูปแบบอิสระก็ได้
requestAnimationFrame API - มีความแม่นยำระดับวินาทีย่อย
กำลังจะมีการเปลี่ยนแปลงกับ equestAnimationFrame API
โปรโตคอล WebRTC
เมื่อวันที่ 24 มีนาคม Google ได้จัดกิจกรรม WebRTC Protothon ซึ่งเป็นกิจกรรมสำหรับนักพัฒนาซอฟต์แวร์ WebRTC เป็นครั้งแรกของโลก
เพิ่มประสิทธิภาพให้กับ DOM ได้อย่างมาก - InsideHTML ของ WebKit นั้นทำงานเร็วขึ้น 240%
Kentaro Hara วิศวกร Chrome ทำการเพิ่มประสิทธิภาพโค้ด 7 รายการใน WebKit ซึ่งช่วยเพิ่มประสิทธิภาพสำหรับทั้ง Safari (JavaScriptCore) และ Chrome (V8)
ทำให้หน้าเว็บทั้งหน้าเป็นแบบออฟไลน์โดยใช้ HTML5 FileSystem API
FileSystem API ช่วยให้สามารถจัดเก็บไฟล์และลำดับชั้นของโฟลเดอร์ไว้ในระบบไฟล์ในเครื่อง (แซนด์บ็อกซ์) และเพิ่ม/อัปเดต/นำทรัพยากรออกได้ตามต้องการ
ข้อมูลเบื้องต้นเกี่ยวกับการแมปแหล่งที่มา JavaScript
คุณเคยอยากทำให้โค้ดฝั่งไคลเอ็นต์อ่านง่ายและที่สำคัญคือแก้ไขข้อบกพร่องได้แม้ว่าจะรวมและทำให้โค้ดมีขนาดเล็กแล้วก็ตาม โดยไม่ส่งผลต่อประสิทธิภาพไหม ตอนนี้คุณทำได้แล้วด้วย แผนที่แหล่งที่มา
การเพิ่มประสิทธิภาพ JavaScript
JavaScript ค่อนข้างเร็ว แต่ก็ทำงานเร็วกว่าได้เสมอ อ่านเพิ่มเติมเกี่ยวกับวิธีการเพิ่มประสิทธิภาพ JavaScript ให้มีประสิทธิภาพ
คุณลักษณะทดลองใหม่ - สไตล์ชีตที่กำหนดขอบเขต
เมื่อเร็วๆ นี้ Chromium ได้ติดตั้งใช้งานฟีเจอร์ใหม่จาก HTML5 ซึ่งเป็นสไตล์ชีตที่มีขอบเขต
สรุปการสาธิต WebGL และ Web Audio API
นี่คือการสาธิต WebGL และ Web Audio API สุดเจ๋งบางส่วนที่ฉันเห็นในช่วง 2-3 สัปดาห์ที่ผ่านมา
SwiftShader นำการแสดงผล 3 มิติของซอฟต์แวร์มาไว้ใน Chrome
SwiftShader เป็นซอฟต์แวร์แสดงผล 3 มิติที่ใช้ใน Chrome 18 ซึ่งให้คุณใช้ CSS 3D และ WebGL ได้แม้จะใช้ GPU ที่ไม่อนุญาต
ตรวจหาการเปลี่ยนแปลง DOM ด้วยเครื่องมือสังเกตการเปลี่ยนแปลง
ข้อมูลเบื้องต้นเกี่ยวกับตัวสังเกตการเปลี่ยนแปลง
การใช้ Gmail เพื่อจัดการ mailto ทั้งหมด - ลิงก์ที่ใช้ RegisterProtocolHandler
ขอบคุณ navgator.registerProtocolHandler() คุณสามารถเชื่อมต่อ Gmail ให้เป็นโปรแกรมรับส่งอีเมลเริ่มต้นสำหรับลิงก์ mailto ทั้งหมด
Chrome สำหรับ Android - เร่งเครื่องเว็บบนอุปกรณ์เคลื่อนที่
Chrome สำหรับ Android รุ่นเบต้ามีพื้นฐานมาจากโครงการโอเพนซอร์ส Chromium ร่วมกับคุณลักษณะ HTML5 ล่าสุดหลายอย่างที่นักพัฒนาซอฟต์แวร์ Chrome รู้จักและชื่นชอบ
Pointer Lock API นำเกม FPS มาไว้ในเบราว์เซอร์
Pointer Lock API ช่วยให้เขียนเกมยิงมุมมองบุคคลที่หนึ่งที่เหมาะสมสำหรับเว็บได้
เสียง HTML5 และ Web Audio API เป็น BFF
createMediaElementSource() ช่วยให้คุณสามารถรวม HTML5 เข้ากับภาพ ตัวกรอง และพลังการประมวลผลของ Web Audio API
การเลิกใช้ XHR ที่มาพร้อมกัน
โปรดทราบ เพิ่งมีการเปลี่ยนแปลงข้อกำหนด XMLHttpRequest2 เพื่อห้ามส่งคำขอพร้อมกันเมื่อมีการตั้งค่า XMLHttpRequest.responseType
คำถามที่พบบ่อยเกี่ยวกับ Web Audio
การอัปเดตสั้นๆ นี้เป็นการพยายามตอบคำถามบางส่วนที่พบบ่อยเพื่อให้ประสบการณ์การใช้งาน Web Audio API น่าพึงพอใจยิ่งขึ้น