สำรวจ Chrome
chrome.i18n
ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อนำการจัดเตรียมให้พร้อมใช้งานหลายภาษาไปใช้กับทั้งแอปหรือส่วนขยาย หากส่วนขยายมีไดเรกทอรี /_locales ไฟล์ manifest ต้องกำหนด "default_locale" คุณต้องใส่สตริงที่ผู้ใช้มองเห็นทั้งหมดไว้ในไฟล์ชื่อ messages.json
- ส่วนขยาย Chrome
การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows
ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ของ Windows ใน Chromium โดยตรง ซึ่งส่งผลให้การแสดงผลข้อความในเบราว์เซอร์ที่พัฒนาบน Chromium ใน Windows ดีขึ้น
- Chrome
chrome.storage
ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ หากต้องการใช้ Storage API ให้ประกาศสิทธิ์ "storage" ใน manifest ของส่วนขยาย เช่น Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ
- ส่วนขยาย Chrome
chrome.storage
ใช้ chrome.storage API เพื่อจัดเก็บ เรียกข้อมูล และติดตามการเปลี่ยนแปลงข้อมูลผู้ใช้ Storage API มีวิธีเฉพาะสำหรับส่วนขยายในการเก็บข้อมูลผู้ใช้และสถานะไว้ ซึ่งคล้ายกับ Storage API ของแพลตฟอร์มเว็บ ( IndexedDB และ Storage )
- ส่วนขยาย Chrome
ปัญญาประดิษฐ์ (AI)
AI ใน Chrome ยินดีต้อนรับสู่ยุคใหม่ของเว็บด้วย AI มาดูกันว่า AI ช่วยให้นักพัฒนาซอฟต์แวร์สร้างประสบการณ์อันทรงพลังบนเว็บได้ง่ายขึ้นได้อย่างไร ทบทวนความเป็นไปได้ด้วย Gemini Nano ใน Chrome AI ในตัว เราจะนำ Gemini Nano
Docs
ตัวอย่างโค้ด คำแนะนำ และการอ้างอิง API ที่จำเป็นสำหรับสิ่งที่คุณกำลังสร้าง
Chrome for Developers
ที่จะช่วยคุณสร้าง เติบโต และสร้างสรรค์สิ่งใหม่ๆ บนเว็บ
- Chrome
chrome.userScripts
ใช้ userScripts API เพื่อเรียกใช้สคริปต์ของผู้ใช้ในบริบทสคริปต์ของผู้ใช้ หากต้องการใช้ User Scripts API chrome.userScripts ให้เพิ่มสิทธิ์ "userScripts" ลงในไฟล์ manifest.json และ "host_permissions" สำหรับเว็บไซต์ที่ต้องการเรียกใช้สคริปต์
- ส่วนขยาย Chrome
ส่วนขยาย / เริ่มต้นใช้งาน
ข้อมูลเบื้องต้นทั้งหมดเกี่ยวกับการเริ่มต้นใช้งานส่วนขยาย Chrome
- ส่วนขยาย Chrome
chrome.printing
ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์
- ส่วนขยาย Chrome
chrome.printing
ใช้ chrome.printing API เพื่อส่งงานพิมพ์ไปยังเครื่องพิมพ์ที่ติดตั้งใน Chromebook คุณต้องประกาศสิทธิ์ "printing" ใน ไฟล์ Manifest ของส่วนขยาย สำหรับเมธอดและเหตุการณ์ chrome.printing ทั้งหมด เช่น ตัวอย่างด้านล่างแสดงการใช้แต่ละเมธอดในเนมสเปซการพิมพ์
- ส่วนขยาย Chrome
เข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติเมื่อเล่นสื่อ
Chrome อนุญาตให้เว็บแอปที่เล่นสื่อเข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติ
- Chrome
Chrome 134 เบต้า
สำรวจฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome
- Chrome
chrome.enterprise.platformKeys
ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ
- ส่วนขยาย Chrome
chrome.enterprise.platformKeys
ใช้ chrome.enterprise.platformKeys API เพื่อสร้างคีย์และติดตั้งใบรับรองสำหรับคีย์เหล่านี้ แพลตฟอร์มจะจัดการใบรับรองดังกล่าวและสามารถใช้สำหรับการตรวจสอบสิทธิ์ TLS, การเข้าถึงเครือข่าย หรือโดยส่วนขยายอื่นๆ ผ่าน chrome.platformKeys การใช้งานทั่วไปของ
- ส่วนขยาย Chrome
Chrome 133
attr() ขั้นสูงของ CSS, text-box-trim, การค้นหาคอนเทนเนอร์ scroll-state และอื่นๆ
- Chrome
มีอะไรใหม่ใน Chrome 133
Chrome 133 พร้อมให้ใช้งานแล้ว เรามีฟีเจอร์ CSS ใหม่ๆ ที่น่าตื่นเต้นและอีกมากมายให้คุณค้นพบ
- Chrome
โหมดแอปพลิเคชันแบบแท็บสำหรับ PWA
โหมดแอปพลิเคชันแบบแท็บช่วยให้นักพัฒนา Progressive Web App เพิ่มอินเทอร์เฟซเอกสารแบบแท็บลงใน PWA แบบสแตนด์อโลนได้
ปรับปรุงขั้นตอนการลงชื่อเข้าใช้บนเว็บด้วยแท็บการตรวจสอบสิทธิ์สำหรับ Android
ปรับปรุงการตรวจสอบสิทธิ์บนเว็บด้วยแท็บการให้สิทธิ์สำหรับ Android
- Chrome
เพิ่มการมีส่วนร่วมของผู้ใช้ด้วยประวัติเฉพาะแอปในแท็บ Chrome ที่กำหนดเอง
ขอแนะนำประวัติเฉพาะแอปสำหรับแท็บที่กำหนดเองของ Chrome สำหรับ Android
- Chrome
ปรับปรุงประสบการณ์การท่องเว็บของผู้ใช้ด้วยประวัติเฉพาะแอป
วิธีใช้ประวัติเฉพาะแอปในแอป Android
ปรับปรุงความเป็นส่วนตัวบนเว็บให้แก่ผู้ใช้ด้วยแท็บที่กำหนดเองชั่วคราว
วิธีใช้แท็บที่กำหนดเองชั่วคราวในแอป Android
ลดความซับซ้อนในการตรวจสอบสิทธิ์โดยใช้แท็บการตรวจสอบสิทธิ์
วิธีใช้แท็บการตรวจสอบสิทธิ์เฉพาะในแอป Android
chrome.permissions
ใช้ chrome.permissions API เพื่อขอ สิทธิ์ที่ไม่บังคับที่ประกาศไว้ ขณะรันไทม์แทนที่จะเป็นช่วงติดตั้ง เพื่อให้ผู้ใช้เข้าใจถึงเหตุผลที่ต้องมีสิทธิ์ดังกล่าวและมอบสิทธิ์เฉพาะที่จำเป็นเท่านั้น คำเตือนเกี่ยวกับสิทธิ์มีไว้เพื่ออธิบายความสามารถที่ API
- ส่วนขยาย Chrome
chrome.permissions
ใช้ chrome.permissions API เพื่อขอ สิทธิ์ที่ไม่บังคับที่ประกาศไว้ ขณะรันไทม์แทนที่จะเป็นช่วงติดตั้ง เพื่อให้ผู้ใช้เข้าใจถึงเหตุผลที่ต้องมีสิทธิ์ดังกล่าวและมอบสิทธิ์ที่จำเป็นเท่านั้น คำเตือนเกี่ยวกับสิทธิ์มีไว้เพื่ออธิบายความสามารถที่ API มอบให้
- ส่วนขยาย Chrome
chrome.runtime
ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย Runtime
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 133
ประวัติแชท AI แบบถาวร การนำทางที่ดีขึ้น การละเว้นข้อมูล และสแต็กเทรซในประสิทธิภาพ แผง "มีอะไรใหม่" ใหม่ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 133)
รูปแบบเวิร์กเท็กซ์ unorm8x4-bgra และ 1 คอมโพเนนต์เพิ่มเติม อนุญาตให้ขอขีดจำกัดที่ไม่รู้จักด้วยค่าที่ไม่ระบุ การเปลี่ยนแปลงกฎการจัดแนว WGSL ประสิทธิภาพที่เพิ่มขึ้นของ WGSL เมื่อใช้การทิ้ง และอื่นๆ อีกมากมาย
- Chrome
- WebGpu
ข้อมูลอัปเดตเกี่ยวกับส่วนขยาย Chrome ประจำเดือนมกราคม 2025
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
- Chrome
- ส่วนขยาย Chrome
chrome.bookmarks
ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และจัดการบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต จึงจะใช้ Bookmarks API ได้ เช่น
- ส่วนขยาย Chrome
chrome.bookmarks
สิทธิ์นี้จะ ทริกเกอร์คำเตือน ใช้ chrome.bookmarks API เพื่อสร้าง จัดระเบียบ และจัดการบุ๊กมาร์ก โปรดดู หน้าการลบล้าง ด้วย ซึ่งคุณใช้สร้างหน้าการจัดการบุ๊กมาร์กที่กำหนดเองได้ คุณต้องประกาศสิทธิ์ "บุ๊กมาร์ก" ใน ไฟล์ Manifest ของเวิร์กชีต จึงจะใช้
- ส่วนขยาย Chrome
แนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API
คู่มือนี้จะแนะนำแนวทางปฏิบัติแนะนำสำหรับการจัดการเซสชันด้วย Prompt API
บันทึกประจำรุ่น
ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงของ Chrome ที่ส่งผลต่อนักพัฒนาซอฟต์แวร์
- Chrome
มีอะไรใหม่ใน Chrome
มีอะไรใหม่ใน Chrome ดูการอัปเดตล่าสุดใน Chrome จากเอกสารและบล็อกของเรา เนื้อหาใหม่และการอัปเดตที่สำคัญในเอกสารประกอบ article วิธีที่ LLM สตรีมคำตอบ เอกสารประกอบใหม่สําหรับดูวิธีการทำงานของสตรีมมิงข้อมูลใน AI สําหรับเซิร์ฟเวอร์และไคลเอ็นต์ article
การปรับปรุงนโยบายของ Chrome เว็บสโตร์: เพิ่มความชัดเจนและความสอดคล้องสำหรับนักพัฒนาแอป
Chrome เว็บสโตร์มุ่งมั่นที่จะส่งเสริมระบบนิเวศที่มีคุณภาพสูงและเชื่อถือได้สำหรับนักพัฒนาแอปและผู้ใช้ เพื่อให้สอดคล้องกับเป้าหมายนี้ เราจึงขอประกาศการปรับปรุงนโยบายชุดหนึ่งซึ่งออกแบบมาเพื่อความชัดเจนและความสอดคล้องกันทั่วทั้งแพลตฟอร์ม
- Chrome
- ส่วนขยาย Chrome
วิธีที่ LLM สตรีมคำตอบ
ทําความเข้าใจว่าสตรีมมิงคืออะไรและทํางานร่วมกับ AI และ LLM อย่างไร
แนวทางปฏิบัติแนะนำในการแสดงผลคำตอบ LLM ที่สตรีม
ใช้แนวทางปฏิบัติแนะนำสำหรับส่วนหน้าเหล่านี้เพื่อแสดงคำตอบที่สตรีมจาก Gemini ด้วย API ที่รองรับการสตรีม เช่น Prompt API
ลดความซับซ้อนในการตรวจหาฟีเจอร์ WebAuthn สำหรับพาสคีย์
ดูวิธีตรวจหาความสามารถของ WebAuthn ด้วย `getClientCapabilities()` และปรับแต่งเวิร์กโฟลว์การตรวจสอบสิทธิ์ให้กับผู้ใช้
- Chrome
- พาสคีย์
การแปลด้วย AI ในตัว
Translator API ในตัวช่วยให้คุณแปลเนื้อหาแบบกำหนดเองจากภาษาต้นฉบับเป็นภาษาเป้าหมายได้ เข้าร่วมช่วงทดลองใช้จากต้นทางเพื่อลองใช้ API
ค้างเมื่อใช้โหมดประหยัดพลังงาน
ตั้งแต่ Chrome เวอร์ชัน 133 เป็นต้นไป แท็บที่ทำงานอยู่เบื้องหลังซึ่งใช้ CPU มากและมีสิทธิ์จะหยุดทำงานเมื่อโหมดประหยัดพลังงานเปิดอยู่
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สื่อ
ปรับปรุงวิธีใส่รูปภาพ วิดีโอ และอื่นๆ ลงในเว็บไซต์และแอปบนเว็บ
พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google พร้อมใช้งานใน iOS แล้ว
ตอนนี้ Chrome ใน iOS 17 ขึ้นไปสามารถสร้าง ซิงค์ และตรวจสอบสิทธิ์ด้วยพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) ได้แล้ว ซึ่งทำให้พาสคีย์ใน GPM พร้อมใช้งานในทุกที่ที่ Chrome พร้อมให้บริการ
- พาสคีย์
- Chrome
การอัปเกรด attr() ของ CSS
ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง
- Chrome
scroll-state() ของ CSS
เหมือนกับการค้นหาคอนเทนเนอร์ แต่สําหรับการค้นหาที่ค้าง หยุดชะงัก และล้น
- Chrome
Chrome 133 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
- Chrome
Chrome Extensions
ดูวิธีพัฒนาส่วนขยาย Chrome
- ส่วนขยาย Chrome
Chrome 132
ToggleEvent สําหรับกล่องโต้ตอบ การรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API ที่รองรับ Android และ WebView และอื่นๆ
- Chrome
text-box-trim ของ CSS
เพิ่มพื้นที่ว่างเหนือและใต้เนื้อหาข้อความเพื่อให้เกิดความสมดุล
- Chrome
วิธีที่เราได้เปิดตัว Gemini ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน Chrome 132
Chrome 132 พร้อมให้ใช้งานแล้ว องค์ประกอบกล่องโต้ตอบจะได้รับ ToggleEvent ซึ่งรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API รองรับ Android และ WebView
- Chrome
chrome.sockets.udp
ใช้ chrome.sockets.udp API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ UDP API นี้ใช้แทนฟังก์ชัน UDP ที่มีอยู่ใน API "ซ็อกเก็ต" ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข รหัสของซ็อกเก็ตที่สร้างใหม่
chrome.tabs
ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร
- ส่วนขยาย Chrome
chrome.tabs
ใช้ chrome.tabs API เพื่อโต้ตอบกับระบบแท็บของเบราว์เซอร์ คุณสามารถใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงแท็บในเบราว์เซอร์ใหม่ได้ Tabs API ไม่เพียงมีฟีเจอร์สำหรับจัดการและควบคุมแท็บเท่านั้น แต่ยังตรวจจับ ภาษา ของแท็บ ถ่ายภาพ ภาพหน้าจอ และ สื่อสาร
- ส่วนขยาย Chrome
จับภาพสตรีมวิดีโอจากองค์ประกอบใดก็ได้
Element Capture API เป็นวิธีที่มีประสิทธิภาพและทรงพลังในการเปลี่ยนรูปแบบการบันทึกแท็บปัจจุบันให้เป็นการบันทึกต้นไม้ย่อย DOM
ผู้ชนะใน Built-in AI Challenge
พบกับแอปและส่วนขยายที่ชนะจาก Built-in AI Challenge ซึ่งเราเชิญให้คุณมาจินตนาการถึงสิ่งที่เป็นไปได้ด้วย Gemini Nano ใน Chrome
- Chrome
การรองรับส่วนขยาย Web Vitals สิ้นสุดแล้ว
การผสานรวมส่วนขยาย Web Vitals เข้ากับเครื่องมือสำหรับนักพัฒนาเว็บเสร็จสมบูรณ์แล้ว และการรองรับส่วนขยายดังกล่าวสิ้นสุดลง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
chrome.ttsEngine
ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API
- ส่วนขยาย Chrome
chrome.ttsEngine
ใช้ chrome.ttsEngine API เพื่อติดตั้งใช้งานเครื่องมือการอ่านออกเสียงข้อความ(TTS) โดยใช้ส่วนขยาย หากส่วนขยายลงทะเบียนโดยใช้ API นี้ ก็จะได้รับการแจ้งเตือนเหตุการณ์ที่มีข้อความที่จะพูดและพารามิเตอร์อื่นๆ เมื่อส่วนขยายหรือแอป Chrome ใช้ tts API
- ส่วนขยาย Chrome
chrome.cookies
ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API ให้ประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น คุกกี้ที่แบ่งพาร์ติชัน
- ส่วนขยาย Chrome
chrome.cookies
ใช้ chrome.cookies API เพื่อค้นหาและแก้ไขคุกกี้ รวมถึงรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง หากต้องการใช้ Cookies API คุณต้องประกาศสิทธิ์ "cookies" ในไฟล์ Manifest พร้อมกับ สิทธิ์ของโฮสต์ สําหรับโฮสต์ที่คุณต้องการเข้าถึงคุกกี้ เช่น
- ส่วนขยาย Chrome
chrome.appviewTag
ใช้แท็ก appview เพื่อฝังแอป Chrome อื่นๆ ภายในแอป Chrome (ดู การใช้งาน ) ออบเจ็กต์ ข้อมูลที่ไม่บังคับซึ่งนักพัฒนาแอประบุไว้ซึ่งแอปที่จะฝังสามารถใช้เมื่อตัดสินใจเกี่ยวกับการฝัง สตริง รหัสของแอปที่ส่งคำขอฝัง โมฆะ อนุญาตคำขอฝัง ฟังก์ชัน allow
ลดความเป็นไปได้ที่จะถูกคลิกจากระยะไกลด้วย XFO หรือ CSP
ดูข้อมูลเพิ่มเติมเกี่ยวกับการลดการโจมตีด้วยคลิกแจ๊ค
มีอะไรใหม่ใน WebGPU (Chrome 132)
การใช้มุมมองพื้นผิว การผสมพื้นผิวแบบ 32 บิต การผสมพื้นผิวแบบ Float แอตทริบิวต์ adapterInfo ของ GPUDevice การกำหนดค่าบริบท Canvas ที่มีรูปแบบไม่ถูกต้องจะทำให้เกิดข้อผิดพลาด JavaScript การกรองข้อจำกัดของตัวสุ่มตัวอย่างในพื้นผิว การทดสอบกลุ่มย่อยแบบขยาย การปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ การรองรับรูปแบบพื้นผิวแบบ 16 บิตที่แปลงค่าให้เป็นมาตรฐานแบบทดลอง และอื่นๆ
- Chrome
- WebGpu
มีอะไรใหม่ในส่วนขยาย Chrome
การเปลี่ยนแปลงล่าสุดในแพลตฟอร์มส่วนขยาย Chrome, เอกสารประกอบ และนโยบาย
- ส่วนขยาย Chrome
WebGPU
ดูข้อมูล WebGPU ด้วยคำแนะนำ การสาธิต และข่าวสารล่าสุด
สร้างสรรค์ด้วย Chrome
ดูสิ่งที่มีให้ในรุ่นเสถียรและรุ่นเบต้าล่าสุดของ Chrome
การชำระเงิน
ดูวิธีใช้ API สำหรับการชำระเงินล่าสุดใน Chrome
ความเป็นส่วนตัวและความปลอดภัย
ดูข้อมูลเกี่ยวกับฟีเจอร์ความเป็นส่วนตัวและความปลอดภัยของ Chrome
แอป
เทคโนโลยีที่เลิกใช้งานเพื่อสร้างประสบการณ์ที่เข้าถึงระบบปฏิบัติการพื้นฐานได้มากขึ้น
นักเชิดหุ่นกระบอก
ไลบรารี Node.js ที่มี API ระดับสูงสำหรับควบคุม Chrome หรือ Chromium แบบไม่มีส่วนหัว
เว็บบน Android
ดูข้อมูลเกี่ยวกับฟีเจอร์ของ Chrome สำหรับการพัฒนาเว็บแอปบน Android
chrome.certificateProvider
ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น
- ส่วนขยาย Chrome
chrome.extension
chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"
- ส่วนขยาย Chrome
ประภาคาร
ตรวจสอบประสิทธิภาพเว็บโดยอัตโนมัติด้วย Lighthouse
ประสิทธิภาพ
เพิ่มประสิทธิภาพเว็บแอปพลิเคชันของคุณด้วยเครื่องมือเพิ่มประสิทธิภาพการทำงานของ Chrome
chrome.system.display
ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)
- ส่วนขยาย Chrome
chrome.system.display
ใช้ system.display API เพื่อค้นหาข้อมูลเมตาของ Display อาร์เรย์แบบจำกัดเพื่อระบุว่าระบบตรวจพบและใช้งานจอแสดงผลหรือไม่ ระบบจะถือว่าจอแสดงผล "ไม่ทำงาน" หากไม่ตรวจพบ (อาจไม่ได้เชื่อมต่ออยู่หรือถือว่าไม่ได้เชื่อมต่อเนื่องจากโหมดสลีป ฯลฯ)
- ส่วนขยาย Chrome
chrome.action
ใช้ chrome.action API เพื่อควบคุมไอคอนส่วนขยายในแถบเครื่องมือ Google Chrome คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ หากต้องการใช้ chrome.action API ให้ระบุ "manifest_version" ของ 3 และใส่คีย์ "action" ใน ไฟล์ Manifest คุณระบุคีย์
- ส่วนขยาย Chrome
การสนับสนุนเบราว์เซอร์
ภาพรวมของฟีเจอร์แท็บที่กำหนดเองและความพร้อมให้บริการของเบราว์เซอร์
Identity
ดูข้อมูลเกี่ยวกับฟีเจอร์ข้อมูลประจำตัวของ Chrome เช่น การตรวจสอบสิทธิ์ผ่านเว็บ
chrome.commands
ใช้ Commands API เพื่อเพิ่มแป้นพิมพ์ลัดที่จะทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคําสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API
- ส่วนขยาย Chrome
ไม่รองรับการดำเนินการเมื่อใช้การแก้ไขข้อบกพร่องจากระยะไกล
คำสั่ง WebDriver บางรายการ (เช่น การปรับขนาดหน้าต่างเบราว์เซอร์) กำหนดให้ต้องโหลดส่วนขยาย Chrome ลงในเบราว์เซอร์ โดยปกติแล้ว ChromeDriver จะโหลด "ส่วนขยายการทำงานอัตโนมัติ" นี้ทุกครั้งที่เปิดเซสชัน Chrome ใหม่ อย่างไรก็ตาม คุณสามารถสั่งให้
Chrome OS
อิมเมจทดสอบ ChromeOS ทั้งหมดมีการติดตั้งไบนารี ChromeDriver ใน /usr/local/chromedriver/ ระบบจะอัปเดตไบนารีเป็น Chrome เวอร์ชันเดียวกันในอิมเมจทดสอบนั้น กล่าวคือ คุณใช้ ChromeDriver บิลด์ล่าสุดอยู่เสมอ หากการทดสอบคาดว่าจะทํางานกับบิลด์ ChromeDriver
ภาพรวมของ WebView
คอมโพเนนต์ WebView อิงตามโปรเจ็กต์โอเพนซอร์ส Chromium
chrome.certificateProvider
ใช้ API นี้เพื่อแสดงใบรับรองต่อแพลตฟอร์มที่สามารถใช้ใบรับรองเหล่านี้สําหรับการตรวจสอบสิทธิ์ TLS การใช้งานทั่วไปของ API นี้เพื่อแสดงใบรับรองไคลเอ็นต์ต่อ ChromeOS มีขั้นตอนดังนี้ ลำดับขั้นตอนจริงอาจแตกต่างออกไป ตัวอย่างเช่น
- ส่วนขยาย Chrome
chrome.extension
chrome.extension API มียูทิลิตีที่หน้าส่วนขยายใดก็ได้ใช้ ซึ่งรวมถึงการรองรับการแลกเปลี่ยนข้อความระหว่างส่วนขยายกับสคริปต์เนื้อหาของส่วนขยายหรือระหว่างส่วนขยายต่างๆ ตามที่อธิบายไว้อย่างละเอียดใน การส่งข้อความ ประเภทของมุมมองชิ้นงาน "tab" "popup"
- ส่วนขยาย Chrome
บันทึกประสิทธิภาพ
ChromeDriver รองรับการบันทึกประสิทธิภาพ ซึ่งคุณจะดูเหตุการณ์ของโดเมน "ไทม์ไลน์" "เครือข่าย" และ "หน้าเว็บ" รวมถึง ข้อมูลการติดตาม สำหรับหมวดหมู่การติดตามที่ระบุได้ ระบบไม่ได้เปิดใช้การบันทึกประสิทธิภาพโดยค่าเริ่มต้น ดังนั้นเมื่อสร้างเซสชันใหม่
ChromeDriver ขัดข้อง
หากต้องการตรวจสอบและแก้ไขข้อขัดข้องของ ChromeDriver คุณมีตัวเลือก 2-3 รายการ ข้อมูลนี้ใช้ในกรณีที่ ChromeDriver ขัดข้องเท่านั้น ซึ่งไม่เหมือนกับกรณีที่ Chrome ขัดข้องหรือปิด ใน Windows คุณอาจเห็นข้อมูลลักษณะนี้ สร้างเคสการทําซ้ำที่ผู้มีส่วนร่วมของ
ดาวน์โหลด
สำหรับ Chrome เวอร์ชันเก่า โปรดดูเวอร์ชันของ ChromeDriver ที่รองรับ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเลือก ChromeDriver เวอร์ชันที่เหมาะสมได้ที่หน้า การเลือกเวอร์ชัน รองรับ Chrome เวอร์ชัน 114 โปรดดูรายละเอียดเพิ่มเติมที่ บันทึกประจำรุ่น รองรับ Chrome
Android
ไบนารีสําหรับ ChromeDriver เวอร์ชันล่าสุดจะจัดแพ็กเกจเป็นไฟล์ ZIP สําหรับแพลตฟอร์มโฮสต์ต่างๆ คุณดู ChromeDriver เวอร์ชันเก่าได้ใน ดาวน์โหลด ChromeDriver รองรับการทดสอบในเบราว์เซอร์ Chrome (เวอร์ชัน 30 ขึ้นไป) และแอปที่ใช้ WebView ตั้งแต่ Android 4.4
Chrome ไม่เริ่มทำงานหรือขัดข้องในทันที
ปัญหานี้มักเกิดขึ้นเมื่อเรียกใช้ ChromeDriver หรือ Chrome โดยใช้ชุดทดสอบพิเศษ (อาจเป็น IDE) หรือระบบการบิลด์แบบต่อเนื่อง (เช่น Jenkins) ลองเปิดไบนารี Chrome เดียวกับที่การทดสอบใช้จากพรอมต์คำสั่งของผู้ใช้ทั่วไป ยืนยันว่ามีการใช้ไบนารี Chrome ใดในไฟล์
การจำลองอุปกรณ์เคลื่อนที่
Chrome อนุญาตให้ผู้ใช้จําลอง Chrome ในอุปกรณ์เคลื่อนที่จาก Chrome เวอร์ชันเดสก์ท็อปได้ โดยเปิดใช้ โหมดอุปกรณ์ด้วยเครื่องมือสําหรับนักพัฒนาเว็บใน Chrome ฟีเจอร์นี้ช่วยเร่งการพัฒนาเว็บ
คะแนรี
ChromeDriver Canary มีฟีเจอร์ใหม่ล่าสุดของ ChromeDriver ระบบจะคอมไพล์และเผยแพร่ไบนารีใหม่หลายครั้งต่อวัน โปรดทราบว่าเครื่องมือนี้ออกแบบมาสำหรับนักพัฒนาซอฟต์แวร์และผู้ใช้งานรายแรกๆ และบางครั้งอาจใช้งานไม่ได้เลย ตั้งแต่ M115 เป็นต้นไป
การรองรับแป้นพิมพ์
ขณะนี้ ChromeDriver รองรับเฉพาะระบบที่มีการกําหนดค่าแป้นพิมพ์เป็นสหรัฐอเมริกาเท่านั้น เมื่อ ChromeDriver ตรวจพบสถานะนี้ ระบบจะบันทึกข้อมูลต่อไปนี้ ผู้ใช้ที่ไม่มีแป้นพิมพ์แบบสหรัฐอเมริกาอาจพบปัญหาแป้นหายไประหว่างใช้คำสั่ง sendKeys หรือ TypeElement
ข้อควรพิจารณาด้านความปลอดภัย
ChromeDriver เป็นเครื่องมือที่มีประสิทธิภาพและอาจก่อให้เกิดอันตรายเมื่ออยู่ในมือของผู้ไม่หวังดี ขณะใช้ ChromeDriver ให้ทำตามคำแนะนำต่อไปนี้
ตัวอย่างการใช้งานการป้อนข้อความอัตโนมัติ: ข้อมูลเชิงลึกจากการใช้งานจริง
การศึกษาของ Chrome แสดงให้เห็นว่าฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้ผู้ใช้กรอกแบบฟอร์มได้เร็วขึ้นและมีอัตราการหยุดกลางคันลดลง
- Chrome
ผลการค้นหาจากแบบฟอร์มคำขอเลือกแบบกำหนดเองสำหรับความคิดเห็นของนักพัฒนาแอป
ขอขอบคุณที่สละเวลาแชร์ความคิดเห็นกับเรา ตรวจสอบรายละเอียด และช่วยกำหนดมาตรฐาน
- Chrome
เริ่มต้นใช้งาน AI ในตัว
ดูข้อกําหนดในการเริ่มสร้างฟีเจอร์และแอปพลิเคชันด้วย AI ในตัว
การตรวจหาภาษาด้วย AI ในตัว
Language Detector API นำเสนอการค้นพบภาษาในตัวบนเว็บในเบราว์เซอร์
วิธีใช้เครื่องมือไทม์ไลน์การจัดสรร
ใช้เครื่องมือไทม์ไลน์การจัดสรรเพื่อค้นหาออบเจ็กต์ที่ระบบไม่ได้เก็บขยะอย่างถูกต้องและยังคงใช้หน่วยความจําต่อไป
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
หลีกเลี่ยงการใช้ภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite
วิธีผ่านการตรวจสอบ "หลีกเลี่ยงภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite" Lighthouse
คำศัพท์เกี่ยวกับหน่วยความจำ
ส่วนนี้อธิบายคำทั่วไปที่ใช้ในการวิเคราะห์หน่วยความจำ และมีผลกับเครื่องมือสร้างโปรไฟล์หน่วยความจำหลายรายการในภาษาต่างๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 132
แก้ไขข้อบกพร่องของคำขอเครือข่าย ไฟล์ต้นทาง และร่องรอยประสิทธิภาพด้วย Gemini, ดูประวัติการแชทกับ AI และอีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
CSS Wrapped 2024
ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024
ดูและแก้ไขพื้นที่เก็บข้อมูลของส่วนขยาย
วิธีดูและแก้ไขพื้นที่เก็บข้อมูลส่วนขยายด้วยแผงพื้นที่เก็บข้อมูลส่วนขยาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
chrome.browser
ใช้ chrome.browser API เพื่อโต้ตอบกับเบราว์เซอร์ Chrome ที่เชื่อมโยงกับแอปพลิเคชันและโปรไฟล์ Chrome ปัจจุบัน สตริง URL ที่จะไปยังเมื่อเปิดแท็บใหม่เป็นครั้งแรก เปิดแท็บใหม่ในหน้าต่างเบราว์เซอร์ที่เชื่อมโยงกับแอปพลิเคชันและโปรไฟล์ Chrome ปัจจุบัน
chrome.syncFileSystem
ใช้ chrome.syncFileSystem API เพื่อบันทึกและซิงค์ข้อมูลใน Google ไดรฟ์ API นี้ไม่ได้มีไว้สําหรับการเข้าถึงเอกสารของผู้ใช้ที่เก็บไว้ใน Google ไดรฟ์ โดยจะมีพื้นที่เก็บข้อมูลที่ซิงค์ได้เฉพาะแอปสําหรับการใช้งานแบบออฟไลน์และการแคช
chrome.usb
ใช้ chrome.usb API เพื่อโต้ตอบกับอุปกรณ์ USB ที่เชื่อมต่อ API นี้ให้สิทธิ์เข้าถึงการดำเนินการ USB จากภายในบริบทของแอป เมื่อใช้ API นี้ แอปจะทําหน้าที่เป็นไดรเวอร์สําหรับอุปกรณ์ฮาร์ดแวร์ได้ ระบบจะรายงานข้อผิดพลาดที่เกิดจาก API นี้โดยการตั้งค่า
chrome.bluetoothSocket
ใช้ chrome.bluetoothSocket API เพื่อส่งและรับข้อมูลไปยังอุปกรณ์บลูทูธโดยใช้การเชื่อมต่อ RFCOMM และ L2CAP คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ "system_error" ระบบเกิดข้อผิดพลาดและการเชื่อมต่ออาจกู้คืนไม่ได้ "not_listening"
chrome.socket
ใช้ chrome.socket API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ TCP และ UDP หมายเหตุ: ตั้งแต่ Chrome 33 เป็นต้นไป เราจะเลิกใช้งาน API นี้และหันไปใช้ sockets.udp, sockets.tcp และ sockets.tcpServer API แทน ตัวเลข ตัวเลข ไม่บังคับ
chrome.app.runtime
ใช้ chrome.app.runtime API เพื่อจัดการวงจรของแอป รันไทม์ของแอปจะจัดการการติดตั้งแอป ควบคุมหน้ากิจกรรม และปิดแอปได้ทุกเมื่อ "new_note" คุณเปิดแอปโดยคำนึงถึงการดำเนินการที่เฉพาะเจาะจงได้ เช่น สร้างโน้ตใหม่ ประเภทการดําเนินการที่เปิดแอปจะอยู่ในช่อง
chrome.bluetooth
ใช้ chrome.bluetooth API เพื่อเชื่อมต่อกับอุปกรณ์บลูทูธ ฟังก์ชันทั้งหมดจะรายงานความล้มเหลวผ่าน chrome.runtime.lastError คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ สตริง ที่อยู่ของอะแดปเตอร์ในรูปแบบ "XX:XX:XX:XX:XX:XX" บูลีน
chrome.mdns
ใช้ chrome.mdns API เพื่อค้นหาบริการผ่าน mDNS ซึ่งประกอบด้วยฟีเจอร์ชุดย่อยของข้อกำหนด NSD: http://www.w3.org/TR/discovery-api/ สตริง ที่อยู่ IP ของบริการที่โฆษณา mDNS string[] ข้อมูลเมตาสําหรับบริการที่โฆษณา mDNS สตริง คู่โฮสต์:พอร์ตของบริการที่โฆษณา
chrome.webviewTag
ใช้แท็ก webview เพื่อโหลดเนื้อหาสดจากเว็บผ่านเครือข่ายและฝังไว้ในแอป Chrome โดยแอปจะควบคุมลักษณะที่ปรากฏของ webview และโต้ตอบกับเนื้อหาเว็บ เริ่มต้นการไปยังส่วนต่างๆ ในหน้าเว็บที่ฝัง ตอบสนองต่อเหตุการณ์ข้อผิดพลาดที่เกิดขึ้นภายใน และอื่นๆ ได้ (ดู
chrome.bluetoothLowEnergy
chrome.bluetoothLowEnergy API ใช้เพื่อสื่อสารกับอุปกรณ์บลูทูธสมาร์ท (พลังงานต่ำ) โดยใช้ Generic Attribute Profile (GATT) คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ManufacturerData [] ไม่บังคับ
chrome.fontSettings
ใช้ chrome.fontSettings API เพื่อจัดการการตั้งค่าแบบอักษรของ Chrome หากต้องการใช้ Font Settings API คุณต้องประกาศสิทธิ์ "fontSettings" ใน extension manifest เช่น Chrome
- ส่วนขยาย Chrome
chrome.serial
ใช้ chrome.serial API เพื่ออ่านและเขียนในอุปกรณ์ที่เชื่อมต่อกับพอร์ตอนุกรม หมายเลข ไม่บังคับ ดู ConnectionOptions.bitrate ช่องนี้อาจละเว้นหรือไม่ถูกต้องหากมีการใช้อัตราบิตที่ไม่ใช่มาตรฐาน หรือหากเกิดข้อผิดพลาดขณะค้นหาอุปกรณ์ที่สำคัญ ตัวเลข ดู
Prompt API ในส่วนขยาย Chrome
สำรวจความเป็นไปได้อันไร้ขีดจำกัดของ Prompt API ในส่วนขยาย Chrome
ส่วนขยายและ AI
ดูวิธีพัฒนาส่วนขยายด้วย AI
- ส่วนขยาย Chrome
ใช้นโยบาย HSTS ที่รัดกุม
ดูข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดค่านโยบาย HTTP Strict Transport Security (HSTS) ที่เข้มงวด
การเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
เราจะนําแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองออกในเดือนมกราคม 2025 โดยจะมีข้อมูลเชิงลึกใหม่ในแผงประสิทธิภาพแทน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
Chrome DevTools
ดูและสำรวจข่าวล่าสุดเกี่ยวกับผู้ช่วย AI และกรณีการใช้งาน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
chrome.desktopCapture
Desktop Capture API จะจับภาพเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแท็บแต่ละแท็บ Enum ที่ใช้กําหนดชุดแหล่งที่มาของสื่อในเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "screen" "window" "tab" "audio" กระจก SelfCapturePreferenceEnum "include" "exclude"
- ส่วนขยาย Chrome
chrome.documentScan
ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา
- ส่วนขยาย Chrome
chrome.dns
ใช้ chrome.dns API สําหรับการแก้ไข DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน manifest โค้ดต่อไปนี้เรียก resolve() เพื่อดึงที่อยู่ IP ของ example.com service-worker.js: สตริง ไม่บังคับ สตริงที่แสดงที่อยู่ IP ที่เป็นลิเทอรัล
- ส่วนขยาย Chrome
chrome.declarativeContent
ใช้ chrome.declarativeContent API เพื่อดําเนินการตามเนื้อหาของหน้าเว็บโดยไม่ต้องขอสิทธิ์อ่านเนื้อหาของหน้า Declarative Content API ช่วยให้คุณเปิดใช้การดำเนินการของส่วนขยายโดยอิงตาม URL ของหน้าเว็บ หรือในกรณีที่ตัวเลือก CSS ตรงกับองค์ประกอบในหน้าเว็บ
- ส่วนขยาย Chrome
chrome.system.storage
ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูลและรับการแจ้งเตือนเมื่อมีการเชื่อมต่อและถอดอุปกรณ์จัดเก็บข้อมูลแบบถอดได้ "success" คำสั่งนำออกสำเร็จ แอปพลิเคชันจะแจ้งให้ผู้ใช้นำอุปกรณ์ออกได้ "in_use"
- ส่วนขยาย Chrome
chrome.contentSettings
ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะสามารถใช้ฟีเจอร์อย่าง คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยละเอียดคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งลักษณะการทำงานของ Chrome
- ส่วนขยาย Chrome
chrome.contextMenus
ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูบริบทของ Google Chrome คุณเลือกประเภทของออบเจ็กต์ที่จะใช้เมนูตามบริบทเพิ่มเติมได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้าเว็บ คุณต้องประกาศสิทธิ์ "contextMenus" ในไฟล์ Manifest ของส่วนขยายจึงจะใช้ API ได้
- ส่วนขยาย Chrome
chrome.alarms
ใช้ chrome.alarms API เพื่อกำหนดเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน manifest คุณควรทำความเข้าใจลักษณะการทํางานของ API เพื่อให้มั่นใจว่า API จะทํางานอย่างถูกต้อง
- ส่วนขยาย Chrome
chrome.audio
chrome.audio API มีไว้เพื่อให้ผู้ใช้รับข้อมูลและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS เท่านั้น สตริง ชื่ออุปกรณ์ DeviceType ประเภทของอุปกรณ์ สตริง ชื่อที่เรียกง่าย (เช่น "ไมโครโฟน USB") สตริง
- ส่วนขยาย Chrome
ป้อนข้อความอัตโนมัติ
เบราว์เซอร์และคุณในฐานะนักพัฒนาแอปจะช่วยให้ผู้ใช้ป้อนข้อมูลได้เร็วขึ้นและหลีกเลี่ยงการป้อนข้อมูลซ้ำ ฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้เบราว์เซอร์กรอกข้อมูลในช่องของแบบฟอร์มโดยอัตโนมัติด้วยข้อมูลที่บันทึกไว้ของผู้ใช้ เช่น ชื่อ ที่อยู่
เครื่องมือ CrUX
เอกสารทางเทคนิคเกี่ยวกับเครื่องมือ CrUX
- รายงาน Chrome UX
chrome.declarativeNetRequest
chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคําขอเครือข่ายโดยระบุกฎแบบประกาศ ซึ่งจะช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องขัดขวางหรือดูเนื้อหาของคำขอดังกล่าว จึงช่วยเพิ่มความเป็นส่วนตัวมากขึ้น สิทธิ์ " declarativeNetRequest " และ "
- ส่วนขยาย Chrome
chrome.devtools.panels
ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI ของหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ เช่น สร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง แผงส่วนขยายและแถบด้านข้างแต่ละรายการจะแสดงเป็นหน้า HTML แยกกัน
- ส่วนขยาย Chrome
chrome.fileBrowserHandler
ใช้ chrome.fileBrowserHandler API เพื่อขยายเบราว์เซอร์ไฟล์ของ Chrome OS เช่น คุณสามารถใช้ API นี้เพื่อให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ได้ โปรแกรมเรียกดูไฟล์ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กดแป้น Alt+Shift+M หรือเชื่อมต่ออุปกรณ์จัดเก็บข้อมูลภายนอก
- ส่วนขยาย Chrome
chrome.readingList
ใช้ chrome.readingList API เพื่ออ่านและแก้ไขรายการใน เรื่องรออ่าน หากต้องการใช้ Reading List API ให้เพิ่มสิทธิ์ "readingList" ในไฟล์ manifest ของส่วนขยาย manifest.json: Chrome มีเรื่องรออ่านอยู่ในแผงด้านข้าง
- ส่วนขยาย Chrome
อนาคตของ WebGPU
ดูข้อมูลเกี่ยวกับฟีเจอร์ AI และการแสดงผลใหม่ที่มีการพูดคุยกันในการประชุมกลุ่มทำงาน GPU for the Web ครั้งล่าสุด
- Chrome
- WebGpu
วิดีโอการช่วยเหลือพิเศษได้รับรางวัลเว็บจากการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API
เราได้เลือก ViddyScribe สำหรับรางวัลเว็บในการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API โดยได้แสดงให้เห็นว่า Gemini ช่วยให้วิดีโอบนเว็บเข้าถึงได้ง่ายขึ้นได้อย่างไรด้วยการสร้างคำบรรยายแทนเสียงสำหรับวิดีโอทุกรายการ
- Chrome
เตรียมส่วนขยายของคุณเมื่อเราเริ่มทดสอบเมนูส่วนขยายใหม่
วิธีเตรียมส่วนขยายให้พร้อมใช้งานในเมนูส่วนขยายใหม่
- Chrome
พาสคีย์
การแทนที่รหัสผ่านที่ใช้ง่ายและปลอดภัยกว่า
chrome.networking.onc
chrome.networking.onc API ใช้สำหรับกำหนดค่าการเชื่อมต่อเครือข่าย (เครือข่ายมือถือ, อีเทอร์เน็ต, VPN หรือ Wi-Fi) API นี้พร้อมใช้งานในเซสชันคีออสก์ Chrome OS ที่เปิดโดยอัตโนมัติ การกำหนดค่าการเชื่อมต่อเครือข่ายจะระบุตามข้อกำหนดของ
การแปลฝั่งไคลเอ็นต์ด้วย AI
สำรวจ Translator API เพื่อเพิ่มประสิทธิภาพการสนับสนุนลูกค้าทั่วโลก
ความช่วยเหลือจาก AI สำหรับแหล่งที่มา
ทําความเข้าใจแหล่งข้อมูลของเว็บไซต์ด้วยความช่วยเหลือจาก AI
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เข้าร่วมช่วงทดลองใช้ Translator API จากต้นทาง
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว
- Chrome
กำกับเนื้อหาการติดตามในแผงประสิทธิภาพโดยตรง
ดูวิธีทําให้ร่องรอยประสิทธิภาพเข้าใจง่ายขึ้นด้วยฟีเจอร์คําอธิบายประกอบใหม่ในเครื่องมือสําหรับนักพัฒนาเว็บ
- Chrome
ความช่วยเหลือจาก AI สำหรับเครือข่าย
ทําความเข้าใจการเข้าชมเครือข่ายของเว็บไซต์ด้วยความช่วยเหลือจาก AI
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แผงความช่วยเหลือของ AI
ทําความเข้าใจวิธีการทํางานของเว็บไซต์ด้วยความช่วยเหลือจาก AI
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
AI ในตัว
AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
ความช่วยเหลือจาก AI สำหรับประสิทธิภาพ
ทําความเข้าใจโปรไฟล์ประสิทธิภาพด้วยความช่วยเหลือจาก AI
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome 132 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
- Chrome
Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
ขอแนะนำ Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
- Chrome
- พาสคีย์
Chrome 131
การรับช่วงค่าไฮไลต์ CSS มีการเปลี่ยนแปลง, การจัดรูปแบบ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด, รูปแบบการพิมพ์ที่ง่ายขึ้นด้วยช่องขอบของหน้า และอื่นๆ
- Chrome
เข้าร่วม Prompt API สำหรับช่วงทดลองใช้จากต้นทางของส่วนขยาย Chrome
เข้าร่วมช่วงทดลองใช้ Prompt API สำหรับต้นทางส่วนขยาย Chrome และเข้าถึง Gemini Nano ใน Chrome
- Chrome
เข้าร่วมช่วงทดลองใช้ Summarizer API จากต้นทาง
เข้าร่วมการทดลองใช้เวอร์ชันต้นทางเพื่อช่วยผู้ใช้กลั่นบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้เป็นข้อมูลสรุปที่กระชับและมีข้อมูลเชิงลึก
- Chrome
ตรวจสอบว่าพาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์ด้วย Signal API
WebAuthn Signal API ช่วยให้บุคคลที่เชื่อถือส่งสัญญาณสถานะข้อมูลเข้าสู่ระบบที่มีอยู่ไปยังผู้ให้บริการพาสคีย์ได้ เพื่อให้พาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบในเซิร์ฟเวอร์
- Chrome
- พาสคีย์
ใหม่ใน Chrome 131
Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย
- Chrome
สรุปด้วย AI ในตัว
สรุปบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้สั้นกระชับและมีข้อมูลเชิงลึก
CSS และ UI
ค้นหาแหล่งข้อมูลในหัวข้อต่างๆ เช่น ภาพอักษร สี และเลย์เอาต์
ไฟล์ Manifest - แซนด์บ็อกซ์
คำเตือน: ตั้งแต่เวอร์ชัน 57 เป็นต้นไป Chrome จะไม่อนุญาตให้ใช้เนื้อหาเว็บภายนอก (รวมถึงเฟรมและสคริปต์ที่ฝัง) ในหน้าเว็บที่ทำแซนด์บ็อกซ์อีกต่อไป โปรดใช้ WebView แทน กำหนดคอลเล็กชันหน้าแอปหรือส่วนขยายที่จะแสดงในต้นทางที่ไม่ซ้ำกันซึ่งอยู่ในแซนด์บ็อกซ์
ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูล
พื้นที่เก็บข้อมูล managed กำหนดให้ต้องประกาศโครงสร้างเป็น สคีมา JSON และ Chrome จะตรวจสอบอย่างเข้มงวด ซึ่งแตกต่างจากพื้นที่เก็บข้อมูล local และ sync สคีมานี้ต้องจัดเก็บไว้ในไฟล์ที่ระบุโดยพร็อพเพอร์ตี้ "managed_schema" ของคีย์ไฟล์ Manifest "storage"
ไฟล์ Manifest - ข้อกำหนด
เทคโนโลยีที่แอปหรือส่วนขยายต้องใช้ เว็บไซต์โฮสติ้ง เช่น Chrome เว็บสโตร์ อาจใช้รายการนี้เพื่อ dissuade users from installing apps or extensions that will not work on their computer ปัจจุบันข้อกำหนดที่สนับสนุนประกอบด้วย "3 มิติ" และ "ปลั๊กอิน"
เริ่มต้นใช้งานช่วงทดลองใช้จากต้นทาง
ทดสอบฟีเจอร์แพลตฟอร์มเว็บใหม่หรือฟีเจอร์ทดลอง แสดงความคิดเห็นแก่ชุมชนมาตรฐานเว็บเกี่ยวกับความสามารถในการใช้งาน ความสามารถในการใช้งาน และประสิทธิภาพของฟีเจอร์ ก่อนที่ฟีเจอร์ดังกล่าวจะเปิดให้บริการแก่ผู้ใช้ทั้งหมด
แก้ปัญหาเกี่ยวกับหน่วยความจำ
ดูวิธีใช้ Chrome และ DevTools เพื่อค้นหาปัญหาเกี่ยวกับหน่วยความจำที่ส่งผลกระทบต่อประสิทธิภาพของหน้าเว็บ รวมถึงการรั่วไหลของหน่วยความจำ หน่วยความจำที่เพิ่มขึ้น และขยะที่สะสมบ่อย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ใน WebGPU (Chrome 131)
ระยะการครอบตัดใน WGSL, GPUCanvasContext getConfiguration(), องค์ประกอบพื้นฐานของจุดและเส้นต้องไม่มีอคติเชิงลึก, ฟังก์ชันในตัวของ Inclusive Scan สำหรับกลุ่มย่อย, การรองรับแบบทดลองสำหรับการวาดหลายครั้งโดยอ้อม, ตัวเลือกการคอมไพล์โมดูล Shader แบบ Strict Math, นำ GPUAdapter requestAdapterInfo() ออก และอื่นๆ
- Chrome
- WebGpu
ตัวเลือกเพิ่มเติมสำหรับการจัดสไตล์ <details>
ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่
ภาพรวมแผงหน่วยความจำ
รับข้อมูลเชิงลึกเกี่ยวกับการจัดสรรหน่วยความจำ ตรวจสอบปัญหาหน่วยความจำระดับต่ำ และจัดการการรวบรวมขยะ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างราบรื่นด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
การแชร์ข้อมูลเข้าสู่ระบบที่ราบรื่นช่วยให้คุณส่งสัญญาณไปยังเครื่องมือจัดการรหัสผ่านได้อย่างปลอดภัยว่าผู้ใช้สามารถลงชื่อเข้าใช้โดยใช้ข้อมูลเข้าสู่ระบบเดียวกันในแอปและเว็บไซต์ Android
- Chrome
ปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บ
รายการวิธีปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งได้แก่ เปลี่ยนธีม ตําแหน่งโฆษณา ลําดับแผง ภาษา และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงเกี่ยวกับป้าย
สลับการวางซ้อนต่างๆ และเร่งความเร็วของการนำทางแผนผัง DOM ด้วยป้าย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตรวจสอบเมตริก Core Web Vitals แบบเรียลไทม์ในแผงประสิทธิภาพ
ตรวจสอบเมตริก Core Web Vitals ที่เผยแพร่อยู่ในแผงประสิทธิภาพ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เพิ่มเนื้อหาในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS
สร้างส่วนหัวและส่วนท้ายที่กำหนดเองเมื่อพิมพ์หน้าเว็บ
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 131
แก้ไขข้อบกพร่อง CSS ด้วย Gemini, ใส่คำอธิบายประกอบสิ่งที่ค้นพบ และรับข้อมูลเชิงลึกในแผงประสิทธิภาพ พบการเปลี่ยนเลย์เอาต์และภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite และอื่นๆ อีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
จดจำลายมือของผู้ใช้
Handwriting Recognition API ทำให้เว็บแอปพลิเคชันสามารถใช้บริการจดจำลายมือขั้นสูงเพื่อจดจำข้อความจากการป้อนข้อมูลด้วยลายมือได้ในแบบเรียลไทม์
WebGPU: เคล็ดลับและการแก้ปัญหา
ดูสาเหตุที่อาจมีการปิดใช้ WebGPU หรือไม่ทำงานในเบราว์เซอร์ Chrome
การนํา --headless=old ออกจาก Chrome
Chrome 132 ไม่มีโหมด Headless แบบเก่าอีกต่อไป เปลี่ยนไปใช้ Chrome-headless-shell หรือโหมดไม่มีส่วนหัวใหม่
- Chrome
วิเคราะห์ประสิทธิภาพของรันไทม์
ดูวิธีประเมินประสิทธิภาพของรันไทม์ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ป้ายเลื่อนใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาองค์ประกอบที่เลื่อนได้เร็วขึ้น
ดูว่าป้ายเลื่อนใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้การแก้ไขข้อบกพร่ององค์ประกอบที่เลื่อนได้ง่ายขึ้นได้อย่างไร (และวิธีที่เราสร้างป้ายนี้)
- Chrome
โหมดไม่มีส่วนหัวของ Chrome
ตอนนี้โหมดไม่มีส่วนหัวของ Chrome มีประโยชน์มากขึ้นสำหรับนักพัฒนาซอฟต์แวร์โดยทำให้โหมด "ไม่มีส่วนหัว" ของ Chrome มีความใกล้เคียงกับโหมดปกติของ Chrome มากขึ้น
- Chromium
การเปิดใช้ bfcache สำหรับ Cache-Control: no-store
Chrome กำลังทำการเปลี่ยนแปลงเพื่ออนุญาตให้ใช้ bfcache สำหรับหน้าที่ใช้ Cache-Control: ไม่เก็บ เมื่อการดำเนินการนี้ปลอดภัย ดูว่าการเปลี่ยนแปลงนี้มีผลต่อนักพัฒนาแอปอย่างไร
5 สิ่งที่น่าทึ่งที่คุณทำได้ด้วยความช่วยเหลือจาก AI ในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
AI API ในตัว
AI ในตัวเป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
Chrome 131 เบต้า
สำรวจฟีเจอร์ที่จะเปิดตัวใน Chrome กับเบต้าล่าสุด
- Chrome
การอ้างอิง API
การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา
- ส่วนขยาย Chrome
Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนในเอกสารช่วยให้คุณควบคุมหน้าต่างภาพซ้อนภาพได้มากขึ้น การประกาศที่ฝังของ CSS ช่วยแก้ไขกรณีขอบเขตที่ยุ่งยากบางอย่าง และคุณระบุลักษณะการทำงานของการตกแต่งในองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ และยังมีอีกมากมาย
- Chrome
ใหม่ใน Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 130)
การผสมแบบ 2 แหล่ง การปรับปรุงเวลาในการคอมไพล์ตัวปรับแสงเงาในส่วนโลหะ การเลิกใช้งาน GPU requestAdapterInfo() และอื่นๆ
- Chrome
- WebGpu
ความช่วยเหลือจาก AI ในการจัดรูปแบบ
ทําความเข้าใจการจัดสไตล์เว็บไซต์ด้วยความช่วยเหลือของ AI ในเครื่องมือสําหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
chrome.virtualKeyboard
chrome.virtualKeyboard API คือ API แบบคีออสก์เท่านั้นซึ่งใช้เพื่อกำหนดค่าเลย์เอาต์และลักษณะการทำงานของแป้นพิมพ์เสมือนในเซสชันคีออสก์ บูลีน ไม่บังคับ แป้นพิมพ์เสมือนสามารถเติมข้อความอัตโนมัติได้หรือไม่ บูลีน ไม่บังคับ
chrome.clipboard
chrome.clipboard API มีไว้เพื่ออนุญาตให้ผู้ใช้เข้าถึงข้อมูลในคลิปบอร์ด นี่เป็นวิธีแก้ปัญหาชั่วคราวสำหรับแอปแพลตฟอร์ม Chrome จนกว่าจะมีทางเลือกอื่นในเว็บแบบเปิดให้ใช้งาน เราจะเลิกใช้งานโซลูชันนี้เมื่อโซลูชันเว็บแบบเปิดพร้อมใช้งาน
นวัตกรรม AI
ข้อมูลอ้างอิงแท็บ AI Innovations
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
API เฟรมภาพเคลื่อนไหวแบบยาว
ดูข้อมูลเกี่ยวกับ Long Animation Frames API (LoAF) ซึ่งเป็นการทำซ้ำครั้งถัดไปของ Long Tasks API และช่วยให้วัดความล่าช้าในการอัปเดตเฟรมด้วยการระบุแหล่งที่มา
ตรวจสอบกิจกรรมเครือข่าย
บทแนะนำฟีเจอร์ที่เกี่ยวข้องกับเครือข่ายที่ได้รับความนิยมสูงสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สิ่งที่จะเกิดขึ้นกับส่วนขยาย Chrome ในเดือนตุลาคม 2024
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
- ส่วนขยาย Chrome
- Chrome
Native Client
แซนด์บ็อกซ์สำหรับเรียกใช้โค้ด C และ C++ ที่คอมไพล์แล้วในเบราว์เซอร์ เลิกใช้งานไปแล้ว
พร็อพเพอร์ตี้กล่องตกแต่งใน Chrome 130
Chrome 130 มีการสนับสนุนกล่อง-การตกแต่งกล่องอย่างสมบูรณ์แบบที่ไม่มีคำนำหน้า
- Chrome
ระงับการเข้าถึงเครือข่ายส่วนตัวชั่วคราว
การเปิดตัวการเข้าถึงเครือข่ายส่วนตัว (PNA) ถูกระงับ
- Chrome
Translation API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ขณะนี้ Translation API พร้อมใช้งานสำหรับผู้เข้าร่วมโปรแกรมทดลองใช้ AI ในตัวก่อนเปิดตัวแล้ว
- Chrome
การเปลี่ยนแปลงการรับช่วงค่าสำหรับการจัดรูปแบบการเลือก CSS
การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS จะเกิดขึ้นใน Chrome 131
- Chrome
API การจัดตำแหน่งโฆษณา Anchor ของ CSS
จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การกำหนดตำแหน่งจุดยึด
จับการคาดคะเนในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: เหตุผลที่ทำให้ยากและวิธีช่วยปรับปรุง
ดูวิธีที่เครื่องมือแก้ไขข้อบกพร่องของ DevTools คาดคะเนว่าจะพบข้อยกเว้นหรือไม่
- Chrome
เข้าร่วมภารกิจ AI ในตัวของ Google Chrome
เรากำลังเปิดตัวภารกิจ AI ในตัว ซึ่งขอเชิญให้คุณมาประยุกต์ใช้ Gemini Nano ใน Chrome เพื่อพลิกโฉมความเป็นไปได้
- Chrome
WebAuthn: จำลอง Authenticator
จำลอง Authenticator และแก้ไขข้อบกพร่อง WebAuthn ใน Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ค้นหา: ค้นหาข้อความในทรัพยากรที่โหลดทั้งหมด
ค้นหาข้อความในทรัพยากรที่โหลดทั้งหมดด้วยแผงการค้นหา
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงฟีเจอร์
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์ในแผงโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การปรับปรุงประสบการณ์การใช้งานหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์บนอุปกรณ์เคลื่อนที่
เรายินดีที่จะเปิดตัวชุดการเปลี่ยนแปลง UI ซึ่งทำให้หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ตอบสนองได้ดียิ่งขึ้นและเหมาะกับอุปกรณ์เคลื่อนที่
- Chrome
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 130
คําแนะนําเกี่ยวกับเมตริกสดและเบรดครัมบ์ที่คุณไปยังส่วนต่างๆ ได้ในแผงประสิทธิภาพ ตัวกรองเครือข่ายที่พลิกโฉม การส่งออก HAR ที่มีการตรวจสอบสุขอนามัย และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ความปลอดภัย: ทําความเข้าใจปัญหาด้านความปลอดภัย
ใช้แผงความปลอดภัยเพื่อให้แน่ใจว่าหน้าเว็บได้รับการปกป้องโดย HTTPS อย่างเต็มรูปแบบ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การครอบคลุม: หา JavaScript และ CSS ที่ไม่ได้ใช้
วิธีค้นหาและวิเคราะห์โค้ด JavaScript และ CSS ที่ไม่ได้ใช้ใน Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ภาพรวมแผงแหล่งที่มา
ดูและแก้ไขไฟล์ สร้างข้อมูลโค้ด แก้ไขข้อบกพร่องของ JavaScript และตั้งค่าพื้นที่ทำงานในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเปลี่ยนมุมมองเอกสารเดียวกันสำหรับแอปพลิเคชันหน้าเว็บเดียว
เริ่มต้นใช้งานการเปลี่ยนมุมมองเอกสารเดียวกันสำหรับใช้ในแอปพลิเคชันหน้าเว็บเดียว
แผงเลเยอร์: สำรวจเลเยอร์ของเว็บไซต์
ตรวจสอบเลเยอร์ที่ประกอบกันเป็นเว็บไซต์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ลบการแคชแล้ว: ตรวจสอบ ล้าง และปิดใช้แคช
ตรวจสอบและแก้ปัญหาแคชด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ส่วนขยาย Web Vitals พร้อมใช้งานในเครื่องมือสําหรับนักพัฒนาเว็บแล้ว
ส่วนขยาย Web Vitals จะผสานรวมกับแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งจะสิ้นสุดการรองรับแบบสแตนด์อโลนในเดือนมกราคม 2025
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ภาพรวมของคอนโซล
การใช้งานหลักของคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือการบันทึกข้อความและเรียกใช้ JavaScript
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ระบุ PWA ที่ไม่ซ้ำกันด้วยพร็อพเพอร์ตี้รหัสไฟล์ Manifest ของเว็บแอป
พร็อพเพอร์ตี้ "id" ที่ไม่บังคับเป็นส่วนหนึ่งของข้อกำหนดเฉพาะของไฟล์ Manifest ของเว็บแอปและช่วยให้คุณกำหนดตัวระบุที่ใช้สำหรับ PWA ได้อย่างชัดเจน การเพิ่มพร็อพเพอร์ตี้ "id" ลงในไฟล์ Manifest จะนำการอ้างอิง "start_url" หรือตำแหน่งของไฟล์ Manifest ออก ซึ่งทำให้มีการอัปเดตในอนาคตได้
Writer และ Rewriter API พร้อมให้ทดลองใช้ก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API เขียนและเขียนใหม่ใน Chrome ได้แล้ว
- Chrome
Chrome เพื่อซิงค์พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google ระหว่างเดสก์ท็อปกับ Android
เร็วๆ นี้ Chrome บนเดสก์ท็อปจะสามารถสร้างพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) และซิงค์ข้อมูลในแพลตฟอร์มเหล่านั้นนอกเหนือจาก Android
- พาสคีย์
- Chrome
ต้องการความคิดเห็น: เราควรกำหนด CSS Masonry อย่างไร
การเปรียบเทียบข้อกำหนดเฉพาะสำหรับการก่ออิฐที่เสนอ 2 รายการ
- Chrome
Chrome 130 เบต้า
ทดสอบเว็บไซต์ด้วยฟีเจอร์และการเปลี่ยนแปลงใน Chrome เบต้าล่าสุด
- Chrome
แผงประสิทธิภาพ: วิเคราะห์ประสิทธิภาพเว็บไซต์
วิเคราะห์ประสิทธิภาพการโหลดและรันไทม์ของเว็บไซต์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การทดสอบ Chrome: การแชร์กระบวนการ
การทดสอบการแชร์กระบวนการและผลกระทบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' ประสบการณ์ของนักพัฒนาแอป
- Chrome
ใหม่ใน Chrome 129
เรากำลังเปิดตัว Chrome 129 อยู่ คุณสามารถให้ผลตอบแทนในงานที่ยาวๆ ได้ เพื่อปรับปรุงประสิทธิภาพ คุณสามารถทำให้องค์ประกอบเคลื่อนไหวด้วยขนาดที่แท้จริง มีการเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่งแท็ก Anchor และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 129
- Chrome
ตรวจสอบประสิทธิภาพ Core Web Vitals ในพื้นที่และของผู้ใช้จริงใน DevTools
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome มีวิธีใหม่ในการตรวจสอบประสิทธิภาพ Core Web Vitals ในเครื่องและเปรียบเทียบกับข้อมูลผู้ใช้จริงจากภาคสนาม
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 129)
การรองรับ HDR ด้วยโหมดการปรับโทนสีแคนวาส การรองรับกลุ่มย่อยที่ขยายการให้บริการ และอื่นๆ
- Chrome
- WebGpu
Animate to height: auto; (และคำค้นหาการปรับขนาดอื่นๆ ที่เป็นค่าเริ่มต้น) ใน CSS
ใช้ภาพเคลื่อนไหวเพื่อไปยังและจากคีย์เวิร์ดการปรับขนาดตามค่าเริ่มต้นด้วย `interpolate-size` และ `calc-size()`
การอัปเดต RFCOMM ของบลูทูธใน Web Serial
ดูวิธีตรวจหาว่าพอร์ตอนุกรม RFCOMM ของบลูทูธพร้อมใช้งานหรือไม่ด้วย Web Serial
- Chrome
หยุดหน้าจอชั่วคราวและตรวจสอบองค์ประกอบที่หายไป
ตรึงองค์ประกอบใน DOM เพื่อให้คุณตรวจสอบองค์ประกอบเหล่านั้นด้วย DevTools ได้
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
คำขอความคิดเห็นของนักพัฒนาแอป: ตัวเลือกที่ปรับแต่งได้
ดูตัวอย่างฟีเจอร์ใหม่ "การเลือกที่ปรับแต่งได้" ก่อนใคร
- Chrome
การแสดงภาพซ้อนภาพสำหรับองค์ประกอบใดๆ ไม่ใช่แค่ <วิดีโอ>
แสดงเนื้อหา HTML ที่กำหนดเองในหน้าต่างที่เปิดตลอดเวลา
API ล็อกแป้นพิมพ์และล็อกเคอร์เซอร์ต้องได้รับสิทธิ์จาก Chrome 131
Keyboard Lock API ช่วยให้นักพัฒนาแอปมอบประสบการณ์การใช้งานแบบเต็มหน้าจอที่สมจริงสำหรับกรณีการใช้งานที่หลากหลาย ซึ่งรวมถึงเว็บไซต์แบบอินเทอร์แอกทีฟ เกม การสตรีมเดสก์ท็อประยะไกล หรือแอปพลิเคชัน
- Chrome
บันทึกประจำรุ่น
รายละเอียดเกี่ยวกับการเปลี่ยนแปลงล่าสุดของชุดข้อมูล CrUX
- รายงาน Chrome UX
ไฟล์ Manifest - โมดูล Nacl
การแมปอย่างน้อย 1 รายการจากประเภท MIME กับโมดูล Native Client ที่จัดการแต่ละประเภท สำหรับ ตัวอย่างเช่น โค้ดตัวหนาในข้อมูลโค้ดต่อไปนี้จะลงทะเบียนโมดูล Native Client เป็นเนื้อหา สำหรับประเภท MIME ของสเปรดชีต OpenOffice ค่าของ "เส้นทาง"
externally_connectable
พร็อพเพอร์ตี้ไฟล์ Manifest externally_connectable จะประกาศว่าส่วนขยาย แอป และหน้าเว็บใดบ้างที่สามารถ เชื่อมต่อกับแอปของคุณผ่าน runtime.connect และ runtime.sendMessage หากต้องการดูบทแนะนำเกี่ยวกับการส่งข้อความ โปรดดู
ไฟล์ Manifest - ไอคอน
ไอคอนอย่างน้อย 1 รายการที่แสดงถึงส่วนขยาย แอป หรือธีม คุณควรระบุขนาด 128x128 เสมอ ไอคอน; และใช้ในระหว่างการติดตั้งและใน Chrome เว็บสโตร์ ส่วนขยายควรมี ไอคอน 48x48 ซึ่งใช้ในหน้าการจัดการส่วนขยาย (chrome://extensions) นอกจากนี้คุณยัง ระบุไอคอน 16x16
เวอร์ชันไฟล์ Manifest
จำนวนเต็ม 1 ชุดที่ระบุเวอร์ชันของรูปแบบไฟล์ Manifest ที่แพ็กเกจของคุณต้องการ จาก Chrome 18 นักพัฒนาแอป ควร ระบุ 2 (ไม่มีเครื่องหมายคำพูด) เพื่อใช้รูปแบบตามที่อธิบายไว้ เอกสาร: พิจารณาไฟล์ Manifest เวอร์ชัน 1 ถูกเลิกใช้งาน ตั้งแต่ Chrome 18 เวอร์ชัน 2
เครื่องมือตรวจสอบหน่วยความจำ: ตรวจสอบ ArrayBuffer, TypedArray, DataView และหน่วยความจำ Wasm
ใช้เครื่องมือตรวจสอบหน่วยความจำเพื่อตรวจสอบ ArrayBuffer, TypedArray หรือ DataView ใน JavaScript รวมถึง WebAssembly.Memory of C++ Wasm
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเปลี่ยนแปลง: ติดตามการเปลี่ยนแปลง HTML, CSS และ JavaScript
ติดตามการเปลี่ยนแปลงใน HTML, CSS และ JavaScript
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ขอแนะนำช่วงทดลองใช้ Digital Credentials API จากต้นทาง
ช่วงทดลองใช้จากต้นทางสำหรับ Digital Credentials API จะเริ่มจาก Chrome 128 Digital Credentials API คือ API แพลตฟอร์มเว็บแบบใหม่ที่ช่วยให้เว็บไซต์สามารถเลือกขอข้อมูลที่ยืนยันได้เกี่ยวกับผู้ใช้ผ่านข้อมูลเข้าสู่ระบบดิจิทัล เช่น ใบขับขี่หรือบัตรประจำตัวประชาชนที่จัดเก็บไว้ในกระเป๋าเงินดิจิทัล
- Chrome
การเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่ง Anchor
การเปลี่ยนแปลงที่เกี่ยวข้องกับ API การกำหนดตำแหน่งแท็ก Anchor ที่คุณควรทราบ
- Chrome
เปิดใช้การแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่นในเว็บไซต์ต่างๆ ใน Chrome
หากคุณใช้โดเมนหลายโดเมนที่ใช้แบ็กเอนด์การจัดการบัญชีเดียวกัน ลิงก์เนื้อหาดิจิทัล (Digital Asset Links) จะช่วยให้คุณแชร์ข้อมูลเข้าสู่ระบบกับโดเมนต่างๆ ได้อย่างราบรื่นเพื่อให้ผู้ใช้บันทึกข้อมูลเข้าสู่ระบบเพียงครั้งเดียว และให้เครื่องมือจัดการรหัสผ่านของ Chrome แนะนำให้ผู้ใช้ไปยังเว็บไซต์ที่เกี่ยวข้องได้
เรียกใช้คำสั่งในเมนูคำสั่ง
คำแนะนำเกี่ยวกับวิธีเปิดเมนูคำสั่ง เรียกใช้คำสั่ง เปิดไฟล์ ดูการทำงานอื่นๆ และอีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 129
คำขอค้นหาใน "ประสิทธิภาพ" > เครือข่าย ใช้ข้อมูลทดสอบในแบบฟอร์มที่อยู่ด้วยการป้อนข้อความอัตโนมัติ, ส่งออกไปยัง Puppeteer สำหรับ Firefox ในแผงโปรแกรมอัดเสียง, มองหาปัญหาด้านประสิทธิภาพได้อย่างรวดเร็วด้วยการสังเกตการณ์ในแผงประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แพลตฟอร์มแบบเว็บ
ดูวิธีการทํางานของ Chrome เข้าร่วมช่วงทดลองใช้จากต้นทาง และสร้างด้วย Chrome ได้ทุกที่
ขอแนะนำคำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON สำหรับ WebAuthn ใน Chrome
ตอนนี้ WebAuthn ใน Chrome สามารถใช้คำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON ได้แล้ว
- Chrome
chrome.privacy
ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest
- ส่วนขยาย Chrome
chrome.wallpaper
ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา
- ส่วนขยาย Chrome
chrome.system.storage
ใช้ chrome.system.storage API เพื่อค้นหาข้อมูลอุปกรณ์จัดเก็บข้อมูล และรับการแจ้งเตือนเมื่อมีการแนบและถอดอุปกรณ์เก็บข้อมูลแบบถอดออก "success" คำสั่งดีดออกเสร็จสมบูรณ์ แอปพลิเคชันสามารถแจ้งให้ผู้ใช้นำอุปกรณ์ออก "in_use" แอปพลิเคชันอื่นกำลังใช้งานอยู่
- ส่วนขยาย Chrome
chrome.input.ime
ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API
- ส่วนขยาย Chrome
chrome.scripting
ใช้ chrome.scripting API เพื่อเรียกใช้สคริปต์ในบริบทต่างๆ หากต้องการใช้ chrome.scripting API ให้ประกาศสิทธิ์ "scripting" ใน ไฟล์ Manifest พร้อมกับสิทธิ์ของโฮสต์สำหรับหน้าเว็บที่จะแทรกสคริปต์ ใช้คีย์ "host_permissions" หรือสิทธิ์ "activeTab"
- ส่วนขยาย Chrome
chrome.enterprise.deviceAttributes
ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้
- ส่วนขยาย Chrome
chrome.devtools.performance
ใช้ chrome.devtools.performance API เพื่อฟังการอัปเดตสถานะการบันทึกในแผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
- ส่วนขยาย Chrome
chrome.webAuthenticationProxy
chrome.webAuthenticationProxy API ช่วยให้ซอฟต์แวร์เดสก์ท็อประยะไกลที่ทำงานบนโฮสต์ระยะไกลสกัดกั้นคำขอ Web Authentication API (WebAuthn) เพื่อจัดการคำขอในไคลเอ็นต์ภายในได้ สตริง ผ่าน PublicKeyCredentialCreationOptions ไปยัง
- ส่วนขยาย Chrome
chrome.vpnProvider
ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ chrome.vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยการเรียกใช้ createConfig() การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI ของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า
- ส่วนขยาย Chrome
chrome.types
chrome.types API มีการประกาศประเภทสำหรับ Chrome ประเภท ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง
- ส่วนขยาย Chrome
chrome.enterprise.hardwarePlatform
ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์
- ส่วนขยาย Chrome
chrome.tabCapture
ใช้ chrome.tabCapture API เพื่อโต้ตอบกับสตรีมสื่อของแท็บ chrome.tabCapture API ช่วยให้คุณเข้าถึง MediaStream ที่มีวิดีโอและ เสียงของแท็บปัจจุบัน สามารถเรียกได้หลังจากผู้ใช้เรียกใช้ส่วนขยายเท่านั้น เช่น คลิก ปุ่มการทำงาน ของส่วนขยาย
- ส่วนขยาย Chrome
chrome.systemLog
ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี
- ส่วนขยาย Chrome
chrome.power
ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level
- ส่วนขยาย Chrome
chrome.topSites
ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้
- ส่วนขยาย Chrome
chrome.proxy
ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น
- ส่วนขยาย Chrome
chrome.system.memory
API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise&lt; MemoryInfo &gt;
- ส่วนขยาย Chrome
chrome.enterprise.networkingAttributes
ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)
- ส่วนขยาย Chrome
chrome.devtools.recorder
ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ devtools.recorder API เป็นฟีเจอร์ตัวอย่างที่ช่วยให้คุณขยาย แผงโปรแกรมบันทึก ใน Chrome DevTools ได้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
- ส่วนขยาย Chrome
chrome.system.cpu
ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"
- ส่วนขยาย Chrome
chrome.devtools.network
ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย ข้อมูลคำขอเครือข่ายจะแสดงในรูปแบบ HTTP Archive ( HAR ) คำอธิบายของ HAR อยู่นอกขอบเขตของเอกสารนี้ โปรดดู ข้อมูลจำเพาะของ
- ส่วนขยาย Chrome
chrome.processes
ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1
- ส่วนขยาย Chrome
chrome.tts
ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome มีความสามารถนี้ใน Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS
- ส่วนขยาย Chrome
chrome.search
ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด
- ส่วนขยาย Chrome
chrome.devtools.inspectedWindow
ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
- ส่วนขยาย Chrome
chrome.webNavigation
ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศสิทธิ์ "webNavigation" ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ
- ส่วนขยาย Chrome
chrome.tabGroups
ใช้ chrome.tabGroups API เพื่อโต้ตอบกับระบบการจัดกลุ่มแท็บของเบราว์เซอร์ คุณใช้ API นี้เพื่อแก้ไขและจัดเรียงกลุ่มแท็บในเบราว์เซอร์ได้ หากต้องการจัดกลุ่มและยกเลิกการจัดกลุ่มแท็บ หรือค้นหาแท็บที่อยู่ในกลุ่ม ให้ใช้ chrome.tabs API สีของกลุ่ม "เทา"
- ส่วนขยาย Chrome
chrome.printerProvider
chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง
- ส่วนขยาย Chrome
chrome.printingMetrics
ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว &quot;TWO_SIDED_LONG_EDGE&quot; ระบุว่ามีการใช้การพิมพ์ 2
- ส่วนขยาย Chrome
chrome.sessions
ใช้ chrome.sessions API เพื่อค้นหาและคืนค่าแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ เซสชัน [] รายการเซสชันของหน้าต่างที่เปิดอยู่สำหรับอุปกรณ์ต่างประเทศ โดยจัดเรียงจากเซสชันล่าสุดไปยังเซสชันที่แก้ไขล่าสุด หมายเลข ไม่บังคับ
- ส่วนขยาย Chrome
ความสามารถและตัวเลือก Chrome
ความสามารถคือตัวเลือกที่คุณสามารถใช้เพื่อปรับแต่งและกำหนดค่าเซสชัน ChromeDriver ได้
Language Detection API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สร้างต้นแบบได้ด้วย API ตรวจจับภาษาใน Chrome ได้แล้ว
- Chrome
chrome.declarativeNetRequest
chrome.declarativeNetRequest API ใช้เพื่อบล็อกหรือแก้ไขคำขอเครือข่ายด้วยการระบุกฎการประกาศ วิธีนี้ช่วยให้ส่วนขยายแก้ไขคำขอเครือข่ายได้โดยไม่ต้องสกัดกั้นและดูเนื้อหาของตน ดังนั้นจึงให้ความเป็นส่วนตัวมากขึ้น declarativeNetRequestFeedback
- ส่วนขยาย Chrome
Lighthouse: เพิ่มความเร็วเว็บไซต์
ทำให้เว็บไซต์โหลดเร็วขึ้นด้วย Chrome Lighthouse
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
chrome.webRequest
ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น
- ส่วนขยาย Chrome
chrome.sidePanel
ใช้ chrome.sidePanel API เพื่อโฮสต์เนื้อหาในแผงด้านข้างของเบราว์เซอร์ควบคู่ไปกับเนื้อหาหลักของหน้าเว็บ หากต้องการใช้ Side Panel API ให้เพิ่มสิทธิ์ "sidePanel" ในไฟล์ Manifest ส่วนขยาย ดังนี้ manifest.json: API แผงด้านข้างช่วยให้ส่วนขยายแสดง UI
- ส่วนขยาย Chrome
chrome.pageAction
ใช้ chrome.pageAction API เพื่อวางไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ การทำงานของหน้าเว็บแสดงถึงการกระทำที่ทำได้ในหน้าปัจจุบัน แต่ใช้ไม่ได้กับหน้าเว็บทั้งหมด การดำเนินการของหน้าเว็บจะปรากฏเป็นสีเทาเมื่อไม่มีการใช้งาน
- ส่วนขยาย Chrome
chrome.omnibox
API ของแถบอเนกประสงค์ช่วยให้คุณสามารถลงทะเบียนคีย์เวิร์ดด้วยแถบที่อยู่ของ Google Chrome ซึ่งเรียกอีกอย่างว่าแถบอเนกประสงค์ เมื่อผู้ใช้ป้อนคีย์เวิร์ดของส่วนขยาย ผู้ใช้จะเริ่มโต้ตอบกับ ส่วนขยาย ระบบจะส่งการกดแป้นพิมพ์แต่ละครั้งไปยังส่วนขยายของคุณ
- ส่วนขยาย Chrome
chrome.windows
ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest
- ส่วนขยาย Chrome
chrome.i18n
ใช้โครงสร้างพื้นฐาน chrome.i18n เพื่อปรับใช้การปรับให้เป็นสากลทั่วทั้งแอปหรือส่วนขยาย คุณต้องใส่สตริงทั้งหมดที่ผู้ใช้มองเห็นลงในไฟล์ชื่อ messages.json แต่ละครั้ง คุณเพิ่มภาษาใหม่ โดยเพิ่มไฟล์ข้อความภายใต้ไดเรกทอรีชื่อ _locales/_localeCode_ โดยที่
- ส่วนขยาย Chrome
chrome.browserAction
ใช้การทำงานของเบราว์เซอร์เพื่อใส่ไอคอนในแถบเครื่องมือหลักของ Google Chrome ทางด้านขวาของแถบที่อยู่ นอกจาก ไอคอน แล้ว การดำเนินการของเบราว์เซอร์อาจมี เคล็ดลับเครื่องมือ ป้าย และ ป๊อปอัป ด้วย ในรูปต่อไปนี้
- ส่วนขยาย Chrome
chrome.webRequest
ใช้ chrome.webRequest API เพื่อสังเกตและวิเคราะห์ปริมาณการรับส่งข้อมูล และเพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ คุณต้องประกาศสิทธิ์ "webRequest" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้คำขอเว็บ API พร้อมกับ สิทธิ์ของโฮสต์ ที่จำเป็น
- ส่วนขยาย Chrome
chrome.fileBrowserHandler
ใช้ chrome.fileBrowserHandler API เพื่อขยายโปรแกรมเรียกดูไฟล์ของ Chrome OS ตัวอย่างเช่น คุณใช้ API นี้เพื่ออนุญาตให้ผู้ใช้อัปโหลดไฟล์ไปยังเว็บไซต์ของคุณได้ โปรแกรมเรียกดูไฟล์ของ ChromeOS จะปรากฏขึ้นเมื่อผู้ใช้กด Alt+Shift+M
- ส่วนขยาย Chrome
chrome.devtools.panels
ใช้ chrome.devtools.panels API เพื่อผสานรวมส่วนขยายเข้ากับ UI หน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ โดยสร้างแผงของคุณเอง เข้าถึงแผงที่มีอยู่ และเพิ่มแถบด้านข้าง คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ
- ส่วนขยาย Chrome
รูปแบบไฟล์ Manifest
ทุกแอปมีไฟล์ Manifest ในรูปแบบ JSON ชื่อ manifest.json ซึ่งมีความสำคัญ โค้ดต่อไปนี้แสดงช่องไฟล์ Manifest ที่รองรับสำหรับแอป พร้อมด้วยลิงก์ไปยังหน้าที่ จะกล่าวถึงแต่ละฟิลด์
chrome.system.cpu
ใช้ system.cpu API เพื่อค้นหาข้อมูลเมตาของ CPU สตริง ชื่อสถาปัตยกรรมของโปรเซสเซอร์ สตริง[] ชุดของรหัสฟีเจอร์ที่ระบุความสามารถบางอย่างของโปรเซสเซอร์ รหัสที่รองรับในปัจจุบัน ได้แก่ "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" และ "avx"
- ส่วนขยาย Chrome
chrome.enterprise.networkingAttributes
ใช้ chrome.enterprise.networkingAttributes API เพื่ออ่านข้อมูลเกี่ยวกับเครือข่ายปัจจุบันของคุณ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น string ไม่บังคับ ที่อยู่ IPv4 ภายในอุปกรณ์ (ไม่ระบุหากไม่ได้กำหนดค่า)
- ส่วนขยาย Chrome
chrome.gcm
ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register
- ส่วนขยาย Chrome
chrome.loginState
ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"
- ส่วนขยาย Chrome
chrome.instanceID
ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น
- ส่วนขยาย Chrome
chrome.wallpaper
ใช้ chrome.wallpaper API เพื่อเปลี่ยนวอลเปเปอร์ของ ChromeOS คุณต้องประกาศว่า "วอลเปเปอร์" สิทธิ์ใน ไฟล์ Manifest ของแอปให้ใช้งาน API วอลเปเปอร์ เช่น เช่น หากต้องการตั้งค่าวอลเปเปอร์เป็นรูปภาพที่ https://example.com/a_file.png คุณสามารถโทรหา
- ส่วนขยาย Chrome
chrome.printingMetrics
ใช้ chrome.printingMetrics API เพื่อดึงข้อมูลเกี่ยวกับการใช้งานการพิมพ์ "BLACK_AND_WHITE" ระบุว่ามีการใช้โหมดขาวดำ "COLOR" ระบุว่ามีการใช้โหมดสี "ONE_SIDED" ระบุว่าใช้การพิมพ์ด้านเดียว &quot;TWO_SIDED_LONG_EDGE&quot; ระบุว่ามีการใช้การพิมพ์ 2
- ส่วนขยาย Chrome
chrome.platformKeys
ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN
- ส่วนขยาย Chrome
chrome.input.ime
ใช้ chrome.input.ime API เพื่อใช้งาน IME ที่กำหนดเองสำหรับ Chrome OS วิธีนี้ช่วยให้ส่วนขยายของคุณจัดการการกดแป้นพิมพ์ ตั้งค่าการเรียบเรียง และจัดการหน้าต่างตัวเลือกได้ คุณต้องประกาศ "อินพุต" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย ในการใช้ Input.ime API
- ส่วนขยาย Chrome
chrome.fontSettings
ใช้ chrome.fontSettings API เพื่อจัดการการตั้งค่าแบบอักษรของ Chrome หากต้องการใช้ Font Settings API คุณต้องประกาศ "fontSettings" สิทธิ์ใน ส่วนขยาย ไฟล์ Manifest เช่น Chrome
- ส่วนขยาย Chrome
chrome.devtools.inspectedWindow
ใช้ chrome.devtools.inspectedWindow API เพื่อโต้ตอบกับหน้าต่างที่ตรวจสอบ ซึ่งได้แก่ รับรหัสแท็บสำหรับหน้าที่ตรวจสอบ ประเมินโค้ดในบริบทของหน้าต่างที่ตรวจสอบ โหลดหน้าเว็บซ้ำ หรือรับรายการทรัพยากรภายในหน้า คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest
- ส่วนขยาย Chrome
chrome.processes
ใช้ chrome.processes API เพื่อโต้ตอบกับกระบวนการของเบราว์เซอร์ ตัวเลข ส่วนของแคชที่ใช้ในหน่วยไบต์ ตัวเลข ขนาดของแคชในหน่วยไบต์ หมายเลข ไม่บังคับ การวัดการใช้งาน CPU ของกระบวนการล่าสุด ซึ่งแสดงเป็นเปอร์เซ็นต์ของ CPU 1
- ส่วนขยาย Chrome
chrome.history
ใช้ chrome.history API เพื่อโต้ตอบกับบันทึกหน้าเว็บที่เข้าชมของเบราว์เซอร์ คุณสามารถเพิ่ม นำออก และค้นหา URL ในประวัติของเบราว์เซอร์ได้ หากต้องการลบล้างหน้าประวัติด้วยเวอร์ชันของคุณเอง โปรดดู ลบล้างหน้า คุณต้องประกาศ "ประวัติ" สิทธิ์ในการใช้ API
- ส่วนขยาย Chrome
chrome.identity
ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]
- ส่วนขยาย Chrome
chrome.sessions
ใช้ chrome.sessions API เพื่อค้นหาและคืนค่าแท็บและหน้าต่างจากเซสชันการท่องเว็บ สตริง ชื่อของอุปกรณ์ต่างประเทศ เซสชัน [] รายการเซสชันของหน้าต่างที่เปิดอยู่สำหรับอุปกรณ์ต่างประเทศ โดยจัดเรียงจากเซสชันล่าสุดไปยังเซสชันที่แก้ไขล่าสุด หมายเลข ไม่บังคับ
- ส่วนขยาย Chrome
chrome.tts
ใช้ chrome.tts API เพื่อเล่นการอ่านออกเสียงข้อความ (TTS) แบบสังเคราะห์ โปรดดู ttsEngine API ที่เกี่ยวข้อง ซึ่งช่วยให้ส่วนขยายติดตั้งใช้งานเครื่องมืออ่านออกเสียงได้ Chrome รองรับเสียงพูดในตัวสำหรับ Windows (ที่ใช้ SAPI 5), Mac OS X และ ChromeOS
- ส่วนขยาย Chrome
chrome.enterprise.hardwarePlatform
ใช้ chrome.enterprise.hardwarePlatform API เพื่อขอผู้ผลิตและรุ่นของแพลตฟอร์มฮาร์ดแวร์ที่เบราว์เซอร์ทำงาน หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่ติดตั้งโดยนโยบายระดับองค์กรเท่านั้น สตริง สตริง ขอรับผู้ผลิตและรุ่นสำหรับแพลตฟอร์มฮาร์ดแวร์
- ส่วนขยาย Chrome
chrome.devtools.recorder
ใช้ chrome.devtools.recorder API เพื่อปรับแต่งแผงโปรแกรมอัดเสียงในเครื่องมือสำหรับนักพัฒนาเว็บ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API สำหรับข้อมูลเบื้องต้นเกี่ยวกับการใช้ API เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ devtools.recorder API
- ส่วนขยาย Chrome
chrome.dom
ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู
- ส่วนขยาย Chrome
chrome.tabCapture
ใช้ chrome.tabCapture API เพื่อโต้ตอบกับสตรีมสื่อของแท็บ chrome.tabCapture API ช่วยให้คุณเข้าถึง MediaStream ที่มีวิดีโอและ เสียงของแท็บปัจจุบัน สามารถเรียกได้หลังจากผู้ใช้เรียกใช้ส่วนขยายเท่านั้น เช่น คลิก ปุ่มการทำงาน ของส่วนขยาย
- ส่วนขยาย Chrome
chrome.webNavigation
ใช้ chrome.webNavigation API เพื่อรับการแจ้งเตือนเกี่ยวกับสถานะคำขอการนำทางอยู่ระหว่างดำเนินการ เมธอดและเหตุการณ์ chrome.webNavigation ทั้งหมดกำหนดให้คุณต้องประกาศ "webnavigation" สิทธิ์ ใน ไฟล์ Manifest ของส่วนขยาย เช่น สำหรับการนำทางที่สำเร็จ
- ส่วนขยาย Chrome
chrome.topSites
ใช้ chrome.topSites API เพื่อเข้าถึงเว็บไซต์ยอดนิยม (เช่น เว็บไซต์ที่เข้าชมบ่อยที่สุด) ที่แสดงในหน้าแท็บใหม่ ซึ่งไม่รวมทางลัดที่ผู้ใช้กำหนดเอง คุณต้องประกาศ "topSites" สิทธิ์ในการใช้ API นี้ใน ไฟล์ Manifest ของส่วนขยาย หากต้องการลองใช้ API นี้
- ส่วนขยาย Chrome
chrome.management
chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest, management.uninstallSelf และ management.getSelf
- ส่วนขยาย Chrome
chrome.search
ใช้ chrome.search API เพื่อค้นหาผ่านผู้ให้บริการเริ่มต้น "CURRENT_TAB" ระบุว่าผลการค้นหาจะแสดงในแท็บการโทรหรือแท็บจากเบราว์เซอร์ที่ใช้งานอยู่ "NEW_TAB" ระบุว่าผลการค้นหาแสดงในแท็บใหม่ "NEW_WINDOW" ระบุว่าผลการค้นหาจะแสดงในหน้าต่างใหม่ การกำจัด
- ส่วนขยาย Chrome
chrome.types
chrome.types API มีการประกาศประเภทสำหรับ Chrome ต้นแบบ ChromeSetting มีชุดฟังก์ชันที่เหมือนกัน ( get(), set() และ clear() ) รวมถึงผู้เผยแพร่กิจกรรม ( onChange ) สำหรับการตั้งค่าของเบราว์เซอร์ Chrome การตั้งค่าพร็อกซี ตัวอย่าง
- ส่วนขยาย Chrome
chrome.idle
ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสถานะ "ไม่มีการใช้งาน" สิทธิ์ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"
- ส่วนขยาย Chrome
chrome.printerProvider
chrome.printerProvider API จะแสดงเหตุการณ์ที่ผู้จัดการการพิมพ์ใช้เพื่อค้นหาเครื่องพิมพ์ที่ควบคุมโดยส่วนขยายเพื่อค้นหาความสามารถของอุปกรณ์และส่งงานพิมพ์ไปยังเครื่องพิมพ์เหล่านี้ string ไม่บังคับ คำอธิบายที่มนุษย์อ่านได้ของเครื่องพิมพ์ สตริง
- ส่วนขยาย Chrome
chrome.enterprise.deviceAttributes
ใช้ chrome.enterprise.deviceAttributes API เพื่ออ่านแอตทริบิวต์ของอุปกรณ์ หมายเหตุ: API นี้ใช้ได้เฉพาะกับส่วนขยายที่นโยบายระดับองค์กรบังคับให้ติดตั้งเท่านั้น ดึงข้อมูลตำแหน่งที่ผู้ดูแลระบบระบุไว้
- ส่วนขยาย Chrome
chrome.windows
ใช้ chrome.windows API เพื่อโต้ตอบกับหน้าต่างเบราว์เซอร์ คุณใช้ API นี้เพื่อสร้าง แก้ไข และจัดเรียงหน้าต่างในเบราว์เซอร์ใหม่ได้ เมื่อส่งคำขอ windows.Window จะมีอาร์เรย์ของออบเจ็กต์ tabs.Tab คุณต้อง ประกาศสิทธิ์ "tabs" ใน ไฟล์ Manifest
- ส่วนขยาย Chrome
chrome.power
ใช้ chrome.power API เพื่อลบล้างฟีเจอร์การจัดการพลังงานของระบบ โดยค่าเริ่มต้น ระบบปฏิบัติการจะหรี่แสงหน้าจอเมื่อผู้ใช้ไม่ได้ใช้งานและจะระงับ ระบบ เมื่อใช้ API พลังงาน แอปหรือส่วนขยายสามารถปลุกระบบค้างไว้ได้ เมื่อใช้ API นี้ คุณจะระบุ Level
- ส่วนขยาย Chrome
chrome.pageCapture
ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML
- ส่วนขยาย Chrome
chrome.systemLog
ใช้ chrome.systemLog API เพื่อบันทึกบันทึกระบบ Chrome จากส่วนขยาย สตริง เพิ่มระเบียนบันทึกใหม่ MessageOptions ตัวเลือกการบันทึก ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำมั่นสัญญา<โมฆะ> Promise รองรับไฟล์ Manifest V3 ขึ้นไปเท่านั้น
- ส่วนขยาย Chrome
chrome.privacy
ใช้ chrome.privacy API เพื่อควบคุมการใช้ฟีเจอร์ต่างๆ ใน Chrome ที่อาจส่งผลต่อความเป็นส่วนตัวของผู้ใช้ API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าของ Chrome คุณต้องประกาศ "ความเป็นส่วนตัว" สิทธิ์ใน ไฟล์ Manifest
- ส่วนขยาย Chrome
chrome.fileSystemProvider
ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน
- ส่วนขยาย Chrome
chrome.notifications
ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ
- ส่วนขยาย Chrome
chrome.devtools.network
ใช้ chrome.devtools.network API เพื่อเรียกข้อมูลเกี่ยวกับคำขอเครือข่ายที่แสดงโดยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในแผงเครือข่าย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ดู ข้อมูลสรุปเกี่ยวกับ DevTools API
- ส่วนขยาย Chrome
chrome.downloads
สิทธิ์นี้ เรียกให้แสดงคำเตือน ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้
- ส่วนขยาย Chrome
chrome.proxy
ใช้ chrome.proxy API เพื่อจัดการการตั้งค่าพร็อกซีของ Chrome API นี้ใช้ ต้นแบบ ChromeSetting ของประเภท API ในการรับและตั้งค่าการกำหนดค่าพร็อกซี คุณต้องประกาศ "พร็อกซี" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การตั้งค่าพร็อกซี API เช่น
- ส่วนขยาย Chrome
chrome.vpnProvider
ใช้ chrome.vpnProvider API เพื่อใช้ไคลเอ็นต์ VPN การใช้งานทั่วไปของ vpnProvider มีดังนี้ สร้างการกำหนดค่า VPN โดยใช้เมธอด createConfig การกำหนดค่า VPN คือรายการที่แสดงให้ผู้ใช้เห็นใน UI แบบเนทีฟของ ChromeOS อย่างถาวร ผู้ใช้สามารถเลือกการกำหนดค่า VPN
- ส่วนขยาย Chrome
chrome.events
เนมสเปซ chrome.events มีประเภททั่วไปที่ API ใช้สำหรับเหตุการณ์การนำส่งเพื่อแจ้งให้คุณทราบเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น Event เป็นออบเจ็กต์ที่ให้คุณรับการแจ้งเตือนเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น นี่คือ ตัวอย่างของการใช้เหตุการณ์ chrome.alarms.onAlarm
- ส่วนขยาย Chrome
chrome.events
เนมสเปซ chrome.events มีประเภททั่วไปที่ API ใช้สำหรับเหตุการณ์การนำส่งเพื่อแจ้งให้คุณทราบเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น Event เป็นออบเจ็กต์ที่ให้คุณรับการแจ้งเตือนเมื่อมีสิ่งที่น่าสนใจเกิดขึ้น นี่คือ ตัวอย่างของการใช้เหตุการณ์ chrome.alarms.onAlarm
- ส่วนขยาย Chrome
chrome.idle
ใช้ chrome.idle API เพื่อตรวจหาเมื่อสถานะไม่มีการใช้งานของเครื่องมีการเปลี่ยนแปลง คุณต้องประกาศสิทธิ์ "idle" ในไฟล์ Manifest ของส่วนขยายเพื่อใช้ API ที่ไม่มีการใช้งาน สำหรับ ตัวอย่าง: "ใช้งานอยู่" "ไม่มีการใช้งาน" "ล็อก"
- ส่วนขยาย Chrome
chrome.offscreen
ใช้ offscreen API เพื่อสร้างและจัดการเอกสารนอกหน้าจอ หากต้องการใช้ API นอกหน้าจอ ให้ประกาศสิทธิ์ "offscreen" ใน ไฟล์ Manifest ของส่วนขยาย เช่น Service Worker ไม่มีสิทธิ์เข้าถึง DOM
- ส่วนขยาย Chrome
chrome.pageCapture
ใช้ chrome.pageCapture API เพื่อบันทึกแท็บเป็น MHTML MHTML คือ รูปแบบมาตรฐาน ที่เบราว์เซอร์ส่วนใหญ่รองรับ สรุปรวมไว้ในไฟล์เดียวของหน้าเว็บ 1 หน้า และทรัพยากรทั้งหมด (ไฟล์ CSS, รูปภาพ..) โปรดทราบว่า ด้วยเหตุผลด้านความปลอดภัย ไฟล์ MHTML
- ส่วนขยาย Chrome
chrome.fileSystemProvider
ใช้ chrome.fileSystemProvider API เพื่อสร้างระบบไฟล์ที่สามารถเข้าถึงได้จากโปรแกรมจัดการไฟล์ใน Chrome OS คุณต้องประกาศส่วน "fileSystemProvider" สิทธิ์และส่วนใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ File System Provider API เช่น ต้องมีการประกาศส่วน
- ส่วนขยาย Chrome
chrome.dom
ใช้ chrome.dom API เพื่อเข้าถึง DOM API พิเศษสำหรับส่วนขยาย รับรูทของเงาแบบเปิดหรือรากของเงาที่ปิดแล้วซึ่งโฮสต์โดยองค์ประกอบที่ระบุ หากองค์ประกอบไม่แนบรากของเงา จะทำให้องค์ประกอบนั้นแสดงผลเป็น Null HTMLElement ออบเจ็กต์ โปรดดู
- ส่วนขยาย Chrome
chrome.debugger
chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS
- ส่วนขยาย Chrome
chrome.management
chrome.management API ให้วิธีจัดการแอปและส่วนขยายที่ติดตั้งไว้ คุณต้องประกาศ "การจัดการ" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้การจัดการ API เช่น management.getPermissionWarningsByManifest(), management.uninstallSelf() และ management.getSelf()
- ส่วนขยาย Chrome
chrome.omnibox
API ของแถบอเนกประสงค์ช่วยให้คุณสามารถลงทะเบียนคีย์เวิร์ดด้วยแถบที่อยู่ของ Google Chrome ซึ่งเรียกอีกอย่างว่าแถบอเนกประสงค์ เมื่อผู้ใช้ป้อนคีย์เวิร์ดของส่วนขยาย ผู้ใช้จะเริ่มโต้ตอบกับ ส่วนขยาย ระบบจะส่งการกดแป้นพิมพ์แต่ละครั้งไปยังส่วนขยายของคุณ
- ส่วนขยาย Chrome
chrome.downloads
ใช้ chrome.downloads API เพื่อเริ่มโปรแกรม ตรวจสอบ จัดการ และค้นหาการดาวน์โหลดโดยใช้โปรแกรม คุณต้องประกาศสิทธิ์ "downloads" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ คุณสามารถดูตัวอย่างง่ายๆ ของการใช้ chrome.downloads API ได้ใน
- ส่วนขยาย Chrome
chrome.history
ใช้ chrome.history API เพื่อโต้ตอบกับบันทึกหน้าเว็บที่เข้าชมของเบราว์เซอร์ คุณสามารถเพิ่ม นำออก และค้นหา URL ในประวัติของเบราว์เซอร์ได้ หากต้องการลบล้างหน้าประวัติด้วยเวอร์ชันของคุณเอง โปรดดู ลบล้างหน้า หากต้องการโต้ตอบกับประวัติเบราว์เซอร์ของผู้ใช้
- ส่วนขยาย Chrome
chrome.gcm
ใช้ chrome.gcm เพื่อเปิดใช้แอปและส่วนขยายเพื่อส่งและรับข้อความผ่าน Firebase Cloud Messaging (FCM) ขนาดสูงสุด (เป็นไบต์) ของคู่คีย์/ค่าทั้งหมดในข้อความ 4096 ลงทะเบียนแอปพลิเคชันกับ FCM callback จะส่งคืนรหัสการลงทะเบียน ถ้ามีการเรียก register
- ส่วนขยาย Chrome
chrome.instanceID
ใช้ chrome.instanceID เพื่อเข้าถึงบริการรหัสอินสแตนซ์ รีเซ็ตตัวระบุอินสแตนซ์ของแอปและเพิกถอนโทเค็นทั้งหมดที่เชื่อมโยงกับตัวระบุดังกล่าว ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ คำสัญญา<โมฆะ> รองรับคำสัญญาในไฟล์ Manifest V3 ขึ้นไป แต่จะมี
- ส่วนขยาย Chrome
chrome.notifications
ใช้ chrome.notifications API เพื่อสร้างการแจ้งเตือนที่สมบูรณ์โดยใช้เทมเพลตและแสดงการแจ้งเตือนเหล่านี้แก่ผู้ใช้ในถาดระบบ string ไม่บังคับ ผู้ใช้ Mac OS X จะไม่เห็นไอคอนปุ่ม สตริง สตริง รายละเอียดเพิ่มเติมเกี่ยวกับรายการนี้ สตริง ชื่อการแจ้งเตือนรายการ
- ส่วนขยาย Chrome
chrome.loginState
ใช้ chrome.loginState API เพื่ออ่านและตรวจสอบสถานะการเข้าสู่ระบบ "SIGNIN_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์การลงชื่อเข้าใช้ "USER_PROFILE" ระบุว่าส่วนขยายอยู่ในโปรไฟล์ผู้ใช้ "UNKNOWN" ระบุว่าไม่ทราบสถานะเซสชัน "IN_OOBE_SCREEN"
- ส่วนขยาย Chrome
chrome.platformKeys
ใช้ chrome.platformKeys API เพื่อเข้าถึงใบรับรองไคลเอ็นต์ที่จัดการโดยแพลตฟอร์ม หากผู้ใช้หรือนโยบายให้สิทธิ์ ส่วนขยายจะใช้ใบรับรองดังกล่าวได้ในโปรโตคอลการตรวจสอบสิทธิ์ที่กำหนดเอง เช่น การดำเนินการนี้ช่วยให้สามารถใช้ใบรับรองที่จัดการโดยแพลตฟอร์มใน VPN
- ส่วนขยาย Chrome
chrome.identity
ใช้ chrome.identity API เพื่อรับโทเค็นเพื่อการเข้าถึง OAuth2 สตริง ตัวระบุที่ไม่ซ้ำกันสำหรับบัญชี รหัสนี้จะไม่เปลี่ยนแปลงตลอดอายุของบัญชี "ซิงค์" ระบุว่ามีการเปิดใช้การซิงค์สำหรับบัญชีหลัก "ใดก็ได้" ระบุการมีอยู่ของบัญชีหลัก (หากมี) string[]
- ส่วนขยาย Chrome
chrome.sockets.tcp
ใช้ chrome.sockets.tcp API เพื่อส่งและรับข้อมูลผ่านเครือข่ายโดยใช้การเชื่อมต่อ TCP API นี้มีผลแทนฟังก์ชัน TCP ที่พบใน API ของ chrome.socket ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข รหัสของซ็อกเก็ตที่สร้างขึ้นใหม่
chrome.hid
ใช้ chrome.hid API เพื่อโต้ตอบกับอุปกรณ์ HID ที่เชื่อมต่อ API นี้ให้สิทธิ์เข้าถึงการดำเนินการ HID จากภายในบริบทของแอป เมื่อใช้ API นี้ แอปต่างๆ จะทำหน้าที่เป็นไดรเวอร์ของอุปกรณ์ฮาร์ดแวร์ได้ ระบบจะรายงานข้อผิดพลาดที่สร้างโดย API นี้โดยการตั้งค่า
chrome.sockets.tcpServer
ใช้ chrome.sockets.tcpServer API เพื่อสร้างแอปพลิเคชันเซิร์ฟเวอร์โดยใช้การเชื่อมต่อ TCP API นี้มีผลแทนฟังก์ชัน TCP ที่พบใน API ของ chrome.socket ก่อนหน้านี้ คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ ตัวเลข
chrome.system.network
ใช้ chrome.system.network API สตริง ที่อยู่ IPv4/6 ที่ใช้ได้ สตริง ชื่อพื้นฐานของอะแดปเตอร์ ใน *nix ค่านี้มักจะเป็น "eth0", "wlan0" ฯลฯ ตัวเลข ความยาวของคำนำหน้า เรียกดูข้อมูลเกี่ยวกับอะแดปเตอร์ในตัวเครื่องของระบบนี้ ไม่บังคับ พารามิเตอร์ callback
chrome.fileSystem
ใช้ chrome.fileSystem API เพื่อสร้าง อ่าน ไปยังส่วนต่างๆ และเขียนลงในระบบไฟล์ในเครื่องของผู้ใช้ API นี้ทำให้แอป Chrome อ่านและเขียนไปยังตำแหน่งที่ผู้ใช้เลือกได้ เช่น แอปแก้ไขข้อความจะใช้ API เพื่ออ่านและเขียนเอกสารในเครื่องได้
chrome.app.window
ใช้ chrome.app.window API เพื่อสร้างหน้าต่าง Windows มีเฟรมเสริมพร้อมแถบชื่อและตัวควบคุมขนาด และจะไม่เชื่อมโยงกับหน้าต่างเบราว์เซอร์ Chrome ใดๆ ดู ตัวอย่างสถานะหน้าต่าง สำหรับการสาธิตตัวเลือกเหล่านี้ หน้าต่าง "หน้าต่าง" JavaScript
chrome.mediaGalleries
ใช้ chrome.mediaGalleries API เพื่อเข้าถึงไฟล์สื่อ (เสียง รูปภาพ วิดีโอ) จากดิสก์ในเครื่องของผู้ใช้ (เมื่อได้รับความยินยอมจากผู้ใช้) สตริง boolean สตริง ระบุแกลเลอรีที่แก้ไขแล้ว GalleryChangeType ประเภทของเหตุการณ์การเปลี่ยนแปลง
Logging
โดยค่าเริ่มต้น ChromeDriver จะบันทึกเฉพาะคำเตือน/ข้อผิดพลาดไปยัง Stderr เท่านั้น เมื่อแก้ไขข้อบกพร่อง ก็จะช่วยให้บันทึกที่มีรายละเอียดมากขึ้นได้ หากต้องการเปิดใช้การบันทึกแบบละเอียด เพียงส่ง --verbose ไปยังเซิร์ฟเวอร์ chromedriver คุณยังส่งผ่าน
เริ่มต้นใช้งาน ChromeDriver
หน้านี้มีเอกสารเกี่ยวกับวิธีเริ่มใช้ ChromeDriver เพื่อทดสอบเว็บไซต์ของคุณ เดสก์ท็อป (Windows/Mac/Linux) นอกจากนี้คุณยังสามารถอ่าน การเริ่มต้นใช้งาน Android หรือ การเริ่มต้นใช้งาน ChromeOS ChromeDriver เป็นไฟล์ปฏิบัติการแยกต่างหากที่ Selenium
ส่วนขยาย Chrome
สามารถแพคหรือคลายการแพคส่วนขยาย Chrome ได้ หากต้องการแพ็กส่วนขยายที่คลายการแพคแล้ว ให้ใช้ปุ่มแพ็กใน chrome://extensions หรือ ใช้ Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem"
ปรับแต่งข้อมูลประสิทธิภาพด้วย API การขยายการใช้งาน
ปรับแต่งข้อมูลประสิทธิภาพด้วย Extensibility API
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome 129 เบต้า
ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน
- Chrome
chrome.browsingData
ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศสิทธิ์ "browsingData" ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API
- ส่วนขยาย Chrome
chrome.system.memory
API ของ chrome.system.memory ตัวเลข ปริมาณของความจุที่ใช้ได้ในหน่วยไบต์ ตัวเลข จำนวนรวมของความจุหน่วยความจำทางกายภาพในหน่วยไบต์ รับข้อมูลหน่วยความจำทางกายภาพ ไม่บังคับ พารามิเตอร์ callback มีลักษณะดังนี้ MemoryInfo Promise&lt; MemoryInfo &gt;
- ส่วนขยาย Chrome
chrome.desktopCapture
Desktop Capture API จะบันทึกเนื้อหาของหน้าจอ หน้าต่างแต่ละหน้าต่าง หรือแต่ละแท็บ Enum ใช้เพื่อกำหนดชุดแหล่งที่มาของสื่อบนเดสก์ท็อปที่ใช้ใน chooseDesktopMedia() "หน้าจอ" "window" "tab" "เสียง" มิเรอร์ SelfCapturePreferenceEnum "รวม" "exclude" มิเรอร์
- ส่วนขยาย Chrome
chrome.documentScan
ใช้ chrome.documentScan API เพื่อค้นหาและเรียกข้อมูลรูปภาพจากเครื่องสแกนเอกสารที่แนบมา Document Scan API ได้รับการออกแบบมาเพื่อให้แอปและส่วนขยายดู ของเนื้อหากระดาษบนเครื่องสแกนเอกสารที่แนบมา สตริง ระบุแฮนเดิลงานเดียวกันกับที่ส่งไปยัง cancelScan()
- ส่วนขยาย Chrome
chrome.dns
ใช้ chrome.dns API สำหรับความละเอียดของ DNS หากต้องการใช้ API นี้ คุณต้องประกาศสิทธิ์ "dns" ใน ไฟล์ Manifest โค้ดต่อไปนี้เรียกใช้ resolve() เพื่อเรียกข้อมูลที่อยู่ IP ของ example.com service-worker.js string ไม่บังคับ สตริงที่แทนลิเทอรัลของที่อยู่ IP
- ส่วนขยาย Chrome
chrome.declarativeWebRequest
หมายเหตุ: API นี้เลิกใช้งานแล้ว ลองใช้ declarativeNetRequest API แทน ใช้ chrome.declarativeWebRequest API เพื่อสกัดกั้น บล็อก หรือแก้ไขคำขอที่อยู่ระหว่างดำเนินการ มีความรวดเร็วกว่า chrome.webRequest API
- ส่วนขยาย Chrome
การอ้างอิง API
การอ้างอิงที่สมบูรณ์ของ API ทั้งหมดที่พร้อมใช้งานกับส่วนขยาย Chrome ซึ่งรวมถึง API สำหรับแพลตฟอร์มแอป Chrome ที่เลิกใช้งาน ตลอดจน API ที่ยังอยู่ในรุ่นเบต้าและเวอร์ชันที่กำลังพัฒนา
- ส่วนขยาย Chrome
Chrome DevTools
แก้ไขข้อบกพร่องและเพิ่มประสิทธิภาพเว็บแอปพลิเคชันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สร้างแอปด้วย WebGPU
ดูวิธีสร้างแอปด้วย WebGPU สําหรับเว็บและแพลตฟอร์มที่เฉพาะเจาะจง
สื่อ: ดูและแก้ไขข้อบกพร่องของข้อมูลโปรแกรมเล่นสื่อ
ใช้แผงสื่อเพื่อดูข้อมูลและแก้ไขข้อบกพร่องของโปรแกรมเล่นสื่อในแต่ละแท็บเบราว์เซอร์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 128
Chrome 128 กำลังเปิดตัว ด้วยการแสดงผลที่ปรับปรุงใหม่สำหรับองค์ประกอบทับทิมพร้อมการขึ้นบรรทัดใหม่ Promise.try จะเริ่มต้นเชน Promise ได้ง่ายขึ้น อินเทอร์เฟซ PointerEvent ขยายให้สามารถระบุปากกาหลายด้ามแบบไม่ซ้ำกัน นอกจากนี้ยังมีอีกมากมายและอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 128
- Chrome
การปรับปรุงประสิทธิภาพการช่วยเหลือพิเศษของ Chromium
โพสต์จาก Ahmed Elwasefi ที่แชร์ว่าทําไมเขาจึงกลายมาเป็น Contributor ของ Chromium ผ่าน Google Summer of Code
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 128)
การทดสอบกับกลุ่มย่อย เลิกใช้งานความลำเอียงในการตั้งค่าสำหรับบรรทัดและจุด
- Chrome
- WebGpu
ช่วงทดลองใช้ File System Observer API จากต้นทาง
ทีม Chrome กำลังทดสอบ File System Observer API ใหม่ซึ่งจะแจ้งให้นักพัฒนาซอฟต์แวร์ทราบเกี่ยวกับการเปลี่ยนแปลงในระบบไฟล์
- Chrome
Chrome 128
Chrome 128 จะเริ่มเปิดตัวในวันที่ 20 สิงหาคม 2024 พร้อมพร็อพเพอร์ตี้ CSS Ruby-align, Promise.try และยังมีฟีเจอร์อื่นๆ อีกมากมาย
- Chrome
chrome.contentSettings
ใช้ chrome.contentSettings API เพื่อเปลี่ยนการตั้งค่าที่ควบคุมว่าเว็บไซต์จะใช้ฟีเจอร์ต่างๆ เช่น คุกกี้, JavaScript และปลั๊กอินได้หรือไม่ กล่าวโดยทั่วไปคือ การตั้งค่าเนื้อหาช่วยให้คุณปรับแต่งการทำงานของ Chrome
- ส่วนขยาย Chrome
chrome.alarms
ใช้ chrome.alarms API เพื่อตั้งเวลาให้โค้ดทำงานเป็นระยะๆ หรือตามเวลาที่ระบุในอนาคต หากต้องการใช้ chrome.alarms API ให้ประกาศสิทธิ์ "alarms" ใน ไฟล์ Manifest ดังนี้ ตัวอย่างต่อไปนี้จะแสดงวิธีใช้และตอบสนองต่อการปลุก หากต้องการลองใช้ API นี้ ติดตั้ง
- ส่วนขยาย Chrome
chrome.contextMenus
ใช้ chrome.contextMenus API เพื่อเพิ่มรายการลงในเมนูตามบริบทของ Google Chrome คุณเลือกประเภทออบเจกต์ที่จะใช้การเพิ่มเมนูตามบริบทได้ เช่น รูปภาพ ไฮเปอร์ลิงก์ และหน้า รายการเมนูตามบริบทอาจปรากฏในเอกสาร (หรือเฟรมภายในเอกสาร) ใดก็ได้ รวมถึงรายการที่มี
- ส่วนขยาย Chrome
chrome.debugger
chrome.debugger API ทำหน้าที่เป็นการรับส่งข้อมูลสำรองสำหรับ โปรโตคอลการแก้ไขข้อบกพร่องระยะไกล ของ Chrome ใช้ chrome.debugger เพื่อแนบกับแท็บอย่างน้อย 1 แท็บเพื่อกำหนดทิศทางของการโต้ตอบเครือข่าย, แก้ไขข้อบกพร่อง JavaScript, เปลี่ยนแปลง DOM และ CSS
- ส่วนขยาย Chrome
chrome.audio
chrome.audio API มีไว้เพื่ออนุญาตให้ผู้ใช้รับข้อมูลเกี่ยวกับและควบคุมอุปกรณ์เสียงที่เชื่อมต่อกับระบบได้ ปัจจุบัน API นี้ใช้ได้เฉพาะในโหมดคีออสก์สำหรับ ChromeOS สตริง ชื่ออุปกรณ์ DeviceType ประเภทอุปกรณ์ สตริง ชื่อที่เข้าใจง่าย (เช่น "ไมโครโฟน USB")
- ส่วนขยาย Chrome
chrome.declarativeContent
ใช้ chrome.declarativeContent API เพื่อดำเนินการโดยขึ้นอยู่กับเนื้อหาของหน้าเว็บ โดยไม่ต้องใช้สิทธิ์ในการอ่านเนื้อหาในหน้า Declarative Content API ช่วยให้คุณสามารถเปิดใช้การทำงานของส่วนขยายได้โดยขึ้นอยู่กับ URL ของ หรือหากตัวเลือก CSS
- ส่วนขยาย Chrome
chrome.browsingData
ใช้ chrome.browsingData API เพื่อนำข้อมูลการท่องเว็บออกจากโปรไฟล์ในเครื่องของผู้ใช้ คุณต้องประกาศ "browsingData" สิทธิ์ใน ไฟล์ Manifest ของส่วนขยาย เพื่อใช้ API นี้ กรณีการใช้งานที่ง่ายที่สุดสำหรับ API
- ส่วนขยาย Chrome
chrome.commands
ใช้ API ของคำสั่งเพื่อเพิ่มแป้นพิมพ์ลัดที่ทริกเกอร์การดำเนินการในส่วนขยาย เช่น การดำเนินการเพื่อเปิดการดำเนินการของเบราว์เซอร์หรือส่งคำสั่งไปยังส่วนขยาย คุณต้องประกาศคีย์ต่อไปนี้ ในไฟล์ Manifest เพื่อใช้ API นี้ Commands API
- ส่วนขยาย Chrome
File System Access API: ลดความซับซ้อนในการเข้าถึงไฟล์ในเครื่อง
File System Access API ช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพซึ่งโต้ตอบกับไฟล์ในอุปกรณ์ของผู้ใช้ได้ เช่น IDE, เครื่องมือแก้ไขรูปภาพและวิดีโอ, เครื่องมือแก้ไขข้อความ และอื่นๆ หลังจากที่ผู้ใช้ให้สิทธิ์เข้าถึงเว็บแอปแล้ว API นี้จะอนุญาตให้ผู้ใช้อ่านหรือบันทึกการเปลี่ยนแปลงไปยังไฟล์และโฟลเดอร์ในอุปกรณ์ของผู้ใช้ได้โดยตรง
Summarization API พร้อมให้ดูตัวอย่างล่วงหน้า
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API การสรุปสำหรับ Gemini Nano ใน Chrome ได้แล้ว
- Chrome
เหตุการณ์การสแนปการเลื่อน
ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace
- Chrome
การทดสอบการวัดการนำทางที่นุ่มนวล
ทีมงาน Chrome กำลังพยายามวัดการนำทางแบบนุ่มนวลที่เรียกกันว่าที่แอปพลิเคชันหน้าเว็บเดียวให้ใช้งานได้ดีขึ้น และขณะนี้ API ใหม่พร้อมใช้งานหลังแฟล็ก เพื่อให้เว็บไซต์ต่างๆ สามารถทดสอบการทำงานในลักษณะนี้ได้
4 วิธีในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบ 4 วิธีที่ไม่เหมือนใครในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 128
ข้อมูลเชิงลึกของคอนโซลเผยแพร่ในยุโรป การติดตามเครือข่ายที่ปรับปรุงแล้วและ API เพื่อปรับแต่งแทร็กในแผงประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
WebDriver BiDi พร้อมใช้งานจริงใน Firefox, Chrome และ Puppeteer
Puppeteer 23 มีการสนับสนุนที่เสถียรสำหรับ Firefox 129 ขึ้นไป โดยมี API แบบรวมสำหรับระบบอัตโนมัติของ Chrome และ Firefox โดยอิงตาม WebDriver BiDi
- Chrome
Blog
ข่าวสารล่าสุดจากทีมสัมพันธ์นักพัฒนาซอฟต์แวร์ Chrome
- Chrome
เข้าร่วมการทดสอบ AI ในตัวของ Chrome
ข้อมูลอัปเดตเกี่ยวกับ AI ในตัว, Prompt API และแผน AI ของ Chrome
- Chrome
การอัปเดต UX พาสคีย์ใน Chrome ใน Android
ตอนนี้ Chrome ใน Android ได้ผสานรวมเครื่องมือจัดการข้อมูลเข้าสู่ระบบแล้ว ซึ่งช่วยให้เครื่องมือจัดการรหัสผ่านของบุคคลที่สามสามารถใช้พาสคีย์ใน Android 14 ขึ้นไป
- Chrome
ชื่อ CSS ที่ผู้เขียนกำหนดและ Shadow DOM: เป็นไปตามข้อกำหนดและในทางปฏิบัติ
อธิบายสถานะความสามารถในการทำงานร่วมกันปัจจุบันของชื่อที่ผู้เขียนกำหนดตามที่ใช้ใน Shadow DOM ใน CSS
การทำงานอัตโนมัติด้วย WebDriver BiDi พร้อมใช้งานบน BrowserStack แล้ว
BrowserStack มีการรองรับ WebDriver BiDi ซึ่งจะช่วยเพิ่มประสิทธิภาพการทดสอบ Selenium Grid ด้วยการทำงานอัตโนมัติที่ขับเคลื่อนด้วยเหตุการณ์
- Chrome
ไม่ใช่แค่นิพจน์ทั่วไป: การปรับปรุงการแยกวิเคราะห์ค่า CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีที่ทีมเครื่องมือสำหรับนักพัฒนาเว็บปรับปรุงวิธีนำเสนอรูปแบบในแท็บสไตล์
- Chrome
โหลดหน้าเว็บได้เร็วขึ้นโดยใช้เวลาคิดของเซิร์ฟเวอร์ด้วยคำแนะนำในช่วงแรก
ดูว่าเซิร์ฟเวอร์ของคุณสามารถส่งคำแนะนำให้เบราว์เซอร์เกี่ยวกับทรัพยากรย่อยที่สำคัญได้อย่างไร
API ประวัติ CrUX
ดูวิธีค้นหาแนวโน้ม CrUX ที่ผ่านมาในช่วง 6 เดือนก่อนหน้าโดยใช้ CrUX History API
- รายงาน Chrome UX
API ของ CrUX
ดูวิธีสร้างคำขอและแยกวิเคราะห์การตอบกลับจาก CrUX API
- รายงาน Chrome UX
ตัวแบ่งบรรทัด <ruby> และพร็อพเพอร์ตี้ CSS Ruby-align
องค์ประกอบ Ruby ในบรรทัดและคุณสมบัติ CSS Ruby-align
- Chrome
แผงเครือข่าย: วิเคราะห์โหลดและทรัพยากรของเครือข่าย
วิเคราะห์โหลดและทรัพยากรของเครือข่าย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตัวอย่าง
ตัวอย่างส่วนขยาย Chrome มีให้ ใน GitHub
- ส่วนขยาย Chrome
เผยแพร่แอปของคุณ
สิ่งที่ต้องทำ
- ส่วนขยาย Chrome
ไฟล์ Manifest - เวอร์ชัน
ตัวเลขจำนวนเต็มที่คั่นด้วยจุด 1-4 จุดที่ระบุเวอร์ชันของส่วนขยายนี้ กฎ 2 ข้อ ที่ใช้กับจำนวนเต็มคือ ตัวเลขทั้งสองต้องอยู่ระหว่าง 0 ถึง 65,535 จำนวนเต็ม ไม่ใช่ 0 จะเริ่มต้นด้วย 0 ไม่ได้ ตัวอย่างเช่น 99999 และ 032 ต่างก็ไม่ถูกต้อง
ไฟล์ Manifest - ภาษาเริ่มต้น
ระบุไดเรกทอรีย่อย _locales ที่มีสตริงเริ่มต้นสำหรับส่วนขยายนี้ ต้องระบุ ช่องนี้ในส่วนขยายที่มีไดเรกทอรี _locales และ ต้องไม่มี ในส่วนขยายที่ไม่มีไดเรกทอรี _locales โปรดดูรายละเอียดที่ การปรับให้เป็นสากล
ไฟล์ Manifest - เปิดใช้ออฟไลน์แล้ว
แอปหรือส่วนขยายจะทำงานแบบออฟไลน์ได้ เมื่อ Chrome ตรวจพบว่าออฟไลน์อยู่ แอปที่ตั้งค่าช่องนี้ไว้เป็น "จริง" จะถูกไฮไลต์ในหน้าแท็บใหม่ นับจาก Chrome 35 เป็นต้นไป ระบบจะถือว่าแอปเปิดใช้แบบออฟไลน์และค่าเริ่มต้นของ "offline_enabled" คือ true
อัปเดต: หน้ากิจกรรมและหน้าพื้นหลัง
ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ
เวอร์ชันของ Chrome ที่ส่วนขยาย แอป หรือธีมของคุณต้องใช้ (หากมี) รูปแบบของสตริงนี้เหมือนกับของช่อง เวอร์ชัน
สตรีมกล่องงาน
RouteHandlerCallbackOptions StreamSource | สัญญา< StreamSource > คำตอบ ReadableStream BodyInit ใช้ Promiss ต้นทางหลายรายการ ซึ่งแต่ละรายการอาจเปลี่ยนเป็น Response, ReadableStream หรือ BodyInit แสดงผลออบเจ็กต์ที่แสดง ReadableStream
ไฟล์ Manifest - คำอธิบาย
สตริงข้อความธรรมดา (ไม่ใช่ HTML หรือการจัดรูปแบบอื่นๆ ไม่เกิน 132 อักขระ) ที่อธิบายส่วนขยาย คำอธิบายควรเหมาะกับทั้ง UI การจัดการส่วนขยายของเบราว์เซอร์และ Chrome เว็บสโตร์ คุณระบุสตริงที่เจาะจงภาษาสำหรับช่องนี้ได้ ดูรายละเอียดได้ที่ การทำให้เป็นสากล
ไฟล์ Manifest - คีย์
ค่านี้จะใช้เพื่อควบคุมรหัสที่ไม่ซ้ำกันของส่วนขยาย แอป หรือธีมเมื่อโหลดในช่วงการพัฒนา หากต้องการคีย์-ค่าที่เหมาะสม ก่อนอื่นให้ติดตั้งส่วนขยายจากไฟล์.crx (คุณอาจต้อง อัปโหลดส่วนขยาย หรือ จัดแพ็กเกจส่วนขยายด้วยตนเอง ) จากนั้นให้ไปที่
ไฟล์ Manifest - ชื่อและชื่อย่อ
พร็อพเพอร์ตี้ไฟล์ Manifest name และ short_name เป็นสตริงข้อความธรรมดาสั้นๆ ที่ระบุแอป คุณระบุสตริงที่เจาะจงภาษาให้กับทั้ง 2 ช่องได้ โปรดดูรายละเอียดเกี่ยวกับ การปรับให้เป็นสากล name (อักขระสูงสุด 45 ตัว)
ฟีเจอร์เว็บที่ถูกปิดใช้งาน
แม้ว่าแอป Chrome จะใช้แพลตฟอร์มเว็บ แต่ฟีเจอร์เว็บบางอย่างถูกปิดใช้งานหรือมีการใช้ในลักษณะอื่น ซึ่งมีจุดประสงค์หลักเพื่อหลีกเลี่ยงปัญหาด้านความปลอดภัยและปรับปรุงแนวทางปฏิบัติในการเขียนโปรแกรม
Chrome 128 เบต้า
ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน
- Chrome
ใหม่ใน Chrome 127
Chrome 127 กำลังเปิดตัว การสนับสนุนการปรับขนาดแบบอักษรช่วยให้การเปิดใช้งานของผู้ใช้มีผลใน Document Picture-in-Picture API คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และยังมีอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 127
- Chrome
วิธีที่ Chrome ช่วยให้ผู้ใช้ติดตั้งแอปที่ตนให้ความสำคัญ
งานวิจัยผู้ใช้ภายในของ Chrome แสดงให้เห็นว่าผู้คนจำนวนมากให้ความสำคัญกับการติดตั้งเว็บแอป ซึ่งมีประโยชน์มากมาย เช่น Chrome และนักพัฒนาเว็บสามารถช่วยคุณได้หลายวิธี ซึ่งรวมถึงฟีเจอร์ใหม่สำหรับการโปรโมตด้วยการเรียนรู้ของเครื่อง
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 127)
การทดสอบการรองรับ OpenGL ES บน Android, แอตทริบิวต์ข้อมูล GPUAdapter, การปรับปรุงการทำงานร่วมกันของ WebAssembly และอื่นๆ
- Chrome
- WebGpu
Chrome 127
Chrome 127 จะเริ่มเปิดตัวในวันที่ 23 กรกฎาคม 2024 โดยมีการปรับขนาดแบบอักษรของ CSS, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และอีกมากมาย
- Chrome
ขอความคิดเห็นของนักพัฒนาซอฟต์แวร์เกี่ยวกับลำดับการอ่านและองค์ประกอบที่มีการแสดงผล: เนื้อหา
ช่วยให้เรามั่นใจว่าขั้นตอนการอ่านตรงกับความต้องการของคุณ
- Chrome
ค่ากำหนด
ข้อมูลอ้างอิงแท็บค่ากำหนด
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงฟีเจอร์เครือข่าย
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์แผง Chrome DevTools Network
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แผงโปรแกรมบันทึก: บันทึกและวัดการไหลเวียนของผู้ใช้
วิเคราะห์และบันทึกการไหลเวียนของผู้ใช้
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ความเข้าใจผิดเกี่ยวกับการเปลี่ยนมุมมอง
เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- ส่วนขยาย Chrome
- Chrome
ส่วนขยาย Chrome: การปรับปรุงนโยบายที่สำคัญ
ประกาศนี้ประกอบด้วยการอัปเดตหน้านโยบายโปรแกรมสำหรับนักพัฒนาแอปที่ออกแบบมาเพื่อส่งเสริมการพัฒนาผลิตภัณฑ์ที่มีคุณภาพสูง ป้องกันพฤติกรรมหลอกลวง และดูแลให้ผู้ใช้มีข้อมูลให้ความยินยอม
- Chrome
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 127
การวางตำแหน่งแท็ก Anchor ของ CSS ในองค์ประกอบ, "ไม่ต้องหยุดชั่วคราวที่นี่' ปรับปรุงแล้ว" ใน "แหล่งที่มา", Listener เหตุการณ์ของการเลื่อนสแนปแบบใหม่, ค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
โหมดตรวจสอบ: วิเคราะห์คุณสมบัติขององค์ประกอบอย่างรวดเร็ว
ตรวจสอบองค์ประกอบในเว็บแอป
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงฟีเจอร์ด้านประสิทธิภาพ
ข้อมูลอ้างอิงเกี่ยวกับวิธีบันทึกและวิเคราะห์ประสิทธิภาพทั้งหมดใน Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเพิ่มประเภทที่เชื่อถือได้ลงใน YouTube
YouTube กำลังยกระดับความปลอดภัยของแพลตฟอร์มด้วย Trusted Types เพื่อป้องกันการโจมตีแบบ Cross-site Scripting แต่อาจส่งผลกระทบต่อส่วนขยายของคุณ
- ส่วนขยาย Chrome
- Chrome
จัดส่ง Long Animation Frame API แล้ว
Long Animation Frame API (LoAF) จัดส่งมาจาก Chrome 123 และตอนนี้เราได้อัปเดตเครื่องมือและคำแนะนำเพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจาก API ใหม่นี้
- Chrome
หลีกเลี่ยง DOM ที่มีขนาดใหญ่เกินไป
เรียนรู้ว่า DOM ขนาดใหญ่จะลดประสิทธิภาพของหน้าเว็บได้อย่างไร และคุณจะสามารถลดขนาด DOM ของคุณเมื่อโหลดได้อย่างไร
หน้าที่แสดงผลล่วงหน้าใน Chrome สำหรับการนำทางหน้าเว็บแบบทันใจ
ทีม Chrome พยายามหาตัวเลือกที่จะนำการแสดงผลล่วงหน้าสำหรับหน้าเว็บในอนาคตซึ่งผู้ใช้มีแนวโน้มที่จะเข้าชมกลับมาอีกครั้ง
เบื้องหลัง Chrome เว็บสโตร์: การสอบถามเรื่องความเชื่อถือและความปลอดภัย
เราได้พูดคุยกับทีมที่ดูแลการตรวจสอบใน Chrome เว็บสโตร์
- ส่วนขยาย Chrome
- Chrome
ประสิทธิภาพ IndexedDB สูงสุดด้วยที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ทีม Chrome ได้ทำการปรับปรุงหลายอย่างที่เกี่ยวข้องกับการใช้งาน IndexedDB (IDB)
- Chrome
ช่วงทดลองใช้จากต้นทางสำหรับองค์ประกอบใหม่ <สิทธิ์>
ทีม Chrome กำลังทดสอบกับองค์ประกอบใหม่ < สิทธิ์> HTML ที่ประกาศ เพื่อขอให้ผู้ใช้เข้าถึงฟีเจอร์ที่มีประสิทธิภาพ
- Chrome
แคชโมเดล AI ในเบราว์เซอร์
หากต้องการให้การเปิดตัวแอปพลิเคชันที่ทำงานด้วยระบบ AI ในอนาคตเร็วขึ้น ให้แคชข้อมูลโมเดลในอุปกรณ์ให้ชัดเจน
มีอะไรใหม่ใน WebGPU (Chrome 126)
เพิ่มขีดจำกัด maxTextureArrayLayers, การเพิ่มประสิทธิภาพการอัปโหลดบัฟเฟอร์สำหรับแบ็กเอนด์ Vulkan, การปรับปรุงเวลาการคอมไพล์ตัวปรับแสงเงา, บัฟเฟอร์คำสั่งที่ส่งต้องไม่ซ้ำกัน และการอัปเดต Dawn
- Chrome
- WebGpu
Chrome 127 เบต้า
ทดสอบฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome โดยการดาวน์โหลดเวอร์ชันเบต้า
- Chrome
Chrome 126
Chrome 126 จะเริ่มเปิดตัวในวันที่ 11 มิถุนายน 2024 พร้อมกับการเปลี่ยนมุมมองเอกสารแบบข้ามเอกสาร, การเปิดใช้ CloseWatcher API อีกครั้ง, การทริกเกอร์ Rumble สำหรับ Gamepad API และอื่นๆ อีกมากมาย
- Chrome
ข้อมูลล่าสุดของ CSS และ UI บนเว็บ: สรุป I/O 2024
อ่านประกาศทั้งหมดของ CSS และ UI บนเว็บจากงาน Google I/O 2024
- Chrome
สิ่งใหม่ๆ ใน Chrome 126
Chrome 126 กำลังเปิดตัวแล้ว ด้วยการรองรับการเปลี่ยนข้ามเอกสารใน ViewTransitions API ทำให้ CloseWatcher API ใช้งานได้อีกครั้ง รวมทั้งทำให้ Gamepad API ทำงานสั่นสะเทือน และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 126
- Chrome
การเลิกใช้งานเหตุการณ์ยกเลิกการโหลด
เหตุการณ์ยกเลิกการโหลดจะค่อยๆ เลิกใช้ตั้งแต่วันที่ Chrome 117 เป็นต้นไป ดูความหมายของการเปลี่ยนแปลงนี้ ตลอดจนวิธีที่เว็บไซต์และองค์กรต่างๆ จะเตรียมความพร้อมสำหรับกระบวนการนี้
3 ฟีเจอร์ใหม่สำหรับปรับแต่งเวิร์กโฟลว์ประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดเพื่อช่วยให้คุณจัดระเบียบแผงประสิทธิภาพและเน้นที่ข้อมูลที่คุณต้องการมากที่สุด
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome UX Report
เอกสารทางเทคนิคเกี่ยวกับเมตริก CrUX
- รายงาน Chrome UX
การตรวจสอบโปรโตคอล: ดูและส่งคำขอ CDP
ตรวจสอบคำขอและการตอบกลับของ CDP
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างคำนวณเหตุการณ์รูปแบบอีกครั้ง
วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างคำนวณเหตุการณ์สไตล์อีกครั้ง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้ามการตรวจสอบการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยาย
เรายินดีที่จะประกาศเปิดตัวฟีเจอร์ใหม่ที่จะช่วยให้นักพัฒนาแอปข้ามกระบวนการตรวจสอบสําหรับการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยายซึ่งใช้ไฟล์ Manifest V3 ได้โดยใช้ Declarative Net Request API
- Chrome
ไม่มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น
ดูข้อมูลเกี่ยวกับ "ไม่ได้มีแท็กที่มีความกว้างหรือขนาดเริ่มต้น" Lighthouse ของการตรวจสอบ
เงื่อนไขของเครือข่าย: ลบล้างสตริง User Agent
ดูวิธีจำลองเบราว์เซอร์อื่นๆ ด้วยแผงเงื่อนไขเครือข่าย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 126
โหมดการกำหนดค่าแทร็กที่ปรับปรุงใหม่, รายการละเว้นในแผนภูมิ Flame Chart และลด CPU ลง 20 เท่าในแผงประสิทธิภาพ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ส่วนขยาย Chrome ที่งาน Google I/O 2024
งาน Google I/O อีกงานหนึ่งก็อยู่หลังเรา และเราก็ได้พูดถึงการอัปเดตส่วนขยายที่น่าตื่นเต้นทั้งหมดแล้ว
- Chrome
ดีบัก JavaScript
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องของ JavaScript
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แก้ไขข้อบกพร่องของกฎการคาดเดาด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เรียนรู้เกี่ยวกับฟีเจอร์ทั้งหมดของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อแก้ไขข้อบกพร่องของกฎการคาดเดาที่ใช้เพื่อดึงข้อมูลล่วงหน้าและแสดงการนำทางหน้าเว็บในอนาคตล่วงหน้า
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แผงแหล่งที่มาด่วน
ดูไฟล์ต้นฉบับและมีสิทธิ์เข้าถึงเครื่องมืออื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
กระตุ้นให้ผู้ใช้เขียนรีวิวผลิตภัณฑ์ที่เป็นประโยชน์ด้วย AI บนเว็บฝั่งไคลเอ็นต์
Codelab ต่อไปนี้มี AI ฝั่งไคลเอ็นต์ ไม่ต้องมีความรู้ด้านการพัฒนา AI, เซิร์ฟเวอร์ หรือคีย์ API
มีอะไรใหม่ในเฟรมเวิร์ก JavaScript (พฤษภาคม 2024)
เอกสารฉบับนี้ให้ไฮไลต์สั้นๆ เกี่ยวกับสิ่งที่เกิดขึ้นล่าสุดในระบบนิเวศของเฟรมเวิร์ก JavaScript
- Chrome
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 1
ส่วนที่ 1/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงในเว็บ
- Chrome
สรุปข้อมูล AI บนเว็บ I/O 2024: โมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
อ่านสรุปจาก Web AI ที่งาน I/O 2024 เรียนรู้เกี่ยวกับโมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
- Chrome
- WebGpu
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 2
ส่วนที่ 2/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงบนเว็บ
- Chrome
ประเมินรีวิวผลิตภัณฑ์ด้วย AI
AI ในอุปกรณ์เป็นข้อเสนอล่าสุดในการนำโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ พร้อมกับปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
แผงตรวจสอบประสิทธิภาพ
วิเคราะห์ประสิทธิภาพรันไทม์ของเว็บไซต์แบบเรียลไทม์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่เกี่ยวกับการเปลี่ยนมุมมอง (ข้อมูลอัปเดตเกี่ยวกับ Google I/O 2024)
ประกาศเกี่ยวกับการเปลี่ยนมุมมองข้ามเอกสารสำหรับ MPA การเปลี่ยนมุมมองแบบเลือกที่มีประเภทที่ใช้งานอยู่ และการแชร์รูปแบบภาพเคลื่อนไหวด้วย View-transition-class
- Chrome
Chrome 126 เบต้า
Chrome 126 เบต้าประกอบด้วยการเปลี่ยนมุมมองข้ามเอกสาร, ส่วนขยายทริกเกอร์ Gamepad API ที่รบกวนการทำงาน และฟีเจอร์อื่นๆ
- Chrome
ขอแนะนำการรองรับ UIA ใน Windows
ระบบรองรับเฟรมเวิร์กการทำงานอัตโนมัติของ Windows UI ใน Chrome 126
- Chrome
การรองรับ SVG สำหรับ Async Clipboard API
ตอนนี้ Async Clipboard API จัดการกับรูปภาพ SVG ได้แล้ว
- Chrome
Chrome 125
Chrome 125 จะเริ่มเปิดตัวในวันที่ 14 พฤษภาคม 2024 พร้อม CSS Anchor Positioning, Compute Pressure API, ฟีเจอร์พื้นฐานใหม่ และอีกมากมาย
- Chrome
กรณีที่ควรเลือก AI ฝั่งไคลเอ็นต์
AI ฝั่งไคลเอ็นต์เป็นข้อเสนอล่าสุดที่นําโมเดลที่มีประสิทธิภาพมาสู่ผู้ใช้ ในขณะเดียวกันก็ปกป้องข้อมูลที่ละเอียดอ่อนและปรับปรุงเวลาในการตอบสนอง
ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย
พบกับฟีเจอร์ที่น่าตื่นเต้นจากเซสชันและประเด็นสำคัญสำหรับนักพัฒนาซอฟต์แวร์ Google I/O
- Chrome
ลบล้างเนื้อหาเว็บและส่วนหัวการตอบกลับ HTTP ภายในเครื่อง
ใช้การลบล้างในเครื่องเพื่อจำลองทรัพยากรระยะไกลและเก็บการเปลี่ยนแปลงที่คุณทำในเครื่องมือสำหรับนักพัฒนาเว็บในการโหลดหน้าเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: ลบล้างและจำลองการตอบกลับของเครือข่าย
ดูวิธีลบล้างและจำลองการตอบสนองของเครือข่ายด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สิ่งใหม่ๆ ใน Chrome 125
Chrome 125 กำลังเปิดตัวแล้ว ไม่ว่าจะเป็น CSS Anchor Positioning API, Compute Pressure API, การขยายไปยัง Storage Access API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 125
- Chrome
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
- Chrome
ทําความเข้าใจข้อผิดพลาดและคําเตือนได้ดียิ่งขึ้นด้วยข้อมูลเชิงลึกของคอนโซล
ทำความเข้าใจข้อผิดพลาดและคำเตือนในคอนโซลได้ดีขึ้นด้วย Gemini
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ขอแนะนำ CSS Anchor Positioning API
จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การวางตำแหน่งจุดยึดใหม่
- Chrome
นำการทดสอบไปใช้ในองค์กรด้วย Chrome
ดูวิธีก้าวข้ามความท้าทายด้วยการทดสอบในสภาพแวดล้อมระดับองค์กร
- Chrome
เครื่องมือจาก Chrome สำหรับการทดสอบอัตโนมัติที่ราบรื่น
ภาพรวมคร่าวๆ เกี่ยวกับ Puppeteer, Chrome Headless และ Chrome สำหรับการทดสอบและแหล่งข้อมูลอื่นๆ จากทีมเครื่องมือของ Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 125
สาเหตุของข้อผิดพลาดในคอนโซล, สถิติของตัวเลือก CSS ในประสิทธิภาพ, ส่วนหัวคำแนะนำล่วงหน้าในเครือข่าย และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
เหตุใดความสามารถของ CSS และ UI จึงสำคัญต่อเว็บไซต์อีคอมเมิร์ซของคุณ
ดูวิธีที่เว็บไซต์อีคอมเมิร์ซได้ประโยชน์จากการใช้ฟีเจอร์ CSS และ UI ล่าสุด เช่น ดูการเปลี่ยน, ภาพเคลื่อนไหวที่ขับเคลื่อนโดยการเลื่อน, Popover API และอื่นๆ
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 125)
กลุ่มย่อยที่อยู่ระหว่างการพัฒนาและแสดงผลเป็นส่วนของพื้นผิว 3 มิติ
- Chrome
- WebGpu
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
- Chrome
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
- Chrome
กรณีศึกษา :has()
ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()
- Chrome
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
- Chrome
ขอแนะนำ "ปลดปล่อยพลังของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน"
หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน
- Chrome
ภาพรวมของ WebGPU
WebGPU ช่วยให้กราฟิก 3 มิติและการประมวลผลพร้อมกันประสิทธิภาพสูงบนเว็บได้
- WebGpu
ข้อเสนอทางเลือกสำหรับการก่ออิฐ CSS
ข้อเสนอในการกำหนดการก่ออิฐและตารางกริดในข้อกำหนดเฉพาะ
- Chrome
ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้minimum_chrome_version ของ manifest.json
- ส่วนขยาย Chrome
กรณีศึกษาของ Popover
Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน
- Chrome
ช่วงทดลองใช้การเข้าถึงเครือข่ายส่วนตัว (PNA) สำหรับบริบทที่ไม่ปลอดภัยกำลังจะสิ้นสุดลง โปรดใช้ข้อความแจ้งสิทธิ์ PNA
หากต้องการเข้าถึงอุปกรณ์เครือข่ายส่วนตัวจากเว็บไซต์ที่แปลงเป็น HTTPS ไม่ได้ คุณต้องใช้ข้อความแจ้งสิทธิ์เพื่อผ่อนคลายการตรวจสอบเนื้อหาผสม
- Chrome
เลื่อนและซูมแท็บที่จับภาพ
Captured Surface Control API ช่วยให้เว็บแอปเลื่อนและซูมแท็บที่จับภาพไว้ได้
ไฟล์ Manifest - โทเค็นการทดลองใช้
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ trial_tokens ของ Manifest.json
- ส่วนขยาย Chrome
WebAudio: ดูเมตริก WebAudio API
ดูเมตริก WebAudio API ในแผง WebAudio
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome 125 เบต้า
การจัดตำแหน่ง Anchor ของ CSS, ฟังก์ชันแบบขั้นบันไดของ CSS, Compute Pressure API และอื่นๆ
- Chrome
เว็บไซต์ทำงานในเบราว์เซอร์ต่างๆ ได้
เรียนรู้วิธีใช้ Workbox เพื่อให้แน่ใจว่าหน้าเว็บของคุณทำงานในเบราว์เซอร์ต่างๆ ได้
ภาพเคลื่อนไหว: ตรวจสอบและแก้ไขเอฟเฟกต์ภาพเคลื่อนไหว CSS
ตรวจสอบและแก้ไขภาพเคลื่อนไหวด้วยแผงภาพเคลื่อนไหว
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
start_url ไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์
ดูวิธีกำหนดค่า start_url ของ Progressive Web App เพื่อให้แอปเข้าถึงได้แบบออฟไลน์
หน้าปัจจุบันไม่ตอบสนองด้วยรหัส 200 เมื่อออฟไลน์
ดูวิธีทำให้ Progressive Web App ทำงานแบบออฟไลน์
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- ส่วนขยาย Chrome
- Chrome
ไฟล์ Manifest ไม่มีไอคอนที่มาสก์ได้
ดูวิธีเพิ่มการรองรับไอคอนที่มาสก์ได้ลงใน PWA
การควบคุม
การควบคุมการอ้างอิงแท็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แต่ละหน้ามี URL
ดูข้อมูลเกี่ยวกับ Lighthouse "แต่ละหน้าจะมีการตรวจสอบ URL"
ป้อนข้อความอัตโนมัติ: ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้
ตรวจสอบและแก้ไขข้อบกพร่องของที่อยู่ที่บันทึกไว้ใน Chrome ด้วยแผงการป้อนข้อความอัตโนมัติ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ช่วงทดลองใช้จากต้นทางสำหรับ API แบบพับได้
API แบบพับได้เป็น API 2 แบบใน Chrome ที่ออกแบบมาเพื่อช่วยให้นักพัฒนาแอปกำหนดเป้าหมายไปยังอุปกรณ์แบบพับได้
- Chrome
การเปลี่ยนหน้าไม่รู้สึกว่าถูกบล็อกบนเครือข่าย
เรียนรู้วิธีทำให้การเปลี่ยนระหว่างหน้าเว็บรู้สึกตอบสนองได้ดีแม้เครือข่ายที่ช้า
ไม่ได้ปรับขนาดเนื้อหาอย่างถูกต้องสำหรับวิวพอร์ต
ดูวิธีปรับขนาดเนื้อหาหน้าเว็บให้พอดีกับหน้าจออุปกรณ์เคลื่อนที่
ไม่ได้กำหนดสีธีมสำหรับแถบที่อยู่
ดูวิธีกำหนดสีธีมของแถบที่อยู่สำหรับ Progressive Web App
Chrome 124
Chrome 124 จะเริ่มเปิดตัวในวันที่ 16 เมษายน 2024 พร้อม setHTMLUnsafe การสตรีมใน WebSockets และอื่นๆ อีกมากมาย
- Chrome
ใหม่ใน Chrome 124
Chrome 124 กำลังเปิดตัวแล้ว มี API ใหม่ 2 รายการที่อนุญาตให้ใช้ Shadow DOM จาก JavaScript ได้ คุณใช้สตรีมใน Web Socket ได้ มุมมองการเปลี่ยนจะดียิ่งขึ้นเล็กน้อย และยังมีอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 124
- Chrome
ไม่ได้ใช้ HTTPS
ดูวิธีปกป้องเว็บไซต์ด้วย HTTPS
ไม่ได้เปลี่ยนเส้นทางการเข้าชมผ่าน HTTP ไปยัง HTTPS
ดูวิธีทำให้เว็บไซต์ปลอดภัยยิ่งขึ้นโดยการเปลี่ยนเส้นทางหน้าเว็บทั้งหมดไปยัง HTTPS
ไม่แสดงเนื้อหาสำรองเมื่อ JavaScript ไม่พร้อมใช้งาน
เรียนรู้วิธีทำให้แน่ใจว่าผู้ใช้จะดูเนื้อหาบางอย่างในหน้าเว็บของคุณได้เป็นอย่างน้อยเมื่อ JavaScript ไม่พร้อมใช้งาน
ไม่ได้กำหนดค่าให้ใช้หน้าจอแนะนำที่กำหนดเอง
ดูวิธีสร้างหน้าจอแนะนำที่กำหนดเองสำหรับ Progressive Web App
ไม่ได้ลงทะเบียน Service Worker ที่ควบคุม page และ start_url
ดูวิธีลงทะเบียน Service Worker ที่รองรับฟีเจอร์ของ Progressive Web App เช่น ฟังก์ชันการทํางานแบบออฟไลน์ ข้อความ Push และความสามารถในการติดตั้ง
ตอนนี้ผู้ใช้ต้องการสิทธิ์เข้าถึงอุปกรณ์ MIDI
ตอนนี้ Chrome จะปิดกั้น Web MIDI API ทั้งหมดหลังข้อความแจ้งสิทธิ์
- Chrome
ไม่ได้ให้ apple-touch-icon ที่ถูกต้อง
ดูวิธีระบุไอคอนที่ Progressive Web App ของคุณแสดงในหน้าจอหลักของ iOS
การโหลดหน้าเว็บไม่เร็วพอเมื่อใช้เครือข่ายมือถือ
เรียนรู้วิธีทำให้หน้าเว็บของคุณโหลดอย่างรวดเร็วบนเครือข่ายมือถือ
ไฟล์ Manifest ของเว็บแอปไม่ตรงตามข้อกำหนดด้านความสามารถในการติดตั้ง
ดูวิธีทำให้ Progressive Web App ติดตั้งได้
การเปลี่ยนมุมมองข้ามเอกสารสำหรับแอปพลิเคชันที่มีหลายหน้า
เริ่มต้นการเปลี่ยนมุมมองข้ามเอกสารสำหรับใช้ในแอปพลิเคชันแบบหลายหน้า (MPA)
เปลี่ยนได้อย่างราบรื่นด้วย View Transition API
View Transition API ช่วยให้คุณเพิ่มการเปลี่ยนไปมาระหว่างมุมมองของเว็บไซต์ได้
สนุกและมีประสิทธิภาพ: ข้อมูลเบื้องต้นเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ค้นพบวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บช่วยปรับปรุงการพัฒนาเว็บแอปพลิเคชันของคุณ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีดูข้อมูลรายงาน UX ของ Chrome ใน PageSpeed Insights
PageSpeed Insights (PSI) เป็นเครื่องมือสำหรับนักพัฒนาเว็บเพื่อทำความเข้าใจว่าหน้าเว็บมีประสิทธิภาพอย่างไรและจะปรับปรุงให้ดีขึ้นได้อย่างไร ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ PSI เพื่อดึงข้อมูลเชิงลึกจาก CrUX และทำความเข้าใจประสบการณ์ของผู้ใช้ให้ดียิ่งขึ้น
- รายงาน Chrome UX
CrUX ใน BigQuery
ดูโครงสร้างชุดข้อมูล CrUX ใน BigQuery
- รายงาน Chrome UX
มีอะไรใหม่ใน WebGPU (Chrome 124)
พื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและอ่านและเขียน การสนับสนุนผู้ปฏิบัติงานของบริการและผู้ปฏิบัติงานที่แชร์ แอตทริบิวต์ข้อมูลอะแดปเตอร์ใหม่ และการแก้ไขข้อบกพร่อง
- Chrome
- WebGpu
การย้อนกลับเวอร์ชันในแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
สัปดาห์นี้เรายินดีที่จะเปิดตัวฟีเจอร์ใหม่ที่ช่วยให้นักพัฒนาแอปสามารถเปลี่ยนกลับไปใช้ส่วนขยายเวอร์ชันที่เผยแพร่ก่อนหน้านี้ใน Chrome เว็บสโตร์ เป้าหมายของเราคือการช่วยให้นักพัฒนาแอปมีความมั่นใจมากขึ้นเมื่อเผยแพร่การอัปเดต โดยเฉพาะเมื่อเปลี่ยนไปใช้
- ส่วนขยาย Chrome
- Chrome
คู่มือ CrUX
ดูวิธีใช้ CrUX ด้วยคำแนะนำที่ทำตามได้ง่ายๆ
- รายงาน Chrome UX
ประเภทการนำทางพร้อมใช้งานแล้วใน CrUX
เรียนรู้เกี่ยวกับเมตริก Navigation_types ใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และวิธีใช้เมตริกดังกล่าวเพื่ออธิบายและเพิ่มประสิทธิภาพเมตริกประสิทธิภาพเว็บของคุณ
- Chrome
ตรวจสอบว่าข้อความจะยังมองเห็นได้ในระหว่างการโหลดเว็บฟอนต์
เรียนรู้วิธีใช้ API การแสดงแบบอักษรเพื่อให้แน่ใจว่าข้อความในหน้าเว็บจะแสดงต่อผู้ใช้เสมอ
ลาก่อน JS Profiler ทำโปรไฟล์ CPU ด้วยแผงประสิทธิภาพ
ดูเส้นทางในอนาคตในการสร้างโปรไฟล์ประสิทธิภาพของ CPU, ทำความเข้าใจสาเหตุและวิธีที่เราเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 124
การสนับสนุนภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน แผงการป้อนข้อความอัตโนมัติ ตัวเลือกใหม่สำหรับ WebRTC ในการควบคุมเครือข่าย และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Back-Forward Cache notRestoredreasons API
รายงานข้อมูลที่ว่าเฟรมที่อยู่ในเอกสารถูกบล็อกไม่ให้ใช้ Back-Forward Cache ในการนำทางหรือไม่
สร้างโปรไฟล์ประสิทธิภาพ Node.js ด้วยแผงประสิทธิภาพ
เรียนรู้วิธีสร้างโปรไฟล์ประสิทธิภาพของแอปพลิเคชัน Node.js ด้วยแผงประสิทธิภาพ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
WebAssembly JavaScript Promise Integration (JSPI) เข้าสู่ช่วงทดลองใช้จากต้นทาง
JavaScript Promise Integration (JSPI) เป็น API ที่อนุญาตให้โค้ดตามลำดับแบบซิงโครนัสที่คอมไพล์ WebAssembly เข้าถึง API ของเว็บแบบอะซิงโครนัสได้
- Chrome
ช่วงทดลองใช้จากต้นทางAPI ของFetchLater
ดูข้อมูลเกี่ยวกับ fetchLater API ซึ่งขณะนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่สำหรับขอการดึงข้อมูลที่เลื่อนเวลาออกไป ซึ่งจะดำเนินการเสร็จสมบูรณ์แม้ว่าจะปิดหน้าไปแล้ว
- Chrome
คำขอเครือข่าย: ทดสอบเว็บไซต์โดยการบล็อกคำขอเครือข่าย
ทดสอบว่าเว็บไซต์ของคุณจัดการกับทรัพยากรที่ขาดหายไปอย่างไร
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์
เราจะเปิดตัวการเปลี่ยนแปลงเพื่อให้แถบเลื่อนที่ไม่มีการตั้งค่า Tabindex และไม่สามารถโฟกัสแป้นพิมพ์สำหรับเด็กได้
- Chrome
Chrome 124 เบต้า
แอตทริบิวต์ HTML writesuggestions, WebSocketStream API, ส่วนหัวคำขอ HTTP ลำดับความสำคัญ และอีกมากมาย
- Chrome
สิ่งใหม่ๆ ใน Chrome 123
Chrome 123 กำลังเปิดตัวแล้ว ฟังก์ชันใหม่สำหรับธีมมืด, Long Animation Frames API, Service Worker Static Routing API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 123
- Chrome
ใช้ Service Worker Static Routing API เพื่อข้าม Service Worker สำหรับเส้นทางที่ระบุ
ดูวิธีใช้ API ใหม่นี้ซึ่งมีให้ใน Chrome 123
- Chrome
การเข้าถึงเครือข่ายส่วนตัว: การปกป้องอีกระดับสำหรับ Web Worker และการดึงข้อมูลการนำทาง
ดูข้อมูลเกี่ยวกับกลไกการรักษาความปลอดภัยที่สำคัญของการเข้าถึงเครือข่ายส่วนตัวสำหรับผู้ปฏิบัติงานเว็บ การดึงข้อมูลการนำทาง และการป้องกันที่กำลังจะเกิดขึ้น เอกสารนี้ยังครอบคลุมสิ่งที่เจ้าของเว็บไซต์ควรทำหากใช้เครือข่ายส่วนตัว
- Chrome
เครื่องมือด้านประสิทธิภาพในปี 2024 และปีต่อๆ ไป
เรียนรู้เกี่ยวกับแผนของทีม Chrome ในการปรับปรุงแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ซ่อนคำขอส่วนขยายและการปรับปรุงแผงเครือข่ายเพิ่มเติม
สำรวจการปรับปรุงล่าสุดในแผง Chrome DevTools Network ซึ่งออกแบบมาเพื่อลดความซับซ้อนของประสบการณ์การแก้ไขข้อบกพร่องในเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ภาพรวมแผงองค์ประกอบ
เปลี่ยนแปลง DOM ทันที
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูและเปลี่ยน CSS
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนแปลง CSS ของหน้าเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใช้เอฟเฟกต์อื่นๆ เช่น เปิดใช้ธีมมืดอัตโนมัติ จำลองโฟกัส และอื่นๆ
ไฮไลต์เฟรมโฆษณา จำลองการโฟกัสหน้าเว็บ ปิดใช้แบบอักษรและรูปแบบรูปภาพในเครื่อง เปิดใช้ธีมมืดอัตโนมัติ และจำลองภาวะบกพร่องในการมองเห็น
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงฟีเจอร์ CSS
ค้นพบเวิร์กโฟลว์ใหม่สำหรับการดูและเปลี่ยน CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
หยุดโค้ดชั่วคราวด้วยเบรกพอยท์
ดูข้อมูลเกี่ยวกับวิธีหยุดโค้ดชั่วคราวใน Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ใน WebGPU (Chrome 123)
การรองรับฟังก์ชันในตัวของ DP4a, พารามิเตอร์ตัวชี้แบบไม่จำกัด, น้ำตาลไวยากรณ์สำหรับการยกเลิกการอ้างอิงคอมโพสิตใน WGSL และอื่นๆ
- Chrome
- WebGpu
เพิ่มประสิทธิภาพในการบีบอัดด้วยพจนานุกรมที่แชร์
การบีบอัดบนเว็บกำลังได้รับการปรับปรุงอย่างมากจากการบีบอัดพจนานุกรมที่แชร์ เรียนรู้ว่าไลบรารีเหล่านี้คืออะไร ทำงานอย่างไร และช่วยลดเวลาที่ใช้ในการโหลดให้มากกว่าการบีบอัดมาตรฐานสำหรับทรัพยากรบนเว็บทั้งแบบคงที่และแบบไดนามิกได้อย่างไร
- Chrome
ดาวน์โหลด Headless Chrome แบบเก่าเป็น Chrome-headless-shell
ตอนนี้คุณสามารถดาวน์โหลด Chrome แบบไม่มีส่วนหัวเป็นไบนารีแบบสแตนด์อโลนสำหรับ Chrome ทุกรุ่นที่แสดงต่อผู้ใช้ทุกคนได้แล้ว
- Chrome
ภาพรวมแผงแอปพลิเคชัน
รับข้อมูลสำคัญเกี่ยวกับเว็บแอปได้โดยตรงจากเบราว์เซอร์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทำให้ส่วนขยายเข้าถึงได้
สำหรับผู้ใช้จำนวนมาก การช่วยเหลือพิเศษคืออินเทอร์เฟซผู้ใช้จริงๆ และฟีเจอร์ก็มีประโยชน์ต่อคนอื่นๆ อีกมากมาย
- ส่วนขยาย Chrome
การปรับปรุง Speculation Rules API
รายละเอียดการอัปเดตล่าสุดของ Speculation Rules API รวมถึงกฎของเอกสาร การตั้งค่าความกระตือรือร้น ขีดจำกัด และกฎการคาดเดาที่รองรับบนแพลตฟอร์ม
- Chrome
ภาพรวมใหม่คืออะไร
สำรวจฟีเจอร์ล่าสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทำให้อินเทอร์เฟซเป็นสากล
ใช้ chrome.i18n API เพื่อแสดงผลอินเทอร์เฟซของคุณในหลายภาษา
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 123)
ไข่อีสเตอร์ การจำลองหน้าแบบโฟกัสใน "องค์ประกอบ" > รูปแบบ การตรวจสอบ Lighthouse ใหม่ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ส่วนขยาย Chrome: เส้นทางการทดสอบการระงับการทำงานของ Service Worker
ในโพสต์นี้ ทีม Looker ได้แชร์เส้นทางการแก้ปัญหาการทดสอบผู้ปฏิบัติงานของบริการส่วนขยาย โดยเฉพาะอย่างยิ่ง วิธีตรวจสอบว่าส่วนขยาย Chrome ทำงานได้อย่างถูกต้องเมื่อมีการระงับโปรแกรมทำงานของบริการ
- Chrome
- ส่วนขยาย Chrome
แพ็กเกจ Next.js สำหรับการจัดการไลบรารีของบุคคลที่สาม
ดูวิธีใช้ไลบรารี @next/Third-partyies เพื่อเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามยอดนิยม
- Chrome
รองรับการปรับแนวเนื้อหาในเลย์เอาต์บล็อกและตาราง
จาก Chrome 123 ให้ใช้ "ปรับเนื้อหา" เพื่อจัดตำแหน่งรายการโดยไม่ต้องสร้างคอนเทนเนอร์ Flex หรือตารางกริด
- Chrome
Chrome 123 เบต้า
ฟังก์ชันสี light-dark() ของ CSS, ปรับแนวเนื้อหาสำหรับบล็อก, คุณสมบัติการปรับขนาดฟิลด์ และเหตุการณ์การแสดงหน้าเว็บ
- Chrome
แป้นพิมพ์ลัด
เอกสาร Canonical สำหรับแป้นพิมพ์ลัดของ Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
จำลองอุปกรณ์เคลื่อนที่ด้วยโหมดอุปกรณ์
ใช้อุปกรณ์เสมือนในโหมดอุปกรณ์ของ Chrome เพื่อสร้างเว็บไซต์ที่เน้นอุปกรณ์เคลื่อนที่
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สิ่งใหม่ๆ ใน Chrome 122
Chrome 122 กำลังเปิดตัวแล้ว สำหรับ Storage Buckets API ใหม่ การอัปเดตแผงประสิทธิภาพของ DevTools มีตัวเลือกที่ไม่ผ่านการตรวจสอบในการอ่าน HTML ด้วย Async Clipboard API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 122
- Chrome
การเปลี่ยนแปลงของ CSS ::การรับช่วงค่าฉากหลัง
ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง
- Chrome
กำหนดค่าไอคอนส่วนขยาย
ส่วนขยายต้องมีไอคอนอย่างน้อย 1 ไอคอนเพื่อแสดงในแถบเครื่องมือ
- ส่วนขยาย Chrome
Chrome Extensions
จะแจ้งภายหลัง
- ส่วนขยาย Chrome
แผงประสิทธิภาพที่ทำงานเร็วขึ้น 400% ผ่านการรับรู้
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บเป็นเครื่องมือที่มีประสิทธิภาพในการวินิจฉัย แก้ไขข้อบกพร่อง และแก้ไขปัญหาด้านประสิทธิภาพของเว็บแอป ในโอกาสนี้ เราจะอธิบายให้คุณทราบถึงวิธีที่เราใช้แผงประสิทธิภาพในเครื่องมือสําหรับนักพัฒนาเว็บเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพเอง และวิธีที่เราใช้แผงประสิทธิภาพที่ดีขึ้นอย่างมาก
- Chrome
ใช้ WebHID
WebHID API ซึ่งแสดงอุปกรณ์ที่เข้ากันได้กับ Human Interface Device (HID) บนเว็บพร้อมให้ใช้งานในส่วนขยาย
- ส่วนขยาย Chrome
ย้ายข้อมูลไปยังไฟล์ Manifest V3
คู่มือการแปลงส่วนขยายไฟล์ Manifest V2 เป็นส่วนขยายไฟล์ Manifest V3
- ส่วนขยาย Chrome
ใช้ WebUSB
WebUSB API ซึ่งแสดงอุปกรณ์ที่ใช้งานร่วมกันได้กับ Universal Serial Bus (USB) ที่ไม่เป็นไปตามมาตรฐานบนเว็บจะมีให้ใช้งานในส่วนขยาย
- ส่วนขยาย Chrome
ไฟล์ Manifest - นโยบายรักษาความปลอดภัยเนื้อหา
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้นโยบายความปลอดภัยของเนื้อหาของไฟล์ Manifest.json
- ส่วนขยาย Chrome
มีอะไรใหม่ใน WebGPU (Chrome 122)
โหมดความเข้ากันได้อยู่ระหว่างการพัฒนา เพิ่มขีดจำกัด maxVertexAttributes และอัปเดต Dawn
- Chrome
- WebGpu
การปรับขนาดช่องของ CSS
โค้ด 1 บรรทัดสำหรับปรับขนาดองค์ประกอบอัตโนมัติด้วยเนื้อหาที่แก้ไขได้
บันทึกฮีพสแนปชอต
ดูวิธีบันทึกฮีพสแนปชอตด้วยเครื่องมือสร้างโปรไฟล์ฮีปและค้นหาหน่วยความจำรั่วไหล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
chrome.runtime
ใช้ chrome.runtime API เพื่อดึงข้อมูล Service Worker, แสดงรายละเอียดเกี่ยวกับไฟล์ Manifest และคอยฟังและตอบสนองต่อเหตุการณ์ในวงจรชีวิตของส่วนขยาย นอกจากนี้ คุณยังใช้ API นี้เพื่อแปลงเส้นทางสัมพัทธ์ของ URL เป็น URL ที่มีคุณสมบัติครบถ้วนได้ด้วย
- ส่วนขยาย Chrome
หลักเกณฑ์คำเตือนเกี่ยวกับสิทธิ์
วิธีการทำงานของคำเตือนเกี่ยวกับสิทธิ์ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
ประกาศสิทธิ์
ภาพรวมของค่าที่ถูกต้องสำหรับพร็อพเพอร์ตี้สิทธิ์ในไฟล์ manifest.json
- ส่วนขยาย Chrome
ใช้ Web Push
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีใช้ Web Push กับส่วนขยาย Chrome
- ส่วนขยาย Chrome
ขอแนะนำวิธีใหม่ในการสร้างประสบการณ์การแก้ไขเว็บแบบกำหนดเองโดยใช้ EditContext API
EditContext เป็น API ใหม่ที่เปิดตัวใน Chrome และ Edge ซึ่งช่วยนักพัฒนาซอฟต์แวร์ในการสร้างฟีเจอร์แก้ไขข้อความขั้นสูงในเบราว์เซอร์ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้ได้ในโพสต์นี้
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 122)
คำเตือนเกี่ยวกับการยกเลิกการใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน การแก้ไขข้อบกพร่องที่ได้รับการปรับปรุงในแผงเครือข่าย การแสดงเส้นทางในแผงประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของการนำทางแบบคาดเดาเพื่อให้โหลดหน้าเว็บได้เร็วขึ้น
ท่องเว็บได้เร็วขึ้นด้วยการโหลดแบบคาดเดาและดูวิธีแก้ไขข้อบกพร่อง
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การทดลองใช้การเลิกใช้งาน SharedArrayBuffer ใน Chrome บนเดสก์ท็อปขยายไปยัง Chrome 124 แล้ว
การทดลองใช้การเลิกใช้งานสำหรับ SharedArrayBuffer ที่ไม่มีการแยกแบบข้ามต้นทางในเดสก์ท็อปของ Chrome จะขยายเวลาจนถึง Chrome 124
- Chrome
ตอบสนองต่อคำสั่ง
ตอบสนองต่อชุดคีย์ที่กำหนดเองในส่วนขยาย
- ส่วนขยาย Chrome
Chrome 122 เบต้า
Chrome 122 รุ่นเบต้าจะมอบเครื่องมือช่วยเหลือ Iterator, การตั้งค่า, Storage Buckets API, อ่าน HTML ที่ไม่ผ่านการตรวจสอบใน Async Clipboard API และอีกมากมาย
- Chrome
ปรับแต่งโปรแกรมอัดเสียงด้วยส่วนขยาย
ปรับแต่งและผสานรวมโปรแกรมอัดเสียงด้วยการติดตั้งส่วนขยาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- ส่วนขยาย Chrome
- Chrome
สิ่งใหม่ๆ ใน Chrome 121
Chrome 121 กำลังเปิดตัวแล้ว การอัปเดต CSS, การปรับปรุง Speculation Rules API, ช่วงทดลองใช้จากต้นทางสำหรับ Element Recording API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 121
- Chrome
ทริกเกอร์การทำงานจากแถบอเนกประสงค์
ทริกเกอร์การทำงานจากแถบอเนกประสงค์
- ส่วนขยาย Chrome
มีอะไรใหม่ใน WebGPU (Chrome 121)
รองรับ WebGPU ใน Android, การใช้ DXC สำหรับการคอมไพล์ตัวปรับแสงเงา, การค้นหาการประทับเวลาในการส่งผ่านการประมวลผลและแสดงผล, จุดแรกเข้าเริ่มต้นไปยังโมดูลตัวปรับแสงเงา, รองรับ display-p3 เป็นพื้นที่สี GPUExternalTexture, ข้อมูลฮีปของหน่วยความจำ และอื่นๆ
- Chrome
- WebGpu
ทดสอบเว็บบลูทูธด้วย Puppeteer
ใช้ Puppeteer เพื่อทดสอบฟีเจอร์ที่ใช้ Web Bluetooth API ใน Chrome
- Chrome
เข้าถึง DOM อย่างปลอดภัยด้วย Angular SSR
ดูวิธีใช้ DOM ร่วมกับ SSR อย่างปลอดภัยใน Angular
- Chrome
การจัดรูปแบบแถบเลื่อน
ใช้คุณสมบัติ "scrollbar-width" และ "scrollbar-color" เพื่อจัดรูปแบบแถบเลื่อน
การทดสอบโมเดล AI ของเว็บใน Google Colab
ดูวิธีทดสอบโมเดล AI บนเบราว์เซอร์ฝั่งไคลเอ็นต์ ตลอดจนยังคงรองรับการปรับขนาด ทำงานอัตโนมัติ และตั้งค่าฮาร์ดแวร์ที่ได้มาตรฐาน
- WebGpu
ใช้ Firebase Cloud Messaging (FCM) กับ chrome.gcm
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีใช้การรับส่งข้อความของ Firebase ด้วย chrome.gcm
- ส่วนขยาย Chrome
เพิ่มประสิทธิภาพการทดสอบโมเดล AI ของเว็บ: WebGPU, WebGL และ Chrome แบบ Headless
ค้นพบโซลูชันของเราสำหรับวิธีการทดสอบเบราว์เซอร์โดยอัตโนมัติอย่างสม่ำเสมอและปรับปรุงประสิทธิภาพของแอปพลิเคชัน
- Chrome
- WebGpu
โหมดการเขียนแนวตั้ง CSS สำหรับองค์ประกอบการควบคุมแบบฟอร์ม
Chrome เพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่อีกรายการ
- Chrome
ใช้การดำเนินการ
ตอบกลับผู้ใช้โดยการคลิกแถบเครื่องมือ
- ส่วนขยาย Chrome
สิทธิ์ถาวรสำหรับ File System Access API
โพสต์นี้จะอธิบายวิธีจัดการสิทธิ์แบบถาวรสำหรับ File System Access API และยังให้ข้อมูลสรุปเกี่ยวกับสถานะปัจจุบันของปัญหาและความท้าทายที่กำลังได้รับการแก้ไขด้วย
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การเขียนสี
เรียนรู้วิธีลงสีได้ด้วยการคลิกเพียงไม่กี่ครั้ง
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตรวจสอบและแก้ไขข้อบกพร่องของสี HD และที่ไม่ใช่ HD ด้วยตัวเลือกสี
ดูวิธีใช้เครื่องมือเลือกสีในองค์ประกอบ > รูปแบบ เพื่อตรวจสอบและแก้ไขข้อบกพร่องของสี HD และไม่ใช่ HD
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล
ดูวิธีแก้ไขข้อบกพร่องของลำดับความสำคัญในการดึงข้อมูล
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
CSS text-wrap: balance
เทคนิคการจัดรูปแบบตัวอักษรแบบคลาสสิกของการแบ่งบรรทัดด้วยตนเองเพื่อให้บล็อกข้อความมีความสมดุลได้เข้ามาอยู่ใน CSS แล้ว
ส่วนขยายขอบเขตของเว็บแอป
ตั้งแต่ Chrome 122 เป็นต้นไป คุณสามารถสมัครใช้บริการช่วงทดลองใช้จากต้นทางสำหรับสมาชิกไฟล์ Manifest ของแอป scope_extensions ซึ่งช่วยให้เว็บไซต์ที่ควบคุมโดเมนย่อยและโดเมนระดับบนสุดหลายรายการแสดงเป็นเว็บแอปเดียวได้
ใช้ประโยชน์จากศักยภาพของ WebDriver BiDi: การทำงานอัตโนมัติของ Chrome และ Firefox ด้วย Puppeteer
ตอนนี้ Puppeteer พูดคุยกับ Firefox ได้แล้ว! 🎉 แต่เดี๋ยวก่อน นี่มันไม่ใช่หรือ 🤔 เราจะมาเจาะลึกเกี่ยวกับ WebDriver BiDi ซึ่งเป็นโปรโตคอลใหม่ใน Puppeteer และดูว่าการพัฒนาที่น่าตื่นเต้นสำหรับเวิร์กโฟลว์ระบบอัตโนมัติของ Firefox นี้มีความหมายว่าอย่างไร
- Chrome
สร้างเมนูตามบริบท
ใช้ป๊อปอัป ซึ่งเป็นหน้าต่างที่ให้ผู้ใช้เรียกใช้ฟีเจอร์ของส่วนขยายได้
- ส่วนขยาย Chrome
จัดการกับการละเมิดโค้ดที่โฮสต์จากระยะไกล
Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร
- ส่วนขยาย Chrome
เพิ่มป๊อปอัป
ใช้ป๊อปอัป ซึ่งเป็นหน้าต่างที่ให้ผู้ใช้เรียกใช้ฟีเจอร์ของส่วนขยายได้
- ส่วนขยาย Chrome
Android Intent ที่มี Chrome
เปิดแอปจากหน้าเว็บได้โดยตรงด้วย Android Intent
Google Chrome บน Android
สำหรับรายการฟีเจอร์ทั้งหมดสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome บน Android โปรดไปที่ chromestatus.com ดาวน์โหลด Chrome ใน Play Store เมื่อผู้ใช้ลงชื่อเข้าใช้ Chrome ในอุปกรณ์เครื่องหนึ่ง
เฟรมเวิร์กสมัยใหม่ทำงานเป็นอย่างไรในเมตริก INP ใหม่
โพสต์นี้กล่าวถึงความเกี่ยวข้องของเมตริก INP ใหม่กับเว็บไซต์ที่ใช้เฟรมเวิร์ก และการทำงานของ Aurora เพื่อสนับสนุนเฟรมเวิร์กในการเพิ่มประสิทธิภาพเมตริกนี้
Chrome จะเปิดใช้โหมดเดสก์ท็อปโดยค่าเริ่มต้นในแท็บเล็ตระดับพรีเมียม
Chrome ได้ปรับตัวให้เข้ากับระบบนิเวศของแท็บเล็ต Android โดยการเปิดใช้โหมดเดสก์ท็อปในแท็บเล็ตระดับพรีเมียมโดยค่าเริ่มต้น
- Chrome
แอคคอร์เดียนพิเศษ
สร้างแอคคอร์เดียนพิเศษซึ่งมีองค์ประกอบ "" หลายรายการที่มี "ชื่อ" เหมือนกัน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 121)
การสนับสนุน @font-palette-values ใน Elements, การรองรับการแมปแหล่งที่มาที่ปรับปรุงใหม่, ประสิทธิภาพที่ปรับปรุงแล้ว, การติดตามการโต้ตอบ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU
ติดตามการเปลี่ยนแปลงล่าสุดของ WebGPU
- WebGpu
การแชร์แท็บที่ดียิ่งขึ้นด้วย Region Capture
ปัจจุบันแพลตฟอร์มเว็บมาพร้อม Region Capture ซึ่งเป็นวิธีที่มีประสิทธิภาพและมีประสิทธิภาพสูงในการครอบตัดแทร็กวิดีโอ
มีอะไรใหม่ใน WebGPU (Chrome 120)
รองรับค่าจุดลอยตัว 16 บิตใน WGSL, ขีดจำกัดการเพิ่มขึ้น, การเปลี่ยนแปลงสถานะของฉลุความลึก, การอัปเดตข้อมูลอะแดปเตอร์ และอื่นๆ
- Chrome
- WebGpu
สรุป CSS: 2023
ปี 2023 เป็นปียิ่งใหญ่ของ CSS เรียนรู้เกี่ยวกับสิ่งที่เกิดขึ้นใน Chrome และทั่วทั้งแพลตฟอร์มเว็บในปีนี้
- Chrome
ดู เพิ่ม แก้ไข และลบคุกกี้
เรียนรู้วิธีดู เพิ่ม แก้ไข และลบคุกกี้ HTTP ของหน้าเว็บโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง bfcache
ดูวิธีแก้ไขข้อบกพร่อง bfcache และทำให้หน้าเว็บโหลดทันที
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูรายละเอียดเฟรม
ดูรายละเอียดเฟรม
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: DOM คืออะไร HTML กับ DOM
ดูวิธีแก้ไขข้อบกพร่อง DOM ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
Chrome DevTools ช่วยปกป้องการโจมตี XSS ด้วยตนเองได้อย่างไร
ดูวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยลดการโจมตี XSS ด้วยตนเองโดยการบล็อกการวางโค้ดสำหรับผู้ใช้ที่ไม่มีประสบการณ์ของเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ช่วงทดลองใช้ข้อความแจ้งสิทธิ์การเข้าถึงเครือข่ายส่วนตัวจากต้นทาง: เส้นทางการย้ายข้อมูลเว็บไซต์ด้วย HTTPS
Google Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัย ซึ่งเป็นส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว (PNA)
- Chrome
การกลับไปดูเกณฑ์ความสามารถในการติดตั้งของ Chrome
ในอีกไม่กี่เดือนข้างหน้า Chrome จะทำการทดสอบโดยมีเป้าหมายเพื่อลดความซับซ้อนของเกณฑ์การติดตั้งแอปเพื่อปรับปรุงนักพัฒนาซอฟต์แวร์และประสบการณ์ของผู้ใช้ โพสต์นี้แสดงการเปลี่ยนแปลงที่อาจเกิดขึ้น และเหตุผลที่เราดำเนินการทดสอบเหล่านี้
- Chrome
เข้าถึงเซิร์ฟเวอร์ภายในและอินสแตนซ์ของ Chrome ด้วยการส่งต่อพอร์ต
โฮสต์เว็บไซต์ในเว็บเซิร์ฟเวอร์ของเครื่องพัฒนาซอฟต์แวร์ จากนั้นเข้าถึงเนื้อหาจากอุปกรณ์ Android
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 120
Chrome 120 เปิดตัวแล้ว CloseWatcher API ช่วยให้ได้รับประสบการณ์ที่สอดคล้องกันเมื่อจัดการกับคำขอปิด การนำรูปแบบแอคคอร์เดียนไปใช้อย่างตรงไปตรงมาโดยใช้องค์ประกอบรายละเอียด รายงานการละเมิดนโยบายสิทธิ์พร้อมใช้งานแล้ว และมีอีกมากมาย
- Chrome
ขอแนะนำ 4 ฟีเจอร์ใหม่สำหรับต่างประเทศใน CSS
Chrome กำลังจะเพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่ 4 รายการ
- Chrome
API วงจรการใช้งานหน้าเว็บ
Page Lifecycle API นำฟีเจอร์วงจรของแอปโดยทั่วไปในระบบปฏิบัติการในอุปกรณ์เคลื่อนที่มาสู่เว็บ ตอนนี้เบราว์เซอร์สามารถหยุดการทำงานและทิ้งหน้าเว็บพื้นหลังได้อย่างปลอดภัยเพื่อประหยัดทรัพยากร และนักพัฒนาซอฟต์แวร์สามารถจัดการการดำเนินการเหล่านี้ได้อย่างปลอดภัยโดยไม่ส่งผลกระทบต่อประสบการณ์ของผู้ใช้
HTML ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน
ใน Chrome 120 มีตัวเลือกใหม่ที่ไม่ผ่านการตรวจสอบใน API คลิปบอร์ดแบบไม่พร้อมกัน ดูวิธีใช้ในคู่มือนี้
รายการละเว้น
ละเว้นการอ้างอิงแท็บรายการ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดำเนินการเปลี่ยนไปใช้ไฟล์ Manifest V3 ต่อ
ในเดือนธันวาคมปีที่แล้ว เราได้หยุดการเลิกใช้งาน Manifest V2 ตามแผนที่วางไว้ชั่วคราวเพื่อจัดการกับความคิดเห็นของนักพัฒนาแอปและมอบโซลูชันที่ดีกว่าสำหรับ ปัญหาการย้ายข้อมูล จากความคิดเห็นที่ได้รับ เราจึงได้ทําการเปลี่ยนแปลงหลายอย่างใน Manifest V3 เพื่อ
- ส่วนขยาย Chrome
- Chrome
การแสดงภาพซ้อนภาพอัตโนมัติสำหรับเว็บแอปการประชุมทางวิดีโอ
Chrome ช่วยให้เว็บแอปการประชุมทางวิดีโอเข้าสู่การแสดงภาพซ้อนภาพได้โดยอัตโนมัติ
- Chrome
การปรับปรุงการกรองเนื้อหาในไฟล์ Manifest V3
ตลอดปีที่ผ่านมา เรามีส่วนร่วมในการพูดคุยกับผู้ให้บริการที่อยู่เบื้องหลังส่วนขยายการบล็อกเนื้อหาหลายรายการเกี่ยวกับวิธีปรับปรุงแพลตฟอร์มส่วนขยาย MV3 เราได้ดำเนินการปรับปรุงที่สำคัญตามการพูดคุยเหล่านี้ ซึ่งส่วนใหญ่เกิดขึ้นใน WebExtensions Community
- ส่วนขยาย Chrome
- Chrome
มีอะไรใหม่ในคำสั่ง NgOptimizeImage ของ Angular
ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ที่รวมอยู่ในคำสั่ง Angular NgOptimizeImage ที่ช่วยปรับปรุงประสิทธิภาพของรูปภาพในแอป Angular ให้ดียิ่งขึ้น
- Chrome
ช่วงทดลองใช้ Service Worker Static Routing API จากต้นทาง
เรียนรู้เกี่ยวกับเฟสแรกของการกำหนดเส้นทางแบบคงที่ของ Service Worker ซึ่งตอนนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่ที่ใช้สำหรับระบุวิธีการที่ Service Worker จัดการ (หรือไม่) จัดการเส้นทางอย่างชัดเจน
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 120)
ปัญหาการเลิกใช้งานคุกกี้ของบุคคลที่สามที่รายงานในแผง "ปัญหา", เครื่องมือวิเคราะห์ Privacy Sandbox สำหรับคุกกี้, นโยบายรักษาความปลอดภัยเนื้อหาที่มีประสิทธิภาพในแผงแอปพลิเคชัน, การแก้ไขข้อบกพร่องของภาพเคลื่อนไหวที่ได้รับการปรับปรุง, การละเว้นรายการที่มีประสิทธิภาพมากขึ้น และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การอัปเดตไวยากรณ์ที่ผ่อนคลายเกี่ยวกับการซ้อน CSS
เปิดใช้การซ้อน Lookahead ใน Chrome 120 แล้ว
- Chrome
การบันทึกระบบนิเวศ WebGPU
ดูข้อมูลเกี่ยวกับวิธีที่ระบบนิเวศของ WebGPU ขยายไปไกลกว่า JavaScript, C++ และขอบเขต Rust
- Chrome
- WebGpu
การเปลี่ยนแปลงโหมดความคงทนเริ่มต้นใน IndexedDB
โหมดความคงทนใน IndexedDB จะเปลี่ยนจากแบบเข้มงวดเป็นแบบผ่อนปรนตั้งแต่ Chrome 121
- Chrome
มีอะไรใหม่ใน Chrome 120 สำหรับส่วนขยาย
สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 120 สำหรับนักพัฒนาส่วนขยาย Chrome
- Chrome
- ส่วนขยาย Chrome
Chrome 120 เบต้า
การมาสก์ CSS, กฎที่ไม่เคร่งครัดสำหรับการซ้อน CSS, สร้างรูปแบบแอคคอร์เดียนที่มีองค์ประกอบ, การทำงานแบบแทรกภาพบนหน้าจอสำหรับ Media Session API
- Chrome
การจัดการไฟล์ใน Chrome OS
วิธีเปิดไฟล์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา
- ส่วนขยาย Chrome
file_handlers
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ file_handlers ของไฟล์ manifest.json
- ส่วนขยาย Chrome
เปิดใช้ WebAssembly Garbage Collection (WasmGC) ใน Chrome แล้วโดยค่าเริ่มต้น
ภาษาโปรแกรมมี 2 ประเภท ได้แก่ ภาษาโปรแกรมที่มีการรวบรวมขยะและภาษาโปรแกรมที่ต้องจัดการหน่วยความจำด้วยตนเอง บริการเก็บขยะของ WebAssembly ช่วยให้พอร์ตภาษาที่มีการเก็บขยะไปยัง WebAssembly ได้
- Chrome
ใหม่ใน Chrome 119
Chrome 119 กำลังเปิดตัวแล้ว การอัปเดตขีดจำกัดสูงสุดของวันที่หมดอายุสำหรับคุกกี้ในพื้นที่เก็บข้อมูลอยู่แล้ว CSS มีคลาสจำลองใหม่ ไวยากรณ์สีแบบสัมพัทธ์ การปรับปรุงเฟรมที่มีการปิดกั้น เช่น มาโครขนาดโฆษณา และอื่นๆ อีกมากมาย
- Chrome
CSS prefers-reduced-transparency
เพิ่มประสิทธิภาพและปรับเปลี่ยนสำหรับผู้ใช้ที่ต้องการ UI แบบทึบ
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 119)
พื้นผิวแบบลอยแบบ 32 บิตที่กรองได้, รูปแบบจุดยอดมุมนอกกรอบ 10-10-10-2, รูปแบบพื้นผิว rgb10a2uint และอื่นๆ
- Chrome
- WebGpu
CSS text-wrap: สวย
เลือกใช้การตัดข้อความที่เพิ่มประสิทธิภาพเพื่อความสวยงามด้านความเร็ว
- Chrome
เลือกองค์ประกอบ: ตอนนี้มีกฎแนวนอน
ดูว่าความสามารถขององค์ประกอบ Select แบบขยายช่วยให้มีการแบ่งแนวนอนในแนวนอนเพื่อให้จัดกลุ่มได้ดียิ่งขึ้นได้อย่างไร
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- ส่วนขยาย Chrome
- Chrome
การย้ายข้อมูลเครื่องมือติดตามปัญหาของ Chromium
เราจะย้ายการติดตามปัญหาของ Chromium ไปยังเครื่องมือที่ขับเคลื่อนโดยเครื่องมือติดตามปัญหาของ Google ในเดือนมกราคม 2024
- Chrome
การเลิกใช้งาน Sanitizer API
เราจะเลิกใช้งาน Sanitizer API ในปัจจุบันจาก Chrome 119 เพื่อให้สอดคล้องกับการอัปเดตข้อกำหนดเฉพาะในอนาคต
- Chrome
ซีเรียลผ่านบลูทูธบนเว็บ
Web Serial API เพิ่มการรองรับบริการบลูทูธ RFCOMM
- Chrome
การทดสอบแบบเอนด์ทูเอนด์สำหรับส่วนขยาย Chrome
วิธีเขียนการทดสอบจากต้นทางถึงปลายทางสําหรับส่วนขยาย
- ส่วนขยาย Chrome
การทดสอบ 1 หน่วยของ Chrome ส่วนขยาย
วิธีเขียนการทดสอบ 1 หน่วยสำหรับส่วนขยาย
- ส่วนขยาย Chrome
ทดสอบส่วนขยาย Chrome ด้วย Puppeteer
วิธีเขียนการทดสอบอัตโนมัติสำหรับส่วนขยาย Chrome โดยใช้ Puppeteer
- ส่วนขยาย Chrome
ค้นหาและติดตามข้อบกพร่อง
ตรวจสอบว่ามีการรายงานข้อบกพร่องหรือคำขอฟีเจอร์แล้วหรือยัง
- ส่วนขยาย Chrome
รายงานข้อบกพร่องเกี่ยวกับส่วนขยาย
วิธีรายงานข้อบกพร่องของส่วนขยายหรือปัญหาเกี่ยวกับเอกสารประกอบ
- ส่วนขยาย Chrome
ไวยากรณ์สีสัมพัทธ์ CSS
สร้างสีใหม่ตามแชแนลและค่าของสีอื่น
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 119)
ส่วน @property ที่ปรับปรุงใหม่ใน "รูปแบบ" รายการอุปกรณ์ที่อัปเดต การจัดรูปแบบที่คัดสรรมาในรูปแบบ "แหล่งที่มา" และการเติมข้อความอัตโนมัติในคอนโซล
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 118
Chrome 118 กำลังเปิดตัวแล้ว ประกาศรูปแบบที่เฉพาะเจาะจงภายในคอมโพเนนต์ด้วยกฎ CSS @scope ใช้ฟีเจอร์สื่อใหม่: Preferred-reduced-transparency เครื่องมือสำหรับนักพัฒนาเว็บมีการปรับปรุงในแผงแหล่งที่มา และอื่นๆ อีกมากมาย
- Chrome
การปรับปรุง API สำหรับการทำงานกับไฟล์ในเบราว์เซอร์
การรองรับผู้อ่านและผู้เขียนหลายรายสําหรับ FileSystemSyncAccessHandle และผู้เขียนแบบผูกขาดสําหรับ FileSystemWritableFileStream ระบบไฟล์ส่วนตัวต้นทาง (บางครั้งเรียกว่าระบบไฟล์ที่เก็บข้อมูล)
- Chrome
ช่วงทดลองใช้จากต้นทางใหม่สำหรับหน้าต่างป๊อปอัปแบบเต็มหน้าจอ
ตอนนี้มีช่วงทดลองใช้จากต้นทางใหม่ให้เปิดหน้าต่างป๊อปอัปในโหมดเต็มหน้าจอได้ง่ายๆ ในขั้นตอนเดียว
- Chrome
Chrome 119 เบต้า
Chrome 119 รุ่นเบต้านำเสนอไวยากรณ์สีสัมพัทธ์ CSS, คลาสจำลองใหม่ และอื่นๆ อีกมากมาย
- Chrome
จำกัดการเข้าถึงของตัวเลือกด้วยกฎ @scope ของ CSS
ดูวิธีใช้ @scope เพื่อเลือกองค์ประกอบภายในแผนผังย่อยที่จำกัดของ DOM เท่านั้น
มีอะไรใหม่ใน WebGPU (Chrome 118)
การสนับสนุนแหล่งที่มาเพิ่มเติมสำหรับ copyExternalImageToTexture การสนับสนุนทดลองสำหรับพื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและแบบอ่านอย่างเดียว และอีกมากมาย
- Chrome
- WebGpu
Chrome รองรับพาสคีย์ในพวงกุญแจ iCloud ใน macOS แล้ว
Chrome ใน macOS เริ่มรองรับพาสคีย์ในพวงกุญแจ iCloud ซึ่งจะช่วยให้ผู้ใช้สร้างพาสคีย์ในพวงกุญแจ iCloud และซิงค์พาสคีย์ในอุปกรณ์ Apple ได้
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของส่วนขยาย Chrome
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของส่วนขยาย Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- ส่วนขยาย Chrome
- Chrome
การนำทางที่ราบรื่นเกิดขึ้นได้ด้วยการเปลี่ยนไปใช้มุมมอง
คำแนะนำแบบละเอียดเกี่ยวกับเหตุผลและวิธีใช้การเปลี่ยนมุมมองของ CyberAgent, RedBus, Nykaa และ PolicyBazaar
- Chrome
เราคือ Chrome สำหรับนักพัฒนาซอฟต์แวร์
ฉลองครบรอบ 15 ปีของ Chrome และบทบาทของเราในฐานะพาร์ทเนอร์ที่เชื่อถือได้และพร้อมให้ความช่วยเหลือแก่นักพัฒนาซอฟต์แวร์
- Chrome
จาก WebGL สู่ WebGPU
ดูเคล็ดลับสำหรับนักพัฒนาซอฟต์แวร์ WebGL ที่กำลังย้ายข้อมูลไปยัง WebGPU
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 118)
ส่วนใหม่สำหรับพร็อพเพอร์ตี้ที่กำหนดเองในองค์ประกอบ > รูปแบบ การปรับปรุงการลบล้างภายในเพิ่มเติม การค้นหาที่เพิ่มประสิทธิภาพ พื้นที่ทำงานที่มีประสิทธิภาพในแหล่งที่มา และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome 118 เบต้า
รูปแบบที่กำหนดขอบเขตสำหรับ CSS, ฟีเจอร์สื่อเพิ่มเติม, คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ด้วยแป้นพิมพ์ และอีกมากมาย
- Chrome
ใหม่ใน Chrome 117
Chrome 117 กำลังเปิดตัวแล้ว ด้วยฟีเจอร์ CSS ใหม่ 3 รายการที่ทำให้การเพิ่มภาพเคลื่อนไหวในการเข้าและออกที่ลื่นไหลเป็นเรื่องง่าย การจัดกลุ่มอาร์เรย์เพื่อคำนวณชุดข้อมูลที่มีลำดับสูงขึ้น เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จึงทำให้การลบล้างในเครื่องทำได้ง่ายขึ้น และยังมีอีกมากมาย
- Chrome
การเปลี่ยนจากแอป Chrome
วิธีย้ายข้อมูลแอปแพ็กเกจหรือแอปที่โฮสต์ใน Chrome
มีอะไรใหม่ใน WebGPU (Chrome 117)
ยกเลิกการตั้งค่าบัฟเฟอร์เวอร์เท็กซ์และเชื่อมโยงกลุ่ม ทำให้อุปกรณ์ที่สูญหายทำงาน และอื่นๆ
- Chrome
- WebGpu
ซัมเมอร์แห่งโค้ดและส่วนขยายของ Chrome ใน Google
ประสบการณ์และคำแนะนำเกี่ยวกับการเข้าร่วม Summer of Code ของ Google
- ส่วนขยาย Chrome
- Chrome
เผยแพร่ส่วนขยาย
คำแนะนำสำหรับการเผยแพร่ส่วนขยายใหม่ที่ใช้ไฟล์ Manifest V3
- ส่วนขยาย Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ข้อมูลโค้ดและนิพจน์จริง
ใช้ข้อมูลโค้ดเพื่อเรียกใช้โค้ดที่คุณใช้บ่อยและใช้นิพจน์จริงเพื่อดูค่าแบบเรียลไทม์
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome เผยแพร่ได้เร็วขึ้น (รอบที่ 2)
ตั้งแต่ Chrome 119 เป็นต้นไป เราจะลดระยะเวลาระหว่างสาขาสำหรับรุ่นและการเผยแพร่เป็นเวอร์ชันเสถียร
- Chrome
การเปลี่ยนมุมมองดวงดาว
เน้นวิธีที่ชุมชน Astro นำ View Transitions มาใช้ในตอนที่ Chrome ปรับปรุง API และเส้นทางสู่การสนับสนุนระดับเฟิร์สคลาสใน Astro + เกาะถาวร
- Chrome
ขอแนะนําช่วงทดลองใช้จากต้นทาง Scheduler.yield
"scheduler.yield" เป็นฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน API เครื่องจัดตารางเวลาที่กำลังอยู่ระหว่างช่วงทดลองใช้จากต้นทาง และเป็นแนวทางแบบใหม่ในการแบ่งงานต่างๆ เพื่อมอบประสบการณ์ของผู้ใช้ที่ตอบสนองมากขึ้น ทำความเข้าใจประโยชน์ของ API การกำหนดเวลาที่นำเสนอนี้ และลงชื่อสมัครใช้ช่วงทดลองใช้จากต้นทางเพื่อช่วยให้เราได้รับข้อมูลเชิงลึกและความคิดเห็น
- Chrome
มีอะไรใหม่ใน Lighthouse 11
Lighthouse 11 มาพร้อมการเปลี่ยนแปลงการช่วยเหลือพิเศษและการอัปเดตการตรวจสอบแบบใหม่
- Chrome
ร่างคำสั่ง Chrome Devtools Protocol (CDP) อย่างมีประสิทธิภาพด้วยเครื่องมือแก้ไขคำสั่งใหม่
DevTools ได้เปิดตัวเครื่องมือแก้ไขใหม่ที่ใช้งานง่ายเพื่อให้พิมพ์คำสั่งโปรโตคอลสำหรับนักพัฒนาเว็บใน Chrome (CDP) ได้ง่ายขึ้นเพื่อให้คุณไม่จำเป็นต้องใช้ JSON
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 117)
ลบล้างคำขอ XHR/การดึงข้อมูล และซ่อนคำขอส่วนขยายจากแผงเครือข่าย, ดูการเปลี่ยนแปลงลำดับความสำคัญของการดึงข้อมูลในแผงประสิทธิภาพ, สัมผัสการปรับปรุง UI หลายรายการ, ดูสีใหม่ๆ และฟีเจอร์ทดลอง และอีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาพเคลื่อนไหวเข้าและออกที่ราบรื่น
ดูข้อมูลเกี่ยวกับความสามารถใหม่ๆ ที่ช่วยให้การเปลี่ยนภาพเคลื่อนไหวแบบแยกกันและระหว่างเลเยอร์ด้านบนเป็นไปอย่างราบรื่น
- Chrome
Chrome 117 เบต้า
การรองรับภาพเคลื่อนไหวแบบกริด CSS เข้าและออกสำหรับ CSS การจัดกลุ่มอาร์เรย์ ตัวช่วยตัววนซ้ำ และอื่นๆ
- Chrome
นำการตรวจสอบความปลอดภัยไปยังหน้า chrome://extensions
ตั้งแต่ Chrome 117 เป็นต้นไป Chrome จะไฮไลต์ให้ผู้ใช้ทราบเมื่อส่วนขยายที่ติดตั้งไม่ได้อยู่ใน Chrome เว็บสโตร์อีกต่อไป
- Chrome
- ส่วนขยาย Chrome
ใหม่ใน Chrome 116
Chrome 116 กำลังเปิดตัวแล้ว ใช้ API การแสดงภาพซ้อนภาพของเอกสารเพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ซึ่งตอนนี้คุณสามารถแก้ไขข้อบกพร่องของสไตล์ชีตที่หายไปใน DevTools ได้ง่ายขึ้น และอีกมากมาย
- Chrome
ไฟล์ Manifest - สคริปต์เนื้อหา
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ "content_scripts" ของ manifest.json
- ส่วนขยาย Chrome
รักษาความปลอดภัยให้การโต้ตอบกับป๊อปอัปด้วยพร็อพเพอร์ตี้แบบจำกัด
รับการแยกแบบข้ามต้นทางและการป้องกันการรั่วไหลข้ามเว็บไซต์ขณะโต้ตอบกับป๊อปอัป
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 116)
การผสานรวม WebCodecs การปรับปรุงการเล่นวิดีโอ และอื่นๆ
- Chrome
- WebGpu
สิทธิ์แบบครั้งเดียวใน Chrome
"อนุญาตเวลานี้" เป็นตัวเลือกที่ใช้ได้ครั้งเดียวสำหรับการให้สิทธิ์ใน Chrome ในช่วงแรกฟีเจอร์นี้จะพร้อมใช้งานบนเดสก์ท็อปเฉพาะในส่วนของตำแหน่งทางภูมิศาสตร์ กล้อง และไมโครโฟน
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: เบรกพอยท์และจุดตรวจสอบ
ใช้เบรกพอยท์และจุดตรวจสอบเพื่อแก้ไขข้อบกพร่องได้อย่างง่ายดาย
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
PostMessage สำหรับ TWA
กิจกรรมบนเว็บที่เชื่อถือได้ (TWA) ของ Chrome 115 สามารถส่งข้อความโดยใช้ postMessage เอกสารนี้จะอธิบายการตั้งค่าที่จำเป็นในการสื่อสารระหว่างแอปของคุณกับเว็บ
มีอะไรใหม่ใน Chrome 116 สำหรับส่วนขยาย
สรุปการเปลี่ยนแปลงที่สำคัญใน Chrome 116 สำหรับนักพัฒนาส่วนขยาย Chrome
- Chrome
- ส่วนขยาย Chrome
Chrome 116 เบต้า
เส้นทางการเคลื่อนไหว CSS, Back/Forward Cache NotRestoredWhy API, Document Picture-in-Picture, และอื่นๆ อีกมากมาย
- Chrome
การแก้ไขข้อบกพร่องของเว็บไซต์ใน Chrome บน iOS 16.4 ขึ้นไป
ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงในส่วนขยาย Chrome ในปีนี้ รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถตั้งตารอได้
- ส่วนขยาย Chrome
- Chrome
ใหม่ใน Chrome 115
ใช้ ScrollTimeline และ ViewTimeline เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนที่ช่วยปรับปรุงประสบการณ์ของผู้ใช้ เฟรมที่มีการปิดกั้นจะทำงานร่วมกับ Privacy Sandbox API อื่นๆ เพื่อฝังเนื้อหาที่เกี่ยวข้อง แต่ในขณะเดียวกันก็ป้องกันการแชร์บริบทที่ไม่จำเป็น Topics API ช่วยให้เบราว์เซอร์แชร์ข้อมูลกับบุคคลที่สามเกี่ยวกับความสนใจของผู้ใช้ไปพร้อมๆ กับรักษาความเป็นส่วนตัวและฟีเจอร์อื่นๆ อีกมากมาย
- Chrome
กรณีศึกษาเกี่ยวกับประสิทธิภาพของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
API ใหม่นี้ราบรื่นกว่าการใช้ภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนแบบดั้งเดิมมาก
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: บันทึกและเล่นขั้นตอนของผู้ใช้ซ้ำด้วยโปรแกรมอัดเสียง
ดูวิธีบันทึก เล่นซ้ำ และแก้ไขข้อบกพร่องของโฟลว์ผู้ใช้ด้วยแผงโปรแกรมบันทึกในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใช้ WebSocket ในโปรแกรมทำงานของบริการ
คำแนะนำแบบทีละขั้นตอนเกี่ยวกับวิธีเชื่อมต่อกับ WebSocket ในส่วนขยาย Chrome ของคุณ
- ส่วนขยาย Chrome
WebRTC: คำแนะนำในการย้ายข้อมูล getStats() เดิม
ดูวิธีใช้การแก้ไขข้อบกพร่องของ Safari Web Inspector สำหรับ Chrome ใน iOS
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: พื้นที่เก็บข้อมูลในเครื่องและพื้นที่เก็บข้อมูลเซสชัน
ใช้แอปพลิเคชัน > พื้นที่เก็บข้อมูลในเครื่องและพื้นที่เก็บข้อมูลเซสชันเพื่อแก้ไขข้อบกพร่องคู่คีย์-ค่า
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 116)
เครื่องมือสำหรับนักพัฒนาเว็บได้รับการปรับปรุงหลายอย่างเพื่อช่วยให้คุณระบุและแก้ไขข้อบกพร่องเกี่ยวกับสไตล์ชีตที่หายไปได้เร็วขึ้น แผง เครือข่าย จะป้อนข้อมูลคอลัมน์ ผู้เริ่ม อย่างสม่ำเสมอด้วยลิงก์ไปยังบรรทัดที่อ้างอิงสไตล์ชีตที่โหลดไม่สำเร็จ แผง ปัญหา
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 115)
รองรับส่วนขยายภาษา WGSL, การสนับสนุนรุ่นทดลองสำหรับ Direct3D 11 และอีกมากมาย
- Chrome
- WebGpu
ใช้ตำแหน่งทางภูมิศาสตร์
วิธีใช้ตำแหน่งทางภูมิศาสตร์ในโปรแกรมทำงานของบริการส่วนขยาย Chrome, ป๊อปอัป, แผงด้านข้าง หรือสคริปต์เนื้อหา
- ส่วนขยาย Chrome
Chrome สำหรับการทดสอบ: การดาวน์โหลดที่เชื่อถือได้สำหรับระบบอัตโนมัติของเบราว์เซอร์
Chrome สำหรับการทดสอบคือ Chrome รูปแบบใหม่ที่กำหนดเป้าหมายไปที่การทดสอบเว็บแอปและกรณีการใช้งานอัตโนมัติโดยเฉพาะ
- Chrome
- Chrome สำหรับการทดสอบ
แก้ไขข้อบกพร่อง C/C++ WebAssembly
เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อบกพร่องใน C/C++ WebAssembly
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีที่ Photoshop แก้ปัญหาการทำงานกับไฟล์ที่มีขนาดใหญ่กว่าใส่ลงในหน่วยความจำได้
ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly
- Chrome
วิธีที่แอปแก้ไขรูปภาพเวกเตอร์ Boxy SVG ใช้ Local Font Access API เพื่อให้ผู้ใช้เลือกแบบอักษรโปรดในพื้นที่
Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ผู้ใช้ติดตั้งไว้ในเครื่อง ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้
- Chrome
ระบบจะนำเหตุการณ์การเปลี่ยนแปลงออกจาก Chrome
ประกาศเกี่ยวกับการเลิกใช้งานและการนำเหตุการณ์การเปลี่ยนแปลงที่วางแผนไว้ออก รวมถึงแชร์วิธีย้ายข้อมูลโค้ดก่อนการนำออกในเดือนกรกฎาคม 2024
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 114)
การเพิ่มประสิทธิภาพ JavaScript และอีกมากมาย
- Chrome
- WebGpu
ย้ายข้อมูลออกจาก URL ข้อมูลในองค์ประกอบ SVG
การรองรับข้อมูล: URL ในองค์ประกอบ SVG จะถูกนำออก เราขอแนะนำให้ย้ายข้อมูลด้วยวิธีอื่น
- Chrome
Chrome 115 เบต้า
คีย์เวิร์ดหลายคำสำหรับพร็อพเพอร์ตี้การแสดงผลของ CSS, WGSLLanguageFeatures สำหรับ WebGPU, การอัปเกรด HTTPS และอื่นๆ
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 115)
แผง องค์ประกอบ จะมีป้าย subgrid ใหม่สำหรับ ตารางย่อย ขณะนี้ฟีเจอร์นี้ยังอยู่ในขั้นทดลองใน Chrome Canary หากต้องการตรวจสอบและแก้ไขข้อบกพร่องของตารางกริดที่ฝังอยู่ซึ่งเป็นตารางกริดย่อย และรับค่าจำนวนและขนาดของแทร็กจากตารางกริดหลัก ให้คลิกป้าย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ประกาศเกี่ยวกับช่วงทดลองใช้ Compute Pressure ครั้งที่ 2 จากต้นทาง
ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บตรวจสอบแรงกดดันในการประมวลผลได้
- Chrome
เครื่องมือแก้ไขเกม Construct 3 ใช้ File System Access API เพื่อให้ผู้ใช้บันทึกเกมได้อย่างไร
File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่
- Chrome
Chrome ปิดการแก้ไข document.domain
หากเว็บไซต์ของคุณใช้การตั้งค่า document.domain คุณจำเป็นต้องดำเนินการ
- Chrome
ใหม่ใน Chrome 114
Chrome 114 กำลังเปิดตัวแล้ว Chrome 114 กำลังเปิดตัวแล้ว การรวมข้อความ: ความสมดุลเพื่อปรับปรุงเลย์เอาต์ข้อความ คุกกี้ที่มีสถานะพาร์ติชันอิสระอยู่ที่นี่แล้ว Popover API ใหม่ทำให้ป๊อปอัปง่ายขึ้นกว่าที่เคยและอีกมากมาย
- Chrome
ออกแบบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นด้วย Side Panel API ใหม่
ขอแนะนำ API แผงด้านข้างใหม่สำหรับส่วนขยาย Chrome
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: Workspace
ใช้ Workspace เพื่อบันทึกการเปลี่ยนแปลงที่ทำในเครื่องมือสำหรับนักพัฒนาเว็บไปยังไฟล์ต้นทางในเครื่อง
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สร้างเส้นโค้งภาพเคลื่อนไหวที่ซับซ้อนใน CSS ด้วยฟังก์ชันการค่อยๆ เปลี่ยน linear()
ขอแนะนำ linear() ซึ่งเป็นฟังก์ชันการค่อยๆ เปลี่ยนใน CSS ที่แทรกสลับเป็นเส้นตรงระหว่างจุดของจุดต่างๆ เพื่อสร้างเอฟเฟกต์การตีกลับและสปริงขึ้นใหม่
ไฟล์ Manifest - พื้นหลัง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นหลังของไฟล์ Manifest.json
- ส่วนขยาย Chrome
ขอแนะนำ POPover API
ดูวิธีสร้างเคล็ดลับเครื่องมือ เมนู และอื่นๆ อีกมากมายด้วย API แบบป๊อปอัปใหม่
- Chrome
วิธีที่ LEGO® Education ใช้เว็บบลูทูธและ Web Serial API
LEGO Education ใช้พลังของเว็บเพื่อทำให้การเชื่อมต่อโมเดล LEGO กับคอมพิวเตอร์เป็นเรื่องง่ายที่สุดเท่าที่จะเป็นไปได้
- Chrome
มีอะไรใหม่ใน Aurora
ดูว่าทีม Chrome Aurora กำลังทำอะไรไปบ้างเมื่อเร็วๆ นี้และแผนกลยุทธ์สำหรับปี 2023
- Chrome
วิธีที่เครื่องมือแก้ไขโมเดล 3 มิติ Blockbench ใช้ EyeDropper API เพื่อให้ผู้ใช้เลือกสีได้จากทุกที่
EyeDropper API มีกลไกในการสร้างเครื่องมือดูดสีที่ช่วยให้ผู้ใช้สามารถดูดสีจากหน้าจอ รวมถึงจากนอกหน้าต่างเบราว์เซอร์ ดูวิธีที่เครื่องมือแก้ไขโมเดล 3 มิติ Blockbench ใช้ API นี้ในโค้ดเบส (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Blockbench
- Chrome
วิธีที่แอปแก้ไขรูปภาพ Photopea ใช้ File Handling API เพื่อให้ผู้ใช้เปิดไฟล์จากเครื่องมือสำรวจไฟล์ของตนเองได้
File Handling API ช่วยให้เว็บแอปพลิเคชันลงทะเบียนตัวเองเป็นตัวแฮนเดิลไฟล์สำหรับรูปแบบไฟล์ที่แอปพลิเคชันรองรับได้ ดูวิธีที่แอปพลิเคชันแก้ไขรูปภาพ Photopea ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Photopea
- Chrome
ช่วงทดลองใช้จากต้นทางที่เก็บข้อมูลของพื้นที่เก็บข้อมูลพร้อมให้บริการ
มาตรฐานพื้นที่เก็บข้อมูลจะกำหนด API สำหรับพื้นที่เก็บข้อมูลถาวรและค่าประมาณโควต้า รวมถึงสถาปัตยกรรมพื้นที่เก็บข้อมูลของแพลตฟอร์ม เรากำลังทำการทดลองกับ API เพื่อให้คาดการณ์ได้ง่ายกว่าเดิมในการออกจากพื้นที่เก็บข้อมูลถาวรภายใต้แรงดันหน่วยความจำสูง ลองใช้ Storage Buckets API ในช่วงทดลองใช้จากต้นทางที่เรียกใช้จาก Chrome 115 ถึง Chrome 118
- Chrome
อัปเดตลำดับเวลาการเลิกใช้งาน Web SQL แล้ว
มีการนำ SQL ในเว็บออกจาก Chromium 119 โดยสมบูรณ์
- Chrome
มีอะไรใหม่ใน CSS และ UI: รุ่น I/O 2023
ฟีเจอร์ CSS และ UI 20 อันดับแรกซึ่งไฮไลต์ในงาน Google I/O 2023 ที่คุณไม่ควรพลาด
- Chrome
การป้อนข้อความอัตโนมัติที่แชร์ใน iframe: ข้อเสนอเริ่มต้น
บางแบบฟอร์มมีช่องใน iframe ซึ่งทำให้เกิดปัญหาในการป้อนข้อความอัตโนมัติของเบราว์เซอร์ เมื่อใช้การป้อนข้อความอัตโนมัติที่แชร์ เฟรมระดับบนสุดจะกำหนดความน่าเชื่อถือของ iframe แบบข้ามต้นทางได้ เพื่อให้ผู้ใช้ได้รับประสบการณ์การป้อนข้อความอัตโนมัติที่ดียิ่งขึ้น
- Chrome
มีอะไรใหม่ใน Android 2023
การอัปเดตเครื่องมือที่นำเว็บมาสู่ Android การปรับปรุงความเป็นส่วนตัวและการสนับสนุนที่ดีขึ้นสำหรับหน้าจอขนาดใหญ่ใน WebView, แท็บที่กำหนดเองบางส่วนในแท็บที่กำหนดเอง, การติดตั้งที่ง่ายขึ้นและฟีเจอร์ที่ผสานรวมสำหรับ PWA, การจัดการการเรียกเก็บเงินของ Play Store สำหรับ TWA และอีกมากมาย
- Chrome
WebGPU: ปลดล็อกการเข้าถึง GPU สมัยใหม่ในเบราว์เซอร์
ดูวิธีที่ WebGPU ปลดล็อกความสามารถของ GPU เพื่อประสิทธิภาพแมชชีนเลิร์นนิงที่รวดเร็วขึ้นและการแสดงภาพกราฟิกที่ดียิ่งขึ้น
- Chrome
10 อัปเดตที่ Google I/O
ดูวิธีที่เราช่วยให้นักพัฒนาแอปมอบประสบการณ์อันทรงพลังแก่ผู้ใช้ได้ง่ายขึ้นผ่านการอัปเดตที่สำคัญและการเปิดตัวใหม่ๆ ที่เราแชร์ในงาน Google I/O 2023
- Chrome
ค้นหาปัญหาเกี่ยวกับแบบฟอร์มโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome กำลังสร้างฟีเจอร์ใหม่เพิ่มเติมเพื่อช่วยค้นหาปัญหาเกี่ยวกับแบบฟอร์มและแก้ไขข้อบกพร่องของการป้อนข้อความอัตโนมัติ ฟีเจอร์เหล่านี้อยู่ในขั้นแรกของการออกแบบและการนำไปใช้งาน และเราจำเป็นต้องได้รับการทดสอบและความคิดเห็นจากคุณ
- Chrome
WebDriver BiDi: การอัปเดตสถานะปี 2023
บทความนี้จะแสดงภาพรวมของมีอะไรใหม่ใน WebDriver BiDi ในปี 2023
- Chrome
เตรียมพร้อมสำหรับงาน Google I/O
สร้างกำหนดการของคุณเองเพื่อเตรียมพร้อมสำหรับ Google I/O
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 114)
เครื่องมือสําหรับนักพัฒนาเว็บจะเปิดใช้ การตั้งค่า > การทดสอบ > การแก้ไขข้อบกพร่อง WebAssembly: เปิดใช้การรองรับ DWARF โดยค่าเริ่มต้น ดูข้อมูลเพิ่มเติมได้ที่ การแก้ไขข้อบกพร่อง WebAssembly ด้วยเครื่องมือสมัยใหม่
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทำให้องค์ประกอบเคลื่อนไหวขณะเลื่อนด้วยภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูวิธีการใช้ไทม์ไลน์การเลื่อนและดูไทม์ไลน์เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนในลักษณะประกาศ
เกี่ยวกับผู้ปฏิบัติงานบริการส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายคือเครื่องจัดการกิจกรรมส่วนกลางของส่วนขยาย จึงทำให้โปรแกรมทำงานเหล่านี้แตกต่างจากโปรแกรมทำงานของบริการบนเว็บ
- ส่วนขยาย Chrome
ใหม่ใน Chrome 113
Chrome 113 กำลังเปิดตัวแล้ว WebGPU พร้อมให้บริการแล้ว ซึ่งทำให้กราฟิก 3 มิติประสิทธิภาพสูงและการประมวลผลแบบขนานข้อมูลในเว็บได้ ตอนนี้ Devtools สามารถลบล้างส่วนหัวการตอบสนองของเครือข่าย, ชุดบุคคลที่หนึ่งซึ่งเป็นส่วนหนึ่งของ Privacy Sandbox ที่อนุญาตให้องค์กรประกาศว่าเว็บไซต์ที่เกี่ยวข้องกำลังจะเริ่มเปิดตัว และอื่นๆ อีกมากมาย
- Chrome
Chrome 114 เบต้า
การจัดสรรบรรทัดแรกของ CSS, CHIPS, เหตุการณ์ Scrollend และป๊อปอัป
- Chrome
เหตุการณ์ใน Service Worker
โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์ Service Worker มาตรฐานและเหตุการณ์จำนวนมากใน API ส่วนขยาย
- ส่วนขยาย Chrome
ข้อมูลเบื้องต้นเกี่ยวกับ Service Worker ส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายจะมีการติดตั้งและอัปเดตแตกต่างจากโปรแกรมทำงานของบริการเว็บ
- ส่วนขยาย Chrome
เบลอพื้นหลังของกล้อง
ช่วงทดลองใช้จากต้นทางแบบใหม่จาก Chrome ที่อนุญาตให้นักพัฒนาเว็บควบคุมการเบลอพื้นหลังของกล้องได้
- Chrome
วิดีโอคอลที่มีประสิทธิภาพยิ่งขึ้นด้วยการเข้ารหัส AV1 ที่เร็วขึ้น
Chrome 113 มีการปรับปรุงโปรแกรมเปลี่ยนไฟล์ของซอฟต์แวร์ AV1 จากทีมสื่อแบบเปิดของ Chrome
- Chrome
วงจรชีวิตของโปรแกรมทำงานของบริการส่วนขยาย
โปรแกรมทำงานของบริการส่วนขยายจะตอบสนองต่อทั้งเหตุการณ์และเหตุการณ์ของ Service Worker มาตรฐานในเนมสเปซของส่วนขยาย โดยจะแสดงไว้ด้วยกัน เนื่องจากมักจะมีประเภทตามหลังอีกประเภทหนึ่งในระหว่างการใช้ส่วนขยาย
- ส่วนขยาย Chrome
มีอะไรใหม่ใน WebGPU (Chrome 113)
จัดส่ง WebGPU ใน Chrome โดยมีการผสานรวม WebCodecs ในช่วงทดลองใช้จากต้นทาง
- Chrome
- WebGpu
CSS อัปเดต Media Query
ปรับ UI ตามความสามารถในการรีเฟรชของหน้าจอ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แผนที่แหล่งที่มาในเครื่องมือสำหรับนักพัฒนาเว็บ
ใช้การแมปแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์: ดูและโหลดการแมปแหล่งที่มาด้วยตนเอง
ใช้แผงทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์เพื่อตรวจสอบว่าการแมปแหล่งที่มาโหลดสำเร็จหรือไม่ และโหลดการแมปด้วยตนเอง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทำงานหลายอย่างพร้อมกันด้วยแท็บที่กำหนดเองบางส่วน
ดูวิธีใช้แท็บที่กำหนดเองบางส่วนเพื่อให้ผู้ใช้โต้ตอบกับแอปขณะดูเนื้อหาเว็บ
วัดการมีส่วนร่วมของผู้ใช้
วิธีวัดการมีส่วนร่วมของผู้ใช้ในแท็บที่กำหนดเอง
อุ่นเครื่องและดึงข้อมูลล่วงหน้า: ใช้บริการแท็บที่กำหนดเอง
ดูวิธีใช้ประโยชน์จากบริการแท็บที่กำหนดเองเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น
การเพิ่มการโต้ตอบที่กำหนดเอง
วิธีเพิ่มการทำงานที่กำหนดเองไปยังแท็บที่กำหนดเอง
การปรับแต่ง UI
วิธีทำให้แท็บที่กำหนดเองมีรูปลักษณ์ที่สอดคล้องกับแอปของคุณ
เริ่มต้นใช้งาน
วิธีเปิดแท็บที่กำหนดเองจากแอป Android
การติดตั้ง UI ที่สมบูรณ์ยิ่งขึ้นพร้อมใช้งานแล้วในเดสก์ท็อป
อุปกรณ์เคลื่อนที่และ App Store ได้เปลี่ยนแปลงวิธีที่ผู้ใช้ค้นพบ ประเมิน และติดตั้งซอฟต์แวร์ ตอนนี้เว็บแอปมีแพลตฟอร์มให้นักพัฒนาซอฟต์แวร์ไฮไลต์แอปของตน ณ เวลาที่ติดตั้ง
- Chrome
มองย้อนกลับไปในอดีต: วิวัฒนาการของการทดสอบอัตโนมัติ
เส้นทางสู่วิวัฒนาการของการทดสอบอัตโนมัติบนเว็บ
- Chrome
การบันทึกเสียงและการจับภาพหน้าจอ
วิธีบันทึกเสียงหรือวิดีโอจากแท็บ หน้าต่าง หรือหน้าจอ
- ส่วนขยาย Chrome
The Chromium Chronicle #33: View AnimationBuilder
การใช้ภาพเคลื่อนไหวแบบเลเยอร์ใน View สามารถช่วยเพิ่มประสิทธิภาพและลด แต่ไม่ยาก แต่การตั้งค่าจะค่อนข้างยาก AnimationBuilder คลาสสามารถลดความซับซ้อนลงอย่างมาก และช่วยให้อ่านเลเยอร์ได้ง่ายขึ้น ภาพเคลื่อนไหว
- Chrome
การแก้ไขการเชื่อมต่อเลย์เอาต์ CSS และลำดับแหล่งที่มา
เราต้องการข้อเสนอแนะของคุณเกี่ยวกับวิธีแก้ปัญหาที่เสนอมาสำหรับปัญหาวิธีการจัดวางการจัดเรียงรายการในลำดับที่ตัดการเชื่อมต่อจากแหล่งที่มาของเอกสาร
- Chrome
วิธีที่แถบด้านข้างของเบรกพอยท์ใหม่ช่วยให้คุณแก้ไขข้อบกพร่องได้เร็วขึ้น
เพื่อช่วยให้คุณดำเนินการทั่วไปได้ง่ายขึ้น เช่น การลบหรือปิดใช้เบรกพอยท์ เราได้ออกแบบแถบด้านข้างของเบรกพอยท์ใหม่ เพื่อให้สามารถดำเนินการได้ในคลิกเดียว
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 113)
ตอนนี้คุณสามารถลบล้างส่วนหัวการตอบกลับในแผง เครือข่าย ได้แล้ว ก่อนหน้านี้คุณต้องเข้าถึงเว็บเซิร์ฟเวอร์เพื่อทดสอบส่วนหัวคำตอบ HTTP การลบล้างส่วนหัวของคำตอบช่วยให้คุณสร้างต้นแบบการแก้ไขสำหรับส่วนหัวต่างๆ ได้ในเครื่อง
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome จะจัดส่ง WebGPU
ทีม Chrome จะจัดส่ง WebGPU มาเพื่อช่วยให้กราฟิก 3 มิติประสิทธิภาพสูง และการประมวลผลข้อมูลคู่ขนานบนเว็บ
- Chrome
- WebGpu
Chrome 113 เบต้า
ฟีเจอร์สื่อ CSS ใหม่, ฟังก์ชันการค่อยๆ เปลี่ยน linear() และ WebGPU
- Chrome
เผยแพร่ Chrome ได้เร็วขึ้น
ตั้งแต่ Chrome 114 เป็นต้นไป จะลดเวลาระหว่าง Branch ระหว่างการเปิดตัวกับรุ่นเสถียร
- Chrome
ใหม่ใน Chrome 112
Chrome 112 กำลังเปิดตัวแล้ว ตอนนี้ CSS รองรับกฎการซ้อนกันแล้ว อัลกอริทึมสำหรับการตั้งโฟกัสเริ่มต้นให้กับองค์ประกอบกล่องโต้ตอบได้รับการอัปเดตแล้ว จากนี้ไป ตัวแฮนเดิลการดึงข้อมูลที่ไม่มีการดำเนินการใน Service Worker จะถูกข้ามไปเพื่อให้การไปยังส่วนต่างๆ เร็วขึ้น และอีกมากมาย
- Chrome
จัดการเหตุการณ์ด้วย Service Worker
ดูวิธีสร้างและแก้ไขข้อบกพร่องของ Service Worker ของส่วนขยาย
- ส่วนขยาย Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แผนที่แหล่งที่มาคืออะไร
ดูว่าการแมปแหล่งที่มาช่วยแก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนการทำให้ใช้งานได้ได้อย่างไร
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ส่วนขยายการแมปแหล่งที่มา ignoreList
ปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องใน Chrome DevTools ด้วยส่วนขยายการแมปแหล่งที่มา ignoreList
- Chrome
จาก Web SQL ไปยัง SQLite Wasm: คำแนะนำในการย้ายข้อมูลฐานข้อมูล
SQLite Wasm ได้รับการสนับสนุนจากระบบไฟล์ส่วนตัวต้นทาง จึงถือเป็นเทคโนโลยีฐานข้อมูล Web SQL ที่เลิกใช้งานแล้วซึ่งใช้งานได้หลากหลาย บทความนี้เป็นคำแนะนำในการย้ายข้อมูลจาก Web SQL ไปยัง SQLite Wasm โพสต์ การเลิกใช้งานและการนำ Web SQL ออก
- Chrome
การเป็นพาร์ทเนอร์กับ Fastly - การส่งต่อ HTTP ที่ชัดเจนสำหรับเซิร์ฟเวอร์ k-anonymity ของ FLEDGE
เรากําลังปรับปรุงมาตรการความเป็นส่วนตัวของ Chrome โดยการร่วมมือกับ Fastly เพื่อนำเซิร์ฟเวอร์ k-anonymity ไปใช้กับ FLEDGE เมื่อมีการส่งต่อข้อมูลผ่านการส่งต่อ OHTTP ในการใช้งานนี้ เซิร์ฟเวอร์ของ Google จะไม่ได้รับที่อยู่ IP ของผู้ใช้ปลายทาง เซิร์ฟเวอร์ k-anonymity เป็นขั้นตอนที่เพิ่มขึ้นเพื่อการนำ FLEDGE มาใช้อย่างเต็มรูปแบบ
- Chrome
การปรับปรุงความเป็นส่วนตัวของผู้ใช้โดยกําหนดให้เลือกส่งส่วนหัว X-Requested-With จาก WebView
เราต้องการปกป้องความเป็นส่วนตัวของผู้ใช้โดยจำกัดเมื่อมีการส่งส่วนหัว X-Requested-With
- Chrome
ย้ายข้อมูลไปยัง Service Worker
Service Worker ช่วยให้ส่วนขยายทำงานเมื่อจำเป็นเท่านั้นเพื่อประหยัดทรัพยากร
- ส่วนขยาย Chrome
การเปลี่ยนมุมมอง SPA ลงจอดใน Chrome 111
View Transition API ช่วยให้สามารถเปลี่ยนหน้าเว็บภายในแอปแบบหน้าเดียว และรวมแอปที่มีหลายหน้าในเวลาต่อมาได้
- Chrome
แทนที่ Listener การบล็อกคำขอเว็บ
ส่วนที่สองจากสามส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
- ส่วนขยาย Chrome
อัปเดตไฟล์ Manifest
ไฟล์ Manifest.json กำหนดให้ไฟล์ Manifest V3 มีรูปแบบที่แตกต่างจากไฟล์ Manifest V2 เล็กน้อย
- ส่วนขยาย Chrome
อัปเดตรหัส
ส่วนแรกจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ได้เป็นส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
- ส่วนขยาย Chrome
Chrome 112 เบต้า
การซ้อน CSS, การสร้างภาพเคลื่อนไหว และพารามิเตอร์การส่งสำหรับตัวสร้าง FormData
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 112)
โปรแกรมบันทึก รองรับตัวเลือกการเล่นซ้ำที่กำหนดเองซึ่งคุณสามารถฝังลงในเครื่องมือสำหรับนักพัฒนาเว็บด้วยส่วนขยาย ลองใช้ ส่วนขยายตัวอย่าง เลือกตัวเลือกการเล่นซ้ำที่กำหนดเองใหม่เพื่อเปิด UI การเล่นซ้ำที่กำหนดเอง หากต้องการปรับแต่ง โปรแกรมบันทึก
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
การฝัง CSS
ฟีเจอร์หนึ่งของ CSS Preprocessor ที่เราโปรดปรานได้รวมอยู่ในภาษาแล้ว ซึ่งก็คือการซ้อนกฎสไตล์
เพิ่มความปลอดภัยให้กับส่วนขยาย
ส่วนสุดท้ายจาก 3 ส่วนที่อธิบายการเปลี่ยนแปลงที่จำเป็นสำหรับโค้ดที่ไม่ใช่ส่วนหนึ่งของโปรแกรมทำงานของบริการส่วนขยาย
- ส่วนขยาย Chrome
ใหม่ใน Chrome 111
Chrome 111 กำลังเปิดตัวแล้ว สร้างการเปลี่ยนภาพอย่างราบรื่นในแอปแบบหน้าเดียวด้วย View Transitions API และยกระดับสีสันไปอีกขั้นด้วยการรองรับสี CSS ระดับ 4 ดูเครื่องมือใหม่ๆ ในแผงรูปแบบที่จะช่วยให้คุณได้รับประโยชน์สูงสุดจากฟังก์ชันสีใหม่ และอื่นๆ อีกมากมาย
- Chrome
บ้านหลังใหม่สำหรับโชว์เคส Project Fugu API
การแสดงตัวอย่าง Project Fugu API คือคอลเล็กชันแอปที่ใช้ API ของ Project Fugu โปรเจ็กต์ความสามารถข้ามบริษัท (ชื่อรหัส Project Fugu ) ที่ Google มีวัตถุประสงค์เพื่อให้เว็บแอปทําสิ่งต่างๆ ได้เช่นเดียวกับแอปเฉพาะแพลตฟอร์ม นอกจาก Google แล้ว
- Chrome
ความเป็นส่วนตัวชนะใจ ผู้ใช้แชร์หน้าจอได้อย่างชาญฉลาดมากขึ้น
ทฤษฎีการกระตุ้นเตือนทำให้ผู้ใช้หยุดยิงตัวเองระหว่างการประชุมผ่านวิดีโอ
- Chrome
ยึดองค์ประกอบไว้ด้วยกันด้วยการจัดตําแหน่งจุดยึด CSS
API ใหม่กำลังจะเปิดตัวในแพลตฟอร์มเว็บเพื่อช่วยคุณจัดวางองค์ประกอบในลักษณะที่ปรับเปลี่ยนได้โดยไม่ต้องใช้เทคนิคใดๆ
- Chrome
การทำงานร่วมกับอุตสาหกรรมเพื่อพัฒนา CHIPS
สำรวจความท้าทาย 2 ประการที่ทีม Chrome พบเจอในการนำ CHIPS ไปใช้ และดูว่าความคิดเห็นของชุมชนมีบทบาทสำคัญอย่างไรในการพัฒนาการออกแบบข้อเสนอ
- Chrome
การปรับปรุงมาตรฐานพฤติกรรมในการพูดคุยเรื่องมาตรฐาน
วิธีที่ทีม Chrome มีเป้าหมายเพื่อส่งเสริมการสนทนาอย่างมืออาชีพ มีความเคารพ และไม่แบ่งแยก
- Chrome
เครื่องมือสำหรับเฟรมเวิร์กสำหรับแบบอักษรสำรอง
ดูว่า Next.js, Nuxt.js และไลบรารีอื่นๆ ช่วยสร้าง CSS แบบอักษรสำรองโดยไม่ใช้ CLS ได้อย่างไร
- Chrome
การรับส่งข้อความแบบเดิม
แลกเปลี่ยนข้อความกับแอปพลิเคชันที่มาพร้อมเครื่องจากส่วนขยาย Chrome
- ส่วนขยาย Chrome
เริ่มต้นใช้งานการค้นหาสไตล์
การค้นหารูปแบบช่วยให้นักพัฒนาซอฟต์แวร์ค้นหาค่ารูปแบบขององค์ประกอบระดับบนสุดโดยใช้กฎ @container ใน Chrome 111 การค้นหารูปแบบสำหรับคุณสมบัติที่กำหนดเองของ CSS จะมีความเสถียร เรียนรู้วิธีเริ่มต้นใช้งาน
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ดูปัญหาเกี่ยวกับ CSS
ใช้สไตล์และแผงที่คำนวณเพื่อค้นหาปัญหา CSS โดยใช้เครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
รับความช่วยเหลือเกี่ยวกับส่วนขยาย Chrome
วิธีรับความช่วยเหลือเกี่ยวกับคําถามที่ไม่ได้กล่าวถึงในเอกสารประกอบ
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 111)
การแก้ไขข้อบกพร่องของสี HD, UX เบรกพอยท์ที่ปรับปรุงแล้ว และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทางลัด
ข้อมูลอ้างอิงแท็บทางลัด
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตำแหน่งที่ตั้ง
ข้อมูลอ้างอิงแท็บสถานที่ตั้ง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
อุปกรณ์
ข้อมูลอ้างอิงแท็บอุปกรณ์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การทดสอบ
ข้อมูลอ้างอิงแท็บการทดสอบ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Workspace
ข้อมูลอ้างอิงแท็บพื้นที่ทำงาน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ภาพรวมการตั้งค่า
ภาพรวมการตั้งค่า
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แบบอักษรสำรองที่ปรับปรุงใหม่
การลบล้างเมตริก "ขนาด-ที่ปรับ" และแบบอักษรใหม่นี้ช่วยให้นักพัฒนาซอฟต์แวร์สร้างแบบอักษรสำรองที่ตรงกับแบบอักษรบนเว็บได้อย่างมาก ซึ่งจะช่วยลดการเปลี่ยนเลย์เอาต์
- Chrome
Chrome 111 เบต้า
ประเภทสีและช่องว่างสี CSS ใหม่, ฟังก์ชันตรีโกณมิติ CSS และ View Transitions API
- Chrome
มีอะไรใหม่ใน Lighthouse 10
Lighthouse 10 พร้อมให้บริการแล้ว พร้อมด้วยการให้คะแนนและการตรวจสอบใหม่ๆ
- Chrome
Chrome Flag คืออะไร
เปิดใช้เครื่องมือแก้ไขข้อบกพร่องเพิ่มเติมหรือลองใช้ฟีเจอร์ใหม่หรือฟีเจอร์ทดลองใน Chrome
กำลังพูดคุยกับ Stadia Controller ด้วย WebHID
Stadia Controller ที่แฟลชจะทํางานเหมือนเกมแพดมาตรฐาน ซึ่งหมายความว่าปุ่มบางปุ่มจะเข้าถึงไม่ได้โดยใช้ Gamepad API เมื่อใช้ WebHID คุณจะเข้าถึงปุ่มที่หายไปได้ เมื่อ Stadia ปิดตัวลง หลายคนกลัวว่าตัวควบคุมจะกลายเป็นฮาร์ดแวร์ไร้ประโยชน์ที่กองขยะ
- Chrome
วิธีใช้ CrUX History API
ดูข้อมูลเกี่ยวกับ CrUX History API และวิธีใช้งานเพื่อติดตามแนวโน้มประสบการณ์ของผู้ใช้
- รายงาน Chrome UX
ใหม่ใน Chrome 110
Chrome 110 กำลังเปิดตัวแล้ว เพิ่มรูปแบบที่กำหนดเองลงในองค์ประกอบการแสดงภาพซ้อนภาพด้วยคลาสเทียม :picture-in-picture pseudo-class ใหม่ ตั้งค่าลักษณะการเปิดใช้เว็บแอปด้วย launch_handler ใช้แอตทริบิวต์ที่ไม่มีข้อมูลรับรองใน iframe เพื่อฝังเนื้อหาของบุคคลที่สามที่ไม่ได้ตั้งค่านโยบายเครื่องมือฝังแบบข้ามต้นทาง และอีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 110)
ล้างแผงประสิทธิภาพเมื่อโหลดซ้ำ ดูและไฮไลต์โค้ดในโปรแกรมอัดเสียง และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อกำหนดใหม่สำหรับ Web Share API ใน iframe ของบุคคลที่สาม
ตอนนี้คุณต้องอนุญาตการเรียกใช้ Web Share API ใน iframe ของบุคคลที่สามอย่างชัดเจนเพื่อปรับปรุงความเป็นส่วนตัวและความปลอดภัย บทความนี้กล่าวถึงการเปลี่ยนแปลงที่อาจทำให้เกิดข้อขัดข้องใน Web Share API การเปลี่ยนแปลงนี้มีผลใน Firefox แล้ว และจะมีผลใน
- Chrome
The Chromium Chronicle #32: ระวังช่องว่างแพตช์
ดูวิธีที่นักพัฒนาซอฟต์แวร์ Chromium ลดโอกาสของการแสวงหาประโยชน์ n วัน
- Chrome
ข้อมูลอัปเดตเกี่ยวกับการเข้าถึงเครือข่ายส่วนตัว: ประกาศการขยายระยะเวลาทดลองใช้การเลิกใช้งาน
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยในฐานะส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว ช่วงทดลองใช้การเลิกใช้งานจะพร้อมให้ใช้งานจนถึงวันที่ Chrome 113
- Chrome
เข้าถึงสีได้มากขึ้นและพื้นที่ใหม่
CSS Color 4 นำเครื่องมือสีและความสามารถต่างๆ มาปรับใช้กับเว็บ
คู่มือสี CSS แบบความละเอียดสูง
CSS Color 4 นำเครื่องมือสีและความสามารถต่างๆ มาปรับใช้กับเว็บ
ย้ายข้อมูลไปยังสี HD CSS
CSS Color 4 นำเครื่องมือสีและความสามารถต่างๆ มาปรับใช้กับเว็บ
พบกับพื้นที่สี CSS ใหม่
CSS Color 4 นำเครื่องมือสีขอบเขตกว้างและความสามารถต่างๆ มาสู่เว็บ ซึ่งประกอบด้วยสีที่มากขึ้น ฟังก์ชันการกำหนดเอง และการไล่ระดับสีที่ดีกว่าเดิม
- Chrome
อนาคตของการแสดงภาพซ้อนภาพ
ข่าวเกี่ยวกับช่วงทดลองใช้จากต้นทางจาก Chrome ที่เปิดใช้เนื้อหา HTML ที่กำหนดเองในหน้าต่างที่เปิดตลอดเวลา
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง PWA
แก้ไขข้อบกพร่องของ Progressive Web App ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การผสมสี CSS()
ผสมสีในพื้นที่สีที่รองรับได้จาก CSS ของคุณ
- Chrome
Service Worker ที่มีอายุการใช้งานนานขึ้น
ขณะนี้โปรแกรมทำงานของบริการส่วนขยายสามารถคงอยู่ได้ ตราบใดที่พวกเขาได้รับเหตุการณ์ วิธีนี้จะเพิ่มความน่าเชื่อถือของผู้ปฏิบัติงานบริการส่วนขยาย แต่ก็ยังมีข้อเสียที่คุณควรหลีกเลี่ยง
- Chrome
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
ติดตามการเปลี่ยนแปลงล่าสุดของเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เอกสารนอกหน้าจอในไฟล์ Manifest V3
ขอแนะนำ Offscreen Documents API สำหรับการพัฒนาส่วนขยาย Chrome
- ส่วนขยาย Chrome
- Chrome
หน้าออฟไลน์พื้นฐานสำหรับเว็บแอปใน Chrome Android
ตั้งแต่ Chrome 109 เป็นต้นไป เบราว์เซอร์จะสร้างหน้าเริ่มต้นโดยอัตโนมัติเพื่อระบุว่าแอปออฟไลน์อยู่เมื่อเว็บแอปที่ติดตั้งไว้ใน Android ไม่มีประสบการณ์การใช้งานออฟไลน์ของตัวเอง
- Chrome
Scrollend เหตุการณ์ JavaScript ใหม่
ลบฟังก์ชันการหมดเวลาและสลัดข้อบกพร่อง นี่คือเหตุการณ์ที่คุณต้องการจริงๆ: Scrollend
- Chrome
ควบคุมขีดจำกัดสูงสุดด้วยตัวอักษรเริ่มต้นของ CSS
บอกลา "ลาก่อน" พบกับวิธีแก้ปัญหาที่น่าสนใจเพื่อจัดรูปแบบหมวกกันน็อคของคุณ!
- Chrome
การค้นพบเว็บที่รองรับการใช้งาน
เบราว์เซอร์ของคุณรองรับความสามารถขั้นสูงใดบ้างของเว็บ และเว็บแอปที่ใช้ความสามารถเหล่านี้มีอะไรบ้าง เพื่อตอบคำถามเหล่านี้ โปรดดูเว็บไซต์ทดสอบเบราว์เซอร์และส่วนขยายเบราว์เซอร์ โครงการ Fugu เป็นความพยายามข้ามบริษัทเพื่อปิดช่องว่างในความสามารถของเว็บ
- Chrome
ตรวจสอบว่ากู้คืนหน้าจาก Back-Forward Cache ได้
วิธีใช้ Lighthouse เพื่อทดสอบว่ากู้คืนหน้าจาก Back-Forward Cache ได้ไหม
Chrome 110 เบต้า
ตัวอักษรแรกของ CSS, ตัวแฮนเดิลการเปิดตัวเว็บแอป, การรองรับ iframe แบบข้ามต้นทางสำหรับ FedCM API และอีกมากมาย
- Chrome
ข้อมูลรับรอง Iframe: ฝัง iframe ในสภาพแวดล้อม COEP ได้อย่างง่ายดาย
มีการใช้งาน Iframe credentialless ใน Chrome 110 ข้อมูลนี้ช่วยให้นักพัฒนาซอฟต์แวร์โหลดเอกสารใน iframe ของบุคคลที่สามได้โดยใช้บริบทใหม่และชั่วคราว และในทางกลับกัน วิดีโอเหล่านั้นจะไม่อยู่ภายใต้กฎการฝัง COEP อีกต่อไป ตอนนี้นักพัฒนาซอฟต์แวร์ที่ใช้ COEP สามารถฝัง iframe ของบุคคลที่สามที่ไม่ได้ใช้ COEP ได้แล้ว
- Chrome
ตอนนี้แอตทริบิวต์วันหมดอายุของคุกกี้และ Max-Age มีขีดจำกัดสูงสุดแล้ว
นับจาก Chrome รุ่น M104 (สิงหาคม 2022) คุกกี้จะกำหนดวันที่หมดอายุนานกว่า 400 วันไม่ได้อีกต่อไป
- Chrome
เปลี่ยนอุปกรณ์เอาต์พุตปลายทางใน Web Audio
ดูวิธีเปลี่ยนปลายทางเอาต์พุตเสียงใน Web Audio แบบเป็นโปรแกรม
- Chrome
กำลังเรียกไอคอน Fav
วิธีรับไอคอน Fav สำหรับเว็บไซต์
- ส่วนขยาย Chrome
SQLite Wasm ในเบราว์เซอร์ที่สนับสนุนโดยระบบไฟล์ส่วนตัวต้นทาง
ใช้ SQLite เพื่อจัดการพื้นที่เก็บข้อมูลทั้งหมดที่ต้องการได้อย่างมีประสิทธิภาพบนเว็บ SQLite เป็นระบบการจัดการฐานข้อมูลเชิงสัมพันธ์แบบฝังที่ได้รับความนิยม โอเพนซอร์ส และน้ำหนักเบา
- Chrome
ใหม่ใน Chrome 109
Chrome 109 กำลังเปิดตัวแล้ว Origin Private File System API พร้อมให้ใช้งานสำหรับ Android แล้ว โดยมีชุดพร็อพเพอร์ตี้ใหม่ใน CSS ที่คุณเพิ่มสัญลักษณ์ทางคณิตศาสตร์ใน HTML ได้อย่างง่ายดายด้วยการรองรับ MathML Core และอีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 109)
คัดลอกขั้นตอนเป็นสคริปต์ในโปรแกรมอัดเสียง ชื่อฟังก์ชันจริงในการบันทึกประสิทธิภาพ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่อง API ของ Project Fugu
ใช้เครื่องมือสำหรับนักพัฒนาเว็บเพื่อแก้ไขข้อบกพร่องของ Project Fugu API
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
เจาะลึก RenderingNG: การกระจายตัวของบล็อก LayoutNG
บล็อกการแยกส่วนใน LayoutNG เสร็จสมบูรณ์แล้ว ดูวิธีการทำงานและความสำคัญของฟีเจอร์นี้ได้ในบทความนี้
- Chromium
การเปลี่ยนแปลงกำหนดการเผยแพร่จาก Chrome 110
สำหรับ Chrome 110 เป็นต้นไป เวอร์ชันเสถียรระยะแรกจะเปิดตัวให้กับผู้ใช้กลุ่มเล็กๆ เท่านั้น
- Chrome
เวอร์ชันการเผยแพร่ของ Chrome คืออะไร
ดูวิธีที่ Chrome ใช้เวอร์ชันการเผยแพร่ Canary, เวอร์ชันที่กำลังพัฒนา, เบต้า และเสถียรเพื่อทดสอบฟีเจอร์ใหม่ และเปิดตัวการอัปเดต
ทำความเข้าใจเวอร์ชันอื่นๆ ของ Chrome
กลไกสำหรับ Chrome ในการทดสอบฟีเจอร์ใหม่ของเบราว์เซอร์
ช่วยเลือกไวยากรณ์สำหรับการซ้อนกันของ CSS
คณะทำงานของ CSS ยังคงหารือกันต่อไปถึงวิธีที่ดีที่สุดในขั้นตอนการกำหนดการซ้อนพื้นที่ใน CSS หากคุณเป็นผู้เขียน CSS เราต้องการความช่วยเหลือจากคุณ
- Chrome
Chrome Dev Insider: ปีที่ผ่านมา
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
- Chrome
การอัปเดตนโยบายของ Chrome เว็บสโตร์
Chrome กําลังอัปเดตนโยบายโปรแกรมสําหรับนักพัฒนาแอปของ Chrome เว็บสโตร์เพื่อระบุผู้ใช้หลักที่คอยให้คำแนะนำอย่างชัดเจน ให้บริบทเพิ่มเติมเกี่ยวกับการบังคับใช้ และทำให้นโยบายเข้าใจได้ง่ายขึ้น
- Chrome
- ส่วนขยาย Chrome
เพิ่มความเกี่ยวข้องของโฆษณาให้สูงสุด
เอกสารประกอบใหม่สำหรับ Privacy Sandbox เกี่ยวกับความเกี่ยวข้องของโฆษณาที่ไม่ใช้คุกกี้ของบุคคลที่สาม
- Chrome
สิ่งที่นักพัฒนาซอฟต์แวร์จำเป็นต้องทราบเกี่ยวกับโหมดหน่วยความจำและโหมดประหยัดพลังงานของ Chrome
เรียนรู้วิธีตรวจสอบว่าหน้าเว็บของคุณจัดการกับโหมดหน่วยความจำและโหมดประหยัดพลังงานใหม่ของ Chrome ได้อย่างสง่างาม
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: โหมดอุปกรณ์
จำลองอุปกรณ์โมบูลด้วยโหมดอุปกรณ์ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การยืนยันการชำระเงินที่ปลอดภัยใน Chrome Android
การยืนยันการชำระเงินที่ปลอดภัยจะนำการยืนยันการชำระเงินที่ปลอดภัยในรูปแบบฟิชชิงมาใช้ด้วยพาสคีย์ที่จะส่งไปยังเว็บได้ ฟีเจอร์นี้จะพร้อมใช้งานใน Chrome สำหรับ Android ตั้งแต่ Chrome 109 เป็นต้นไป
- Chrome
Chrome 109 เบต้า
MathML, การโฟกัสตามเงื่อนไขสำหรับ getDisplayMedia(), Origin Private File System ใน Android และอื่นๆ
- Chrome
ส่วนขยายของ Chrome: การขยาย API เพื่อรองรับการนำทางแบบทันที
Extensions API ได้รับการอัปเดตเพื่อรองรับ Back-Forward Cache และการโหลดการนำทางล่วงหน้า
- Chrome
การลงชื่อเข้าใช้แบบไม่ต้องใช้รหัสผ่านในแบบฟอร์มที่มีการป้อนข้อความอัตโนมัติด้วยพาสคีย์ WebAuthn
UI แบบมีเงื่อนไขของ WebAuthn ใช้ประโยชน์จากฟังก์ชันการป้อนแบบฟอร์มอัตโนมัติของเบราว์เซอร์ เพื่อให้ผู้ใช้ลงชื่อเข้าใช้ด้วยพาสคีย์ได้อย่างราบรื่นในขั้นตอนการใช้รหัสผ่านแบบเดิม
ใหม่ใน Chrome 108
Chrome 108 กำลังเปิดตัวแล้ว มี API นานาชาติใหม่เพื่อให้คุณควบคุมการจัดรูปแบบตัวเลขได้มากขึ้น Pop Up API ใหม่นี้มีช่วงทดลองใช้จากต้นทาง ซึ่งจะช่วยให้แสดงเนื้อหาที่สำคัญแก่ผู้ใช้ได้อย่างง่ายดาย โดยมีการปรับปรุง CSS หลายประการ และยังมีอื่นๆ อีกมากมาย
- Chrome
แชร์หน้าจอได้ดียิ่งขึ้นด้วยโฟกัสแบบมีเงื่อนไข
โฟกัสแท็บหรือหน้าต่างแบบมีเงื่อนไขเมื่อแชร์หน้าจอบนเว็บ
การปรับปรุงการแชร์หน้าจอใน Chrome 109
รายละเอียดของการปรับปรุงการแชร์หน้าจอ 2 รายการสำหรับเว็บ ได้แก่ กลไกในการควบคุมโฟกัสแท็บเมื่อแชร์หน้าจอ และกลไกในการควบคุมการเล่นเสียงในเครื่อง
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ระบุการปรับปรุง CSS
ใช้แผงภาพรวม CSS เพื่อระบุการปรับปรุง CSS ที่เป็นไปได้
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ค้นหา CSS ที่ไม่ถูกต้อง ลบล้าง ไม่ได้ใช้งาน และ CSS อื่นๆ
สำรวจปัญหาเกี่ยวกับคุณสมบัติ CSS อย่างรวดเร็ว
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ไฟล์ Manifest - oauth2
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ oauth2 ของ manifest.json
- ส่วนขยาย Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การนำทางสำหรับเครื่องมือสำหรับนักพัฒนาเว็บที่รวดเร็วขึ้น
ดูวิธีเพิ่มความรวดเร็วให้กับเวิร์กโฟลว์ด้วยการไปยังส่วนต่างๆ ของ DevTools ที่เร็วขึ้นโดยใช้ทางลัดและการตั้งค่า
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แดชบอร์ด CrUX
การใช้หน้าแดชบอร์ด CrUX เพื่อแสดงภาพข้อมูล BigQuery CrUX
- รายงาน Chrome UX
การสร้างพื้นที่เก็บข้อมูลไม่เท่ากัน: การเปิดตัวที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ที่เก็บข้อมูล Storage คือ API สำหรับการคาดการณ์การออกจากพื้นที่เก็บข้อมูลถาวรภายใต้แรงดันหน่วยความจำที่มากเกินไป
- Chrome
การอัปเดตนโยบายของ Chrome เว็บสโตร์
Chrome กําลังอัปเดตนโยบายโปรแกรมสําหรับนักพัฒนาแอปของ Chrome เว็บสโตร์เพื่อระบุผู้ใช้หลักที่คอยให้คำแนะนำอย่างชัดเจน ให้บริบทเพิ่มเติมเกี่ยวกับการบังคับใช้ และทำให้นโยบายเข้าใจได้ง่ายขึ้น
- ส่วนขยาย Chrome
- Chrome
Chrome 108 เบต้า
หน่วยวิวพอร์ต CSS ใหม่, API การจัดการข้อมูลเข้าสู่ระบบแบบรวมศูนย์, แบบอักษร COLRv1 ที่ปรับเปลี่ยนได้ และอื่นๆ
- Chrome
เตรียมพร้อมสำหรับการเปลี่ยนแปลงลักษณะการทำงานของการปรับขนาดวิวพอร์ตที่กำลังจะเกิดขึ้นใน Chrome ใน Android
การเปลี่ยนแปลงที่จะเกิดขึ้นกับลักษณะการปรับขนาดวิวพอร์ตใน Chrome 108, เหตุใด Chrome จึงทำการเปลี่ยนแปลงนี้ และสิ่งที่ต้องเตรียมรับมือ
- Chrome
ไฟล์ Manifest - Input_components
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Input_components ของ manifest.json
- ส่วนขยาย Chrome
การอัปเดตลักษณะการทํางานของเหตุการณ์ CanMakePayment ของ Payment Handler API
เหตุการณ์ Service Worker "canmakepayment" ใน Payment Handler API ทำให้ผู้ขายทราบว่าผู้ใช้มีบัตรอยู่ในแอปการชำระเงินที่ติดตั้งไว้หรือไม่ Chrome จะนำพร็อพเพอร์ตี้ที่แนบไปกับเหตุการณ์ออก
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 108)
คำแนะนำสำหรับคุณสมบัติ CSS ที่ไม่ได้ใช้งาน, XPath ใหม่และตัวเลือกข้อความในโปรแกรมอัดเสียง และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีต่างๆ ในการเปิดเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบวิธีต่างๆ ในการเปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ใหม่ใน Chrome 107
Chrome 107 กำลังเปิดตัวแล้ว มีพร็อพเพอร์ตี้ใหม่ใน API จับภาพหน้าจอที่ปรับปรุงประสบการณ์การแชร์หน้าจอ ตอนนี้คุณสามารถระบุได้อย่างแม่นยำว่าทรัพยากรในหน้าเว็บบล็อกการแสดงผลอยู่หรือไม่ มีวิธีใหม่ในการส่งข้อมูลไปยังเซิร์ฟเวอร์แบ็กเอนด์ด้วย PendingBeacon API แบบประกาศในช่วงทดลองใช้จากต้นทาง และยังมีอื่นๆ อีกมากมาย
- Chrome
การเปลี่ยนแปลงที่ส่งผลกับส่วนอื่นในระบบ: วิธีการซิงค์สำหรับ AccessHandles
เรากำลังทำให้เมธอดของอินเทอร์เฟซ FileSystemSyncAccessHandle เป็นแบบซิงโครนัสเพื่อให้ทำงานกับ AccessHandles ในบริบทต่างๆ ได้ง่ายขึ้น เช่น Emscripten
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาและแก้ไขข้อความคอนทราสต์ต่ำ
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อค้นหาและแก้ไขข้อความคอนทราสต์ต่ำ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
โทเค็นความน่าเชื่อถือเปลี่ยนชื่อโทเค็นสถานะส่วนตัวแล้ว
Trust Token API จะเปลี่ยนชื่อเป็น Private State Token API เพื่ออธิบายถึงประโยชน์ของความเป็นส่วนตัวและยูทิลิตีให้ดียิ่งขึ้น
- Chrome
ทำให้เว็บไซต์อ่านง่ายขึ้น
ค้นหาและแก้ไขข้อความคอนทราสต์ต่ำด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ปรับแต่งและทำให้กระบวนการทำงานของผู้ใช้เป็นแบบอัตโนมัตินอกเหนือจากโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีปรับแต่งและทำให้โฟลว์ผู้ใช้ทำงานโดยอัตโนมัตินอกเหนือจากโปรแกรมบันทึกเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
Advanced Web Apps Fund - อัปเดต ต.ค. 2022
ด้วยกองทุน Advanced Web Apps Fund เราได้สนับสนุนโครงการ 11 โครงการโดยแจกจ่ายเงินกว่า 1 แสนดอลลาร์สหรัฐผ่าน Open Collective เพื่อตระหนักถึงความสำคัญของงานและการช่วยให้ผู้คนใช้เวลาในโครงการเหล่านี้มากขึ้น
- Chrome
ภายใน Polyfill การค้นหาคอนเทนเนอร์
ดูวิธีที่ Polyfill การค้นหาคอนเทนเนอร์รองรับการค้นหาคอนเทนเนอร์ในเบราว์เซอร์รุ่นเก่าๆ
- Chrome
ช่วยเลือกไวยากรณ์สำหรับผลการสำรวจการซ้อน CSS
ดูผลลัพธ์จากความคิดเห็นของนักพัฒนาซอฟต์แวร์ 7,590 ราย
- Chrome
วิธีใหม่ในการเริ่มต้นเส้นทางการพัฒนาส่วนขยาย Chrome
วิธีที่ดีกว่าในการเริ่มต้นเส้นทางการเรียนรู้ของนักพัฒนาซอฟต์แวร์ Chrome
- ส่วนขยาย Chrome
- Chrome
การเปลี่ยนแปลงที่มีต่อองค์ประกอบที่ถูกแทนที่ใน CSS
คำเตือนขั้นสูงเกี่ยวกับการเปลี่ยนแปลงลักษณะการทำงานของ CSS ที่อาจทําให้เกิดส่วนเกินที่ไม่พึงประสงค์
- Chrome
Chrome Dev Insider: การเพิ่มประสิทธิภาพด้วยระบบนิเวศของเฟรมเวิร์ก
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
- Chrome
เรียกใช้สคริปต์ในทุกหน้า
ดูวิธีเพิ่มองค์ประกอบใหม่ลงในหน้าเว็บที่มีอยู่โดยอัตโนมัติ
- ส่วนขยาย Chrome
แทรกสคริปต์ลงในแท็บที่ใช้งานอยู่
ดูวิธีลดความซับซ้อนของสไตล์ของหน้าปัจจุบัน
- ส่วนขยาย Chrome
Project Fugu "เสร็จสิ้น"หรือไม่
บทความนี้มุ่งเน้นไปที่เป้าหมายที่ทีม Project Fugu เปลี่ยนไปจากการนำความสามารถใหม่ๆ มาใช้ในการปรับแต่งและปรับปรุงความสามารถที่มีอยู่
- Chrome
ส่วนขยาย Hello World
สร้างส่วนขยาย Hello World ของ Chrome รายการแรก
- ส่วนขยาย Chrome
จัดการแท็บ
ดูวิธีจัดระเบียบแท็บโดยใช้กลุ่มแท็บแบบเป็นโปรแกรม
- ส่วนขยาย Chrome
ไฟล์ Manifest - ผู้เขียน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ชื่อผู้เขียนที่ใช้ manifest.json
- ส่วนขยาย Chrome
Chrome 107 เบต้า
ส่วนที่เพิ่มเข้ามาใน API การจับภาพหน้าจอ การประมาณค่าคุณสมบัติเทมเพลตตารางกริดของ CSS และอื่นๆ
- Chrome
Payment Handler API จำเป็นต้องใช้ CSP connect-src
ผู้ใช้ Payment Handler API จะต้องเพิ่มปลายทางการชำระเงินลงในคำสั่ง "connect-src" หากคุณใช้ CSP
- Chrome
การควบคุมการแชร์หน้าจอที่รักษาความเป็นส่วนตัว
นำทางผู้ใช้ไม่ให้แชร์มากเกินไปด้วยการควบคุมการแชร์หน้าจอที่รักษาความเป็นส่วนตัวบนเว็บ
หลีกเลี่ยงการแชร์หน้าจอมากเกินไปเมื่อแชร์หน้าจอ
ตอนนี้แพลตฟอร์มเว็บมาพร้อมการควบคุมเพิ่มเติมสำหรับการแชร์หน้าจอที่รักษาความเป็นส่วนตัว
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: แก้ไข แก้ไขข้อบกพร่อง และส่งออกบันทึกโฟลว์ของผู้ใช้
ใช้แผงโปรแกรมอัดเสียงและส่วนขยายเพื่อแก้ไข แก้ไขข้อบกพร่อง และส่งออกการบันทึกโฟลว์ของผู้ใช้
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
รายละเอียดเพิ่มเติมเกี่ยวกับการเปลี่ยนไปใช้ไฟล์ Manifest V3
รายละเอียดใหม่เกี่ยวกับแผนที่จะย้ายส่วนขยายไปยังไฟล์ Manifest V3
- Chrome
- ส่วนขยาย Chrome
ใหม่ใน Chrome 106
Chrome 106 กำลังเปิดตัวแล้ว มี API นานาชาติใหม่เพื่อให้คุณควบคุมการจัดรูปแบบตัวเลขได้มากขึ้น Pop Up API ใหม่นี้มีช่วงทดลองใช้จากต้นทาง ซึ่งจะช่วยให้แสดงเนื้อหาที่สำคัญแก่ผู้ใช้ได้อย่างง่ายดาย โดยมีการปรับปรุง CSS หลายประการ และยังมีอื่นๆ อีกมากมาย
- Chrome
วิธีที่ Chrome เตรียมการอัปเดตให้กับผู้ใช้หลายพันล้านคน
"การสนทนากับผู้จัดการโปรแกรมด้านเทคนิคในทีมการเผยแพร่ Chrome เพื่อศึกษาว่าที่พวกเขาจะช่วยให้แน่ใจว่าแต่ละรุ่นเป็นไปอย่างราบรื่นได้อย่างไร"
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 107)
ปรับแต่งแป้นพิมพ์ลัด ไฮไลต์ตัวเลือก C/C+ ในเครื่องมือตรวจสอบหน่วยความจำ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 106)
การสนับสนุนที่ดีขึ้นสำหรับการแก้ไขข้อบกพร่องของเว็บสมัยใหม่ รายละเอียดการกำหนดเวลา LCP ในข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การค้นหาคอนเทนเนอร์เริ่มเข้าสู่เบราว์เซอร์ที่เสถียรในขณะที่ Polyfill ได้รับการอัปเดตครั้งใหญ่
"การค้นหาคอนเทนเนอร์ช่วยให้คอมโพเนนต์เป็นเจ้าของข้อมูลสไตล์ที่ปรับเปลี่ยนตามอุปกรณ์โดยอิงตามพื้นที่ที่องค์ประกอบพอดี ฟีเจอร์นี้กำลังเริ่มเปิดตัวในเบราว์เซอร์รุ่นใหม่และมีการอัปเดตครั้งใหญ่สำหรับการรองรับ Polyfill"
- Chrome
ป๊อปอัป: ส่วนขยายเหล่านี้กลับมาได้รับความนิยมอีกครั้ง
รูปแบบที่เป็นปัญหาช่วยให้ทำได้ง่ายขึ้นด้วย API ในตัวใหม่ที่มาพร้อมกับแพลตฟอร์ม
- Chrome
การขยายเครื่องมือตรวจสอบหน่วยความจำสำหรับการแก้ไขข้อบกพร่อง C/C++
ดูว่าเราได้ปรับปรุงการแก้ไขข้อบกพร่อง C/C++ แอป WebAssembly ด้วยตัวตรวจสอบหน่วยความจำอย่างไร
- Chrome
การทดลองใช้ iframe จากต้นทางที่ไม่ระบุตัวตน: ฝัง iframe ในสภาพแวดล้อม COEP ได้อย่างง่ายดาย
ตอนนี้นักพัฒนาซอฟต์แวร์ที่ใช้ COEP สามารถฝัง iframe ของบุคคลที่สามที่ไม่ได้ใช้ COEP ได้แล้ว การทดลองใช้ iframe จากต้นทางที่ไม่ระบุตัวตนพร้อมใช้งานสำหรับการทดสอบใน Chrome ตั้งแต่เวอร์ชัน 106 ถึง 108
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบและแก้ไขข้อบกพร่อง Flexbox ของ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 106
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 106 เพื่อช่วยคุณวางแผน
- Chrome
การแก้ไขข้อบกพร่องเว็บสมัยใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ลองดูการเปลี่ยนแปลงล่าสุดบางส่วนใน Chrome DevTools ซึ่งปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องและการทำโปรไฟล์เมื่อทำงานกับ Bundler เฟรมเวิร์ก และโค้ดของบุคคลที่สาม
- Chrome
การเลิกใช้และการนำ Web SQL ออก
Web SQL ได้รับการเสนอเป็นครั้งแรกในเดือนเมษายน 2009 และเลิกใช้ในเดือนพฤศจิกายน 2010 เรานำแอปดังกล่าวออกจาก Chrome ตามขั้นตอน ตอนแรกในบริบทที่ไม่ปลอดภัย แล้วย้ายไปอย่างสมบูรณ์ใน Chrome 119
- Chrome
กรณีศึกษา: การแก้ไขข้อบกพร่องของ Angular ที่ดียิ่งขึ้นด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
การใช้ Angular เป็นการทดสอบนำร่องทำให้ทีม Chrome DevTools และทีม Angular ทำงานร่วมกันเพื่อมอบประสบการณ์การแก้ไขข้อบกพร่องที่ดียิ่งขึ้น กรอบการทำงานอื่นๆ อาจมีการเปลี่ยนแปลงในลักษณะเดียวกัน
- Chrome
ใหม่ใน Chrome 105
Chrome 105 กำลังเปิดตัวแล้ว คำค้นหาในคอนเทนเนอร์และ :has() เป็นการจับคู่ที่ตรงกันในสวรรค์ที่ปรับเปลี่ยนตามอุปกรณ์ Sanitizer API ใหม่มอบตัวประมวลผลที่มีประสิทธิภาพสำหรับสตริงที่กำหนดเองเพื่อช่วยลดช่องโหว่ในการเขียนสคริปต์ข้ามเว็บไซต์ เรากำลังดำเนินการอีกขั้นเพื่อเลิกใช้งาน WebSQL และยังมีอื่นๆ อีกมากมาย
- Chrome
การบีบอัดและการยกเลิกการบีบอัดในเบราว์เซอร์ด้วย Compression Streams API
เขียนเว็บแอปขนาดเล็กที่ไม่จําเป็นต้องส่งไลบรารีการบีบอัดหรือการขยายการบีบอัดด้วยตนเอง Compression Streams API ใช้สำหรับบีบอัดและขยายสตรีมข้อมูลโดยใช้รูปแบบ gzip หรือ deflate (หรือ deflate-raw) เมื่อใช้การบีบอัดในตัว แอปพลิเคชัน JavaScript
- Chrome
การเพิ่มประสิทธิภาพรูปภาพด้วยคำสั่ง Angular Image Directive
ขอแนะนำคำสั่ง Angular Image (NgOptimizeImage) ใหม่ซึ่งนำเทคนิคการเพิ่มประสิทธิภาพในตัวมาใช้กับรูปภาพในแอป Angular
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีเร่งเวิร์กโฟลว์ให้เร็วขึ้นด้วยทางลัดของคอนโซล
ใช้ทางลัดที่ได้รับจาก Console Utilities API เพื่ออ้างถึงองค์ประกอบล่าสุด ออบเจ็กต์การค้นหา ตรวจสอบเหตุการณ์และการเรียกใช้ฟังก์ชัน และอื่นๆ ได้อย่างรวดเร็ว
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
พบกับชั้นบนสุด: โซลูชันสําหรับ z-index:10000
คอมโพเนนต์ในตัวและ API ใหม่ๆ ที่จะพร้อมใช้งานในแพลตฟอร์ม อะไรคือเลเยอร์ระดับบนสุด"ที่ช่วยให้เราใช้งานได้
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบตารางกริดใน CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนเลย์เอาต์ตารางกริดของ CSS
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
นำ HTTP/2 Server Push ออกจาก Chrome
HTTP/2 Server Push จะถูกปิดใช้โดยค่าเริ่มต้นใน Chrome 106
- Chrome
เบราว์เซอร์สามารถเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามได้หรือไม่
ขับเคลื่อนการเปลี่ยนแปลงเพื่อเพิ่มการโหลดทรัพยากรของบุคคลที่สามบนเว็บให้ดียิ่งขึ้น
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 105)
รองรับการเล่นซ้ำทีละขั้นตอนและวางเมาส์เหนือเหตุการณ์ในโปรแกรมอัดเสียง, LCP ในแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบและแก้ไขภาพเคลื่อนไหว CSS
ใช้แท็บภาพเคลื่อนไหวเพื่อตรวจสอบและแก้ไขภาพเคลื่อนไหว CSS, การเปลี่ยน และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 105
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 105 เพื่อช่วยคุณวางแผน
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์ด้วยแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพแบบใหม่
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
@container และ :has(): มี API ใหม่ที่ปรับเปลี่ยนตามอุปกรณ์ 2 รายการให้ใช้งานใน Chromium 105
"การค้นหาคอนเทนเนอร์และ :has() เป็นการจับคู่ที่ตรงกันในสวรรค์ที่ตอบสนองตามอุปกรณ์ โชคดีที่ทั้งสองฟีเจอร์เชื่อมโยงกันใน Chromium 105 นี่เป็นรุ่นใหญ่มากพร้อมด้วยฟีเจอร์ 2 ฟีเจอร์ที่เป็นที่ต้องการอย่างมากสำหรับอินเทอร์เฟซที่ปรับเปลี่ยนตามอุปกรณ์"
- Chrome
การเปลี่ยนแปลงของ NavigationEvent ใน Chrome 105
Navigation API มีเมธอดใหม่ 2 แบบใน ExploreEvent: intercept() จะมาแทนที่เพียงพอTITLE Session() และ Scroll() จะเข้ามาแทนที่returnScroll()
- Chrome
:has(): ตัวเลือกครอบครัว
โดยมี :has() ลงจอดใน Chromium 105 มาดูโอกาสดีๆ ที่ CSS ของเราได้รับกัน
- Chrome
ใหม่ใน Chrome 104
Chrome 104 กำลังเปิดตัวแล้ว การจับภาพพื้นที่จะระบุพื้นที่ครอบตัดเมื่อใช้ getDisplayMedia() เพื่อจับภาพแท็บปัจจุบัน เขียนไวยากรณ์คิวรี่สื่อได้โดยใช้โอเปอเรเตอร์เปรียบเทียบทางคณิตศาสตร์ การเปลี่ยนองค์ประกอบที่แชร์จะเริ่มช่วงทดลองใช้จากต้นทาง และยังมีอื่นๆ อีกมากมาย
- Chrome
รูปแบบที่กำหนดเองของเว็บสำหรับ Async Clipboard API
รูปแบบที่กำหนดเองของเว็บช่วยให้เว็บไซต์อ่านและเขียนเพย์โหลดที่ไม่ผ่านการตรวจสอบแบบกำหนดเองได้โดยใช้แอปพลิเคชันรูปแบบมาตรฐานที่เลือกใช้เพื่อรองรับเพย์โหลดดังกล่าว
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีบันทึกข้อความในคอนโซล
ใช้คอนโซลเพื่อบันทึกตัวแปร ออบเจ็กต์ และข้อความ กรองและจัดกลุ่มข้อความ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การปรับปรุง Analytics ในหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
Google กำลังเปิดตัวประสบการณ์การวิเคราะห์สินค้าที่ปรับปรุงใหม่สำหรับหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ แดชบอร์ดใหม่เข้าใจง่ายขึ้นและรวมข้อมูลที่มีประโยชน์มากที่สุดไว้หน้าสุด
- Chrome
- ส่วนขยาย Chrome
ช่วยเลือกไวยากรณ์สำหรับการซ้อน CSS
ไวยากรณ์ที่แข่งขันอยู่ 2 รูปแบบ ต้องการความช่วยเหลือจากคุณในการพิจารณาว่าควรให้ความสำคัญกับข้อกำหนดใด
- Chrome
การรองรับเลเยอร์ระดับบนสุดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สำรวจเลเยอร์ระดับบนสุดและดูวิธีที่ Chrome DevTools ปรับใช้การสนับสนุน
- Chrome
ข้อมูลอัปเดตเกี่ยวกับการให้เงินสนับสนุนของแฟนๆ ใน Web Framework ประจำปี 2022
เรากำลังแชร์ข้อมูลอัปเดตเกี่ยวกับผู้รับเงินทุนสนับสนุนเว็บเฟรมเวิร์กของ Chrome
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีจำลองฟีเจอร์สื่อที่ต้องการของผู้ใช้ CSS ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ใช้แท็บการแสดงผลเพื่อจำลองค่ากำหนดของผู้ใช้ และทดสอบลักษณะการทำงานแบบปรับเปลี่ยนโดยผู้ใช้ของเว็บไซต์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 104)
เริ่มเฟรมใหม่ระหว่างการแก้ไขข้อบกพร่อง ตัวเลือกการเล่นซ้ำช้าในแผงโปรแกรมอัดเสียง และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
Chrome Dev Insider: รุ่น CSS และ UI
อัปเดตจากทีมแพลตฟอร์มเว็บของ Chrome เราจะพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
- Chrome
Signed Exchange เปิดตัวสำหรับเว็บไซต์บนเดสก์ท็อป
ประกาศเกี่ยวกับการรองรับเบราว์เซอร์ Chromium บนเดสก์ท็อปของ Signed Exchange รวมถึงการเปิดตัวฟีเจอร์ใหม่ๆ ด้วย
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบการค้นหาคอนเทนเนอร์ CSS
ตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS ด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ตรวจสอบและแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของการค้นหาคอนเทนเนอร์ CSS
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 104
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 104 เพื่อช่วยคุณวางแผน
- Chrome
ใหม่ใน Chrome 103
Chrome 103 กำลังเปิดตัวแล้ว มีรหัสสถานะ HTTP ใหม่ที่ช่วยให้เบราว์เซอร์ตัดสินใจว่าจะโหลดเนื้อหาใดล่วงหน้าก่อนที่หน้าเว็บจะเริ่มทำงาน Local Font Access API ช่วยให้เว็บแอปพลิเคชันมีความสามารถในการแจกแจงและใช้แบบอักษรที่ติดตั้งอยู่ในคอมพิวเตอร์ของผู้ใช้ มีวิธีง่ายๆ ในการใช้ระยะหมดเวลากับ API แบบไม่พร้อมกัน และยังมีอื่นๆ อีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 103)
บันทึกเหตุการณ์การดับเบิลคลิกและคลิกขวา รวมถึงตัวเลือกใหม่สำหรับวัดความไหลลื่นของผู้ใช้ใน Lighthouse และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงของฟีเจอร์การช่วยเหลือพิเศษ
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับฟีเจอร์การช่วยเหลือพิเศษในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 102
Chrome 102 กำลังเปิดตัวแล้ว PWA ที่ติดตั้งจะลงทะเบียนเป็นตัวแฮนเดิลไฟล์ได้ ซึ่งทำให้ผู้ใช้เปิดไฟล์จากดิสก์โดยตรงได้อย่างง่ายดาย แอตทริบิวต์เฉื่อยช่วยให้คุณทำเครื่องหมายส่วนต่างๆ ของ DOM ว่าเฉื่อยได้ Navigation API ช่วยให้แอปแบบหน้าเดียวจัดการการนำทางและอัปเดต URL ได้ง่ายขึ้น ยังมีอีกมากมาย
- Chrome
เราสร้างข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพได้อย่างไรและเพราะเหตุใด
เราสร้างแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพขึ้นมาได้อย่างไรและเพราะเหตุใด
- Chrome
คู่มือการย้ายข้อมูล WebAssembly
เนื่องด้วยแรงขับเคลื่อนของการรองรับ WebAssembly ในเบราว์เซอร์ต่างๆ เราจึงวางแผนที่จะมุ่งเน้นไปที่โค้ดเนทีฟสำหรับ WebAssembly ในอนาคต และวางแผนที่จะยกเลิกการรองรับ PNaCl ในไตรมาสที่ 4 ของปี 2019 (ยกเว้นแอป Chrome) เราเชื่อว่าระบบนิเวศที่มีชีวิตชีวาของ
การยืนยันการชำระเงินที่ปลอดภัย
ภาพรวมระดับสูงของมาตรฐานเว็บที่เสนอเพื่อการตรวจสอบสิทธิ์ที่ปลอดภัยกับผู้ให้บริการชำระเงิน
ลงทะเบียนการยืนยันการชำระเงินที่ปลอดภัย
ใช้โปรโตคอลและขั้นตอนการลงทะเบียนสำหรับ SPC เพื่อให้ลูกค้าตรวจสอบสิทธิ์กับผู้ออกบัตรหรือธนาคารจากผู้ขายโดยตรงได้อย่างเข้มงวด
ตรวจสอบสิทธิ์ด้วยการยืนยันการชำระเงินที่ปลอดภัย
ใช้โปรโตคอลการตรวจสอบสิทธิ์สำหรับ SPC เพื่อตรวจสอบธุรกรรมของลูกค้า
การเลิกใช้งานและการนำออกใน Chrome 103
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 103 เพื่อช่วยคุณวางแผน
- Chrome
การรองรับเครื่องมือ การโต้ตอบกับ Next Paint (INP)
รองรับการโต้ตอบกับ Next Paint ในเครื่องมือเพิ่มประสิทธิภาพของ Chrome
- Chrome
แอปพลิเคชันหลายหน้าที่เร็วยิ่งขึ้นด้วยสตรีม
เรียนรู้วิธีที่คุณสามารถใช้สตรีมกล่องงานเพื่อสร้างแอปพลิเคชันหลายหน้าที่ใช้มาร์กอัปบางส่วนจากแคชของโปรแกรมทำงานของบริการและเนื้อหาบางส่วนจากเครือข่ายเพื่อสร้างประสบการณ์ที่รวดเร็วซึ่งแสดงผลได้แทบจะในทันที
ดึงพร็อกซีส่วนตัวล่วงหน้าใน Chrome สำหรับผู้ดูแลเครือข่าย
ภาพรวมของวิธีกรองเนื้อหาในการนำทางที่ดึงข้อมูลล่วงหน้า
ดึงพร็อกซีส่วนตัวล่วงหน้าใน Chrome
เพิ่มความเร็ว Largest Contentful Paint (LCP) ด้วยการดึงข้อมูลล่วงหน้าข้ามเว็บไซต์
- Chrome
เพิ่ม LCP ด้วยการดึงข้อมูลล่วงหน้าข้ามเว็บไซต์
ความรู้เบื้องต้นเกี่ยวกับเทคโนโลยีที่พร้อมใช้งาน
- Chrome
แก้ไขข้อบกพร่อง WebAssembly ได้เร็วขึ้น
วิธีที่เราทำให้การแก้ไขข้อบกพร่อง WebAssembly เร็วขึ้นสำหรับแอปพลิเคชันขนาดใหญ่
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 102)
แผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพใหม่ แป้นพิมพ์ลัดในการจำลองธีมสว่าง/ธีมมืด และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แชร์แท็บได้ดีขึ้นด้วยแคปเจอร์แฮนเดิล
ตอนนี้แพลตฟอร์มเว็บจะมาพร้อมกับ Capture Handle ซึ่งเป็นกลไกที่ทำให้เว็บแอปที่ใช้จับภาพสามารถระบุเว็บแอปที่จับภาพได้อย่างมั่นใจตามหลักสรีรศาสตร์และมั่นใจได้ หากเว็บแอปดังกล่าวเลือกใช้
กองทุน Advanced Web Apps
เปิดตัว Advanced Web Apps Fund ที่สนับสนุนผู้สร้างเว็บที่มีประสิทธิภาพมากขึ้น
- Chrome
ดูพร็อพเพอร์ตี้ของออบเจ็กต์ DOM
ดูและกรองพร็อพเพอร์ตี้ของออบเจ็กต์ DOM
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทดสอบแคชย้อนหลัง
ตรวจสอบว่าหน้าเว็บได้รับการเพิ่มประสิทธิภาพสําหรับการแคชย้อนหลัง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใหม่ใน Chrome 101
Chrome 101 กำลังเปิดตัวพร้อมวิธีการใหม่ในการระบุสีด้วยสัญลักษณ์ HWB และการลำดับความสำคัญในการดึงข้อมูลซึ่งเป็นวิธีบ่งชี้ว่าเบราว์เซอร์มีลำดับที่เหมาะสมในการดาวน์โหลดทรัพยากรหรือไม่ ยังมีอีกมากมาย
- Chrome
การทําให้เนื้อหาที่ยุบเข้าถึงได้ด้วย hide=until-found
วิธีที่ค่าแอตทริบิวต์ใหม่นี้ช่วยให้มั่นใจได้ว่าเนื้อหาภายในส่วนแอคคอร์เดียนจะค้นหาและลิงก์ไปยังเนื้อหาได้
การเพิ่มประสิทธิภาพ LCP โดยใช้ Signed Exchange
Signed Exchange เป็นวิธีการที่นักพัฒนาเว็บช่วยปรับปรุงความเร็วในการโหลดหน้าเว็บได้อย่างมากที่มาจาก URL ที่มา SXG เช่น Google Search ขั้นตอนเหล่านี้สามารถให้ประโยชน์ได้ง่ายๆ เพียงเปิดใช้โดยช่องทำเครื่องหมาย แต่คุณทำตามขั้นตอนเพิ่มเติมเพื่อให้ได้รับประโยชน์สูงสุด
- Chrome
ควบคุมฟีเจอร์ของเบราว์เซอร์ด้วยนโยบายสิทธิ์
จัดการวิธีที่หน้าเว็บและ iframe ของบุคคลที่สามที่ฝังไว้เข้าถึงฟีเจอร์ของเบราว์เซอร์
เจาะลึกการแสดงภาพNG: BlinkNG
ข้อมูล BlinkNG และโครงการย่อยต่างๆ ที่แก้ไขปัญหาที่มีอยู่อย่างยาวนานในองค์กรและโครงสร้างของโค้ด Blink
- Chromium
ภาพรวมของแท็บการแสดงผล
ค้นพบคอลเล็กชันตัวเลือกที่ส่งผลต่อการแสดงเนื้อหาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ขอแนะนำ Chrome Dev Insider
ซีรีส์ใหม่จากทีมแพลตฟอร์มเว็บของ Chrome ที่เราพานักพัฒนาซอฟต์แวร์ไปทำงานเบื้องหลังเพื่อแชร์มุมมอง การสนทนา และการอัปเดตต่างๆ
- Chrome
ค้นพบปัญหาเกี่ยวกับประสิทธิภาพการแสดงผล
เฉพาะจุด การทาสีใหม่ การเปลี่ยนเลย์เอาต์ เลเยอร์และชิ้นส่วนปัญหา การเลื่อน ดูสถิติการแสดงผลและ Core Web Vitals
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ฝังเนื้อหาในเว็บไซต์ของคุณได้อย่างปลอดภัย
เรียนรู้เกี่ยวกับองค์ประกอบ HTML หลายรายการที่ใช้ในการฝังเนื้อหา และวิธีเพิ่มประสิทธิภาพด้านความปลอดภัย
- Chrome
จำลองฟีเจอร์สื่อ CSS
จำลองรูปแบบสีที่ชอบ ประเภทสื่อ สีแบบบังคับ ความเปรียบต่างที่แนะนำให้ใช้ การเคลื่อนไหวที่เล็กลง โทนสีที่ต้องการ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 101)
นำเข้าและส่งออกโฟลว์ผู้ใช้เป็น JSON, รองรับสี hwb(), ดูเลเยอร์การเรียงซ้อนในแผงรูปแบบ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 102
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 102 เพื่อช่วยคุณวางแผน
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 101
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 101 เพื่อช่วยคุณวางแผน
- Chrome
ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ: รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์
รับข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์ด้วยแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ร่วมฉลอง Chrome 100 กับ #100CoolWebMoments
เรากำลังฉลองการเปิดตัว Chrome เวอร์ชัน 100 ด้วยการทิ้งช่วงความทรงจำ
- Chrome
ใหม่ใน Chrome 100
Chrome 100 กำลังเปิดตัวพร้อมหมายเลขเวอร์ชัน 3 หลัก เรามาย้อนความหลังกันและฉลอง #100CoolWebMoments นับตั้งแต่เปิดตัว Chrome เป็นครั้งแรก มีการเปลี่ยนแปลงที่สำคัญบางอย่างกับสตริง User Agent Multi-Screen Window Placement API ทำให้สามารถแจกแจงจอแสดงผลที่เชื่อมต่อกับเครื่องของผู้ใช้และวางหน้าต่างไว้บนหน้าจอที่ต้องการ ยังมีอีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 100)
ดูและแก้ไข @support ที่กฎ เปลี่ยนชื่อและปรับแต่งตัวเลือกของการบันทึก และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 100
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 100 เพื่อช่วยคุณวางแผน
- Chrome
"เป็นคุณเสมอสำหรับ Canvas2D"
API รุ่นถัดไปได้รับการปรับโฉมใหม่
- Chrome
ใหม่ใน Chrome 99
Chrome 99 กำลังเปิดตัวแล้ว เลเยอร์การเรียงซ้อน CSS ช่วยให้คุณควบคุม CSS ได้มากขึ้นและช่วยป้องกันความขัดแย้งของสไตล์ เมธอด showChooseer() ให้คุณแสดงเครื่องมือเลือกเบราว์เซอร์สำหรับองค์ประกอบอินพุตต่างๆ แบบเป็นโปรแกรม เช่น วันที่ สี และรายการข้อมูล Chrome และ Firefox เวอร์ชัน 100 จะมีให้เร็วๆ นี้ ยังมีอีกมากมาย
- Chrome
การเพิ่มประสิทธิภาพการโหลดสคริปต์ของบุคคลที่สามใน Next.js
บทความนี้จะพูดถึงคอมโพเนนต์ของสคริปต์ Next.js และสาธิตวิธีใช้คอมโพเนนต์สคริปต์ของบุคคลที่สามในลำดับที่ดีขึ้น
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 99)
การควบคุมคำขอ WebSocket, แผง Reporting API ใหม่, การจัดรูปแบบคอนโซล และอื่นๆ
- Chrome
ตรวจสอบและแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของเลย์เอาต์ Flexbox ของ CSS
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งานและการนำออกใน Chrome 99
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 99 เพื่อช่วยคุณวางแผน
- Chrome
การใช้ปลั๊กอิน
แม้ว่า Workbox จะมียูทิลิตีที่พร้อมใช้งานมากมาย แต่อาจมีบางครั้งที่คุณต้องการขยายเวลาให้ตรงตามความต้องการของแอปพลิเคชัน และนี่คือที่มาของสถาปัตยกรรมปลั๊กอินของ Workbox ว่ามีประโยชน์มาก
ชิปคำขอสิทธิ์
Chrome 98 เพิ่มพื้นที่เฉพาะลงในแถบตำแหน่งสำหรับสิทธิ์ โดยมีจุดประสงค์เพื่อสร้างพรอมต์น้อยลงเพื่อลดการยืนหยัดต่อการตัดสินใจ
- Chrome
Chromium Chronicle #28: การเริ่มต้นใช้งาน Chrome บน iOS
เรียนรู้วิธีทำงานกับโค้ดที่อยู่ในแอป iOS ของ Chrome
- Chrome
การเรียงซ้อนเลเยอร์จะพร้อมใช้งานในเบราว์เซอร์ของคุณ
"เลเยอร์ Cascade เป็น CSS API ใหม่ที่จะช่วยคุณจัดการลำดับความสำคัญแบบ Cascade ของโค้ด ซึ่งจะนำผู้ใช้ไปยังเบราว์เซอร์ที่ทันสมัยทั้งหมดในเร็วๆ นี้"
- Chrome
ใหม่ใน Chrome 98
Chrome 98 กำลังเปิดตัวแล้ว หากลงชื่อสมัครทดลองใช้ธีมมืดอัตโนมัติจากต้นทางแล้ว คุณจะมีตัวเลือกใหม่ให้เลือกไม่ใช้ในระดับองค์ประกอบทีละระดับ ขณะนี้มีการสนับสนุน COLRv1 ซึ่งเป็นวิวัฒนาการของรูปแบบตัวอักษร COLRv0 และยังมีอื่นๆ อีกมากมาย
- Chrome
แสดงเครื่องมือเลือกเบราว์เซอร์สำหรับวันที่ เวลา สี และไฟล์
ตอนนี้แพลตฟอร์มเว็บมาพร้อมวิธี Canonical เพื่อแสดงเครื่องมือเลือกเบราว์เซอร์
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 98)
แผนผังการช่วยเหลือพิเศษแบบเต็มหน้า การเปลี่ยนแปลงที่แม่นยำยิ่งขึ้นในแท็บการเปลี่ยนแปลง และอื่นๆ
- Chrome
Chrome จะปิดใช้การแก้ไข document.domain เพื่อผ่อนคลายนโยบายต้นทางเดียวกัน
หากเว็บไซต์ของคุณต้องใช้การตั้งค่า "document.domain" คุณจำเป็นต้องดำเนินการ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 98
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 98 เพื่อช่วยคุณวางแผน
- Chrome
แบบอักษรเวกเตอร์ไล่ระดับสี COLRv1 ใน Chrome 98
ใน Chrome 98 ทีม Chrome และแบบอักษรได้เพิ่มการสนับสนุนสำหรับ COLRv1 ซึ่งเป็นวิวัฒนาการของรูปแบบตัวอักษร COLRv0 ที่ตั้งใจทำให้แบบอักษรสีมีความแพร่หลายด้วยการเพิ่มการไล่ระดับสี การจัดองค์ประกอบและการผสาน รวมถึงปรับปรุงการใช้รูปร่างภายในซ้ำสำหรับไฟล์แบบอักษรที่คมชัดและกะทัดรัดซึ่งบีบอัดได้ดี
- Chrome
การเข้าถึงเครือข่ายส่วนตัว: แนะนำการตรวจสอบล่วงหน้า
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยในฐานะส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว อ่านต่อเพื่อดูการดำเนินการที่แนะนำ
- Chrome
ใหม่ใน Chrome 97
Chrome 97 กำลังเปิดตัวแล้ว มีตัวเลือกใหม่สำหรับการส่งข้อความแบบเรียลไทม์ระหว่างไคลเอ็นต์และเซิร์ฟเวอร์โดยใช้ Web Transport คุณใช้การตรวจหาฟีเจอร์เพื่อดูประเภทสคริปต์ที่เบราว์เซอร์รองรับได้ JavaScript มีประสิทธิภาพดีขึ้น และอีกมากมาย
- Chrome
เปิดใช้ Handler API
ตัวแฮนเดิลการเปิดตัวช่วยให้คุณควบคุมวิธีเปิดแอปของคุณได้ เช่น เลือกว่าจะใช้หน้าต่างที่มีอยู่หรือหน้าต่างใหม่ และหน้าต่างที่เลือกมีการนำทางไปยัง URL เปิดใช้งานหรือไม่
แผนผังการช่วยเหลือพิเศษเต็มรูปแบบใน Chrome DevTools
ดูแผนผังการช่วยเหลือพิเศษแบบเต็มหน้าใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ รวมถึงการออกแบบและการติดตั้งใช้งานโครงสร้างนี้
- Chrome
การใช้หน้าต่างกล่องงาน
บางครั้งผู้ใช้ออฟไลน์ ลองดูวิธีปรับเปลี่ยนและช่วยให้ลูกค้าทำตามคำขอต่างๆ ต่อเมื่อกลับมาออนไลน์ในที่สุด
การแสดงเสียงและวิดีโอที่แคช
การรับมือกับคำขอทรัพยากรเสียงและวิดีโอใน Service Worker นั้นเป็นเรื่องยาก ดูวิธีใช้ workbox-range-request เพื่อจัดการกับคำขอดังกล่าวในลักษณะที่คาดการณ์ได้
การบังคับใช้ระยะหมดเวลาของเครือข่าย
เรียนรู้วิธีบังคับการหมดเวลาของเครือข่ายเมื่อมีการเชื่อมต่อเครือข่ายที่ช้า และวิธีทำให้จังหวะเวลาถูกต้อง
การจัดการการตอบกลับสำรอง
บางครั้งผู้ใช้พบปัญหาเครือข่ายล้มเหลวหรือออฟไลน์ ดูวิธีปรับให้เข้ากับสถานการณ์เหล่านั้นและใส่คำตอบสำรอง
การแคชทรัพยากรระหว่างรันไทม์
ดูวิธีจัดการทรัพยากรการแคชระหว่างรันไทม์ รวมถึงทรัพยากรแบบข้ามต้นทาง
การจัดการการอัปเดตโปรแกรมทำงานของบริการแบบฉับพลัน
บางครั้งเมื่อคุณอัปเดตโปรแกรมทำงานของบริการ คุณควรแจ้งให้ผู้ใช้ทราบ คุณจะได้เรียนรู้วิธีการทำเช่นนั้นที่นี่
เข้าถึงแคชจากหน้าต่าง
การเข้าถึงอินสแตนซ์แคชไม่ได้จำกัดอยู่เพียงขอบเขต Service Worker เท่านั้น นอกจากนี้ คุณยังเข้าถึงได้จากบริบทหน้าต่าง และในบทความนี้ คุณจะได้ทราบวิธีใช้งาน
ส่งคำขอซ้ำเมื่อกลับมาออนไลน์
บางครั้งผู้ใช้ออฟไลน์ ลองดูวิธีปรับเปลี่ยนและช่วยให้ลูกค้าทำตามคำขอต่างๆ ต่อเมื่อกลับมาออนไลน์ในที่สุด
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 97)
แผงโปรแกรมอัดเสียงใหม่ รีเฟรชรายการอุปกรณ์ในโหมดอุปกรณ์ และอื่นๆ
- Chrome
ช่วยนักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่มีประสิทธิภาพและติดตั้งได้
มาดูผลกระทบของฟีเจอร์ PWA ที่เพิ่มลงใน Chrome
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 97
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 97 เพื่อช่วยคุณวางแผน
- Chrome
ใหม่ใน Chrome 96
Chrome 96 กำลังเปิดตัวแล้ว มีพร็อพเพอร์ตี้ใหม่ 2 รายการในไฟล์ Manifest ของเว็บแอป พร็อพเพอร์ตี้รหัสช่วยให้คุณระบุรหัสที่ไม่ซ้ำกันสำหรับ PWA และพร็อพเพอร์ตี้ protocol_handlers ให้คุณลงทะเบียน PWA เป็นตัวแฮนเดิลโปรโตคอลโดยอัตโนมัติเมื่อติดตั้ง มีช่วงทดลองใช้จากต้นทางใหม่ที่ช่วยให้คุณระบุลำดับความสำคัญในการดึงข้อมูลสำหรับการดาวน์โหลดทรัพยากรได้ ยังมีอีกมากมาย
- Chrome
มีอะไรใหม่ใน Lighthouse 9.0
Lighthouse 9.0 มาพร้อมรายงานโฉมใหม่และตัวอย่างการรองรับโฟลว์ของผู้ใช้
- Chrome
การแก้ปัญหาและการบันทึก
ศึกษาฟีเจอร์การบันทึกของ Workbox และเครื่องมือแก้ไขข้อบกพร่องของโปรแกรมทำงานในเบราว์เซอร์
สิ่งที่ควรและไม่ควรทำล่วงหน้า
ดูสิ่งที่ควรและไม่ควรทำในการแคชล่วงหน้า
การผสานรวมเฟรมเวิร์ก
ข้อมูลอ้างอิงคร่าวๆ เกี่ยวกับเฟรมเวิร์กและปลั๊กอินที่ผสานรวมกับ Workbox
วิธีการทำงาน
ทำความคุ้นเคยกับวิธีการใช้ Workbox
โปรแกรมทำงานของบริการและโมเดล Shell ของแอปพลิเคชัน
วิธีจับคู่โมเดล Application Shell กับ Service Worker ใน SPA
การใช้ Workbox โดยไม่แคชล่วงหน้า
วิธีสร้าง Service Worker ใน Workbox โดยไม่ต้องสร้างเวิร์กบ็อกซ์
การแคชล่วงหน้าด้วย Workbox
ดูวิธีแคชเนื้อหาล่วงหน้าในโปรแกรมทำงานของบริการด้วย Workbox
การโหลดการนำทางล่วงหน้าสำหรับ HTML ที่เน้นเครือข่ายเป็นหลัก
การโหลดการนำทางล่วงหน้าคืออะไร ทำให้การนำทางรวดเร็วขึ้นได้อย่างไร และวิธีการใช้งานใน Workbox
บันทึก เล่นซ้ำ และวัดความไหลลื่นของผู้ใช้
บันทึก เล่นซ้ำ วัดการไหลเวียนของผู้ใช้ และแก้ไขขั้นตอนด้วยแผงโปรแกรมอัดเสียง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การใช้การแก้ไขข้อบกพร่อง CSP และ Trusted Types ใน Chrome DevTools
วิธีที่เรานำนโยบายรักษาความปลอดภัยเนื้อหาและการแก้ปัญหาประเภท Trusted มาใช้ใน Chrome DevTools
- Chrome
บังคับใช้เวอร์ชันหลักของ Chrome เป็น 100 ในสตริง User-Agent
อีกไม่นานหมายเลขเวอร์ชันของ Chrome จะเปลี่ยนจากตัวเลข 2 หลักเป็น 3 หลัก ซึ่งอาจส่งผลต่อรหัสที่แยกวิเคราะห์สตริง User-Agent (UA) แฟล็กฟีเจอร์ที่พร้อมใช้งานตั้งแต่ Chrome 96 ถึง 99 จะช่วยให้ทดสอบล่วงหน้าได้ด้วยการบังคับให้หมายเลขเวอร์ชันหลักในสตริง UA เป็น 100
- Chrome
การเลือกสีของพิกเซลใดก็ได้บนหน้าจอด้วย EyeDropper API
นักพัฒนาแอปพลิเคชันเชิงสร้างสรรค์สามารถใช้ EyeDropper API เพื่อใช้เครื่องมือเลือกที่อนุญาตให้ผู้ใช้เลือกสีจากพิกเซลบนหน้าจอ รวมถึงสีที่อยู่นอกเบราว์เซอร์
การสร้างคอมโพเนนต์รูปภาพที่มีประสิทธิภาพ
รูปภาพเป็นสาเหตุที่พบบ่อยของการเกิดจุดคอขวดด้านประสิทธิภาพสำหรับเว็บแอปพลิเคชัน และเป็นส่วนที่มุ่งเน้นสำคัญในการเพิ่มประสิทธิภาพ เอกสารนี้จะอธิบายวิธีที่ทีม Aurora ที่ Google ออกแบบคอมโพเนนต์รูปภาพที่มีประสิทธิภาพใน Next.js ที่มาพร้อมกับการเพิ่มประสิทธิภาพหลายประการโดยใช้อินเทอร์เฟซที่เป็นมิตรสำหรับนักพัฒนาซอฟต์แวร์ โพสต์นี้พูดถึงวิธีออกแบบคอมโพเนนต์และบทเรียนที่เราได้เรียนรู้ไปตลอดการใช้งาน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 96)
แผงภาพรวม CSS ใหม่ จำลอง CSS ต้องการสื่อคอนทราสต์ โหมดมืดอัตโนมัติของ Chrome และอื่นๆ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 96
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 96 เพื่อช่วยคุณวางแผน
- Chrome
ภาพรวม CSS: ระบุการปรับปรุง CSS ที่เป็นไปได้
ระบุการปรับปรุง CSS ที่เป็นไปได้ด้วยแผงภาพรวม CSS
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ธีมมืดอัตโนมัติ
สร้างธีมมืดโดยอัตโนมัติสำหรับเว็บไซต์ธีมสว่าง
- Chrome
ปรับปรุงประสบการณ์การพัฒนาโปรแกรมทำงาน
วิธีแก้ปัญหาการพัฒนาในพื้นที่ที่คุณอาจพบเมื่อใช้ Service Worker
กลยุทธ์ Service Worker ต่างๆ สำหรับสถาปัตยกรรมที่แตกต่างกัน
ข้อมูลเบื้องต้นเกี่ยวกับสถาปัตยกรรมเว็บไซต์ 2 แบบ
การนำโปรแกรมทำงานของบริการที่มีข้อบกพร่องออก
วิธีแก้ไข Service Worker ที่ทำให้เกิดปัญหา
ความคาดหวังเกี่ยวกับการทำให้ Service Worker ใช้งานได้
การทำความเข้าใจผลกระทบที่โปรแกรมทำงานของบริการมีต่อเว็บไซต์เมื่อทำให้ใช้งานได้แล้ว
ย้ายข้อมูลไปยัง Reporting API v1
Reporting API เวอร์ชันใหม่พร้อมใช้งานแล้ว โดย API ใหม่มีขนาดเล็กลงและมีแนวโน้มที่จะได้รับการสนับสนุนในเบราว์เซอร์ต่างๆ มากขึ้น
- Chrome
ใหม่ใน Chrome 95
Chrome 95 เปิดตัวแล้ว การกำหนดเส้นทางจะง่ายขึ้นด้วย URLPattern ที่ฝังลงในเบราว์เซอร์ Eye Dropper API มีเครื่องมือในตัวสำหรับเลือกสี มีช่วงทดลองใช้จากต้นทางใหม่เพื่อรับสตริง UA ที่ลดลงทันที และอีกมากมาย
- Chrome
ตรวจสอบเว็บแอปพลิเคชันด้วย Reporting API
ใช้ Reporting API เพื่อตรวจสอบการละเมิดด้านความปลอดภัย การเรียก API ที่เลิกใช้งานแล้ว และอื่นๆ
เจาะลึกการแสดงภาพNG: LayoutNG
การเปลี่ยนแปลงสถาปัตยกรรมครั้งใหญ่ของ LayoutNG ช่วยลดและบรรเทาข้อบกพร่องและปัญหาด้านประสิทธิภาพประเภทต่างๆ ได้อย่างไร
- Chromium
The Chromium Chronicle #25: หมายเหตุเกี่ยวกับความปลอดภัยของเทรด
เรียนรู้ว่าเฟรมเวิร์กการวิเคราะห์แบบคงที่ของ Clang เข้ามาจัดการงานพิสูจน์ความปลอดภัยของชุดข้อความได้อย่างไร
- Chrome
รายงานลักษณะเฉพาะของอุปกรณ์ผู้ใช้ Chrome
นักพัฒนาซอฟต์แวร์มักสงสัยว่าตนกำลังสร้างกลุ่มเป้าหมายให้แก่กลุ่มเป้าหมายประเภทใด ลูกค้ามี RAM เท่าใด อุปกรณ์เหล่านี้ใช้ Wi-Fi ประเภทใดอยู่ รายงานใหม่จะให้คำตอบเกี่ยวกับประเทศและแพลตฟอร์มต่างๆ
- Chrome
การปรับปรุงนโยบายของ Chrome เว็บสโตร์สำหรับไตรมาส 3 ปี 2021
การปรับปรุงข้อกำหนดด้านความปลอดภัยและชี้แจงนโยบายเพิ่มเติมเพื่อรักษาคุณภาพของส่วนขยายให้สูงอยู่เสมอและเพื่อให้นักพัฒนาแอปได้รับประสบการณ์ที่สอดคล้องกัน
- ส่วนขยาย Chrome
- Chrome
ภาพรวมของ Service Worker
ภาพรวมของ Service Worker
ชีวิตของ Service Worker
การทำความเข้าใจพฤติกรรมการทำงานของโปรแกรมทำงานเพื่อให้แอปพลิเคชันออฟไลน์เป็นไปได้
Workbox คืออะไร
ขอแนะนำ Workbox ซึ่งเป็นชุดโมดูลที่ลดความซับซ้อนในการกำหนดเส้นทางและการแคชโปรแกรมทำงานของบริการทั่วไป
กลยุทธ์สำหรับการแคช Service Worker
ภาพรวมของการแคชใน Service Worker
การเปลี่ยนส่วนขยาย Chrome ไปยังไฟล์ Manifest V3
การแชร์รายละเอียดเกี่ยวกับแผนที่จะย้ายส่วนขยายไปยังไฟล์ Manifest V3
- Chrome
- ส่วนขยาย Chrome
การเลิกใช้งานและการนำออกใน Chrome 95
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 95 เพื่อช่วยคุณวางแผน
- Chrome
ใหม่ใน Chrome 94
Chrome 94 กำลังเปิดตัวแล้ว ขณะนี้พื้นที่สีเริ่มต้นสำหรับองค์ประกอบ "" ได้รับการกำหนดอย่างเป็นทางการเป็น SRGB และคุณสามารถเปลี่ยนเป็น Display P3 ได้ มีวิธีใหม่ในการเข้าถึงตัวแปลงรหัสเสียงและวิดีโอในตัว ซึ่งเป็นวิธีใหม่ที่มีความเรียบง่ายสูง ซึ่งสำคัญต่อการสตรีมเกม โปรแกรมตัดต่อวิดีโอ และอื่นๆ WebGPU เริ่มช่วงทดลองใช้จากต้นทาง ยังมีอีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 95)
เครื่องมือสร้างความยาวของ CSS ใหม่ ซ่อนปัญหาในแท็บ "ปัญหา" ปรับปรุงการแสดงพร็อพเพอร์ตี้ และอื่นๆ
- Chrome
ปรับปรุงโครงสร้างพื้นฐาน CSS ให้ทันสมัยในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราค้นคว้าและอัปเดตโครงสร้างพื้นฐาน CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
เจาะลึก: VideoNG
ดูข้อมูลเกี่ยวกับระบบการเล่นสมัยใหม่และวิธีที่ Chromium ขับเคลื่อนเวลาในการรับชมหลายร้อยล้านชั่วโมงในแต่ละวัน
- Chromium
ควบคุมเต็มรูปแบบด้วย VirtualKeyboard API
จัดการด้วยตนเอง จัดการกับการบดบังเนื้อหาเมื่อแป้นพิมพ์เสมือนของอุปกรณ์ระบบสัมผัสปรากฏขึ้น
มีอะไรใหม่ใน Lighthouse 8.4
ตอนนี้ Lighthouse 8.4 ช่วยป้องกันอิมเมจ LCP ที่โหลดแบบ Lazy Loading และ FID ล้มเหลวโดยไม่มีวิวพอร์ตสำหรับอุปกรณ์เคลื่อนที่
- Chrome
ใหม่ใน Chrome 93
Chrome 93 กำลังเปิดตัวแล้ว ตอนนี้คุณสามารถโหลดสไตล์ชีต CSS ที่มีคำสั่งนำเข้า เช่นเดียวกับโมดูล JavaScript PWA ที่ติดตั้งสามารถลงทะเบียนเป็นเครื่องจัดการ URL ทำให้ผู้ใช้ข้ามไปยัง PWA ได้โดยตรง Multi-Screen Window Placement API มีการอัปเดตตามความคิดเห็นของคุณ และจะเริ่มช่วงทดลองใช้จากต้นทางครั้งที่ 2 เราจะลดระยะเวลาการเผยแพร่ให้สั้นลงเหลือ 4 สัปดาห์ และยังมีอื่นๆ อีกมากมาย
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 93
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 93 เพื่อช่วยคุณวางแผน
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 94
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 94 เพื่อช่วยคุณวางแผน
- Chrome
ข้อมูลอัปเดตเกี่ยวกับการเข้าถึงเครือข่ายส่วนตัว: ขอแนะนำช่วงทดลองใช้การเลิกใช้งาน
Chrome จะเลิกใช้งานการเข้าถึงปลายทางเครือข่ายส่วนตัวจากเว็บไซต์สาธารณะที่ไม่ปลอดภัยใน Chrome 94 ซึ่งเป็นส่วนหนึ่งของข้อกำหนดการเข้าถึงเครือข่ายส่วนตัว อ่านต่อเพื่อดูการดำเนินการที่แนะนำ
- Chrome
Chromium Chronicle #24: StrongAlias, IdType และ TokenType
บางครั้งประเภทเดียวกันอาจแสดงค่าจากโดเมนที่ใช้ร่วมกันไม่ได้ ซึ่งอาจทำให้เกิดข้อบกพร่องได้ โชคดีที่ //base ของ Chromium ทำให้การแนะนำประเภทที่ชัดเจนและโดดเด่นเป็นเรื่องง่าย
- Chrome
การกำหนดเส้นทางฝั่งไคลเอ็นต์แบบใหม่: Navigation API
เรียนรู้เกี่ยวกับ Navigation API ซึ่งเป็น API ใหม่ที่จะปรับปรุงฟังก์ชันให้ดีขึ้นเพื่อสร้างแอปพลิเคชันหน้าเว็บเดียว
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 94)
ใช้เครื่องมือสำหรับนักพัฒนาเว็บในภาษาที่คุณต้องการ, อุปกรณ์ Nest Hub ใหม่, ป้ายการค้นหาคอนเทนเนอร์ CSS ใหม่ และอื่นๆ
- Chrome
โครงสร้างข้อมูลสำคัญใน RenderingNG
ทำความเข้าใจคอมโพเนนต์ของสถาปัตยกรรม RenderingNG และวิธีที่ไปป์ไลน์การแสดงผลไหลผ่านองค์ประกอบเหล่านั้น
- Chromium
เครื่องมือตาราง CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราออกแบบและนำการรองรับเครื่องมือ CSS Grid ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เครื่องมือตาราง CSS ในเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีที่เราออกแบบและนำการรองรับเครื่องมือ CSS Grid ในเครื่องมือสำหรับนักพัฒนาเว็บ
การเลิกใช้งานและการนำออกใน Chrome 92
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 92 เพื่อช่วยคุณวางแผน
- Chrome
แก้ปัญหาช่วงทดลองใช้จากต้นทางของ Chrome
จัดการปัญหาที่พบบ่อยเกี่ยวกับโทเค็นการทดลองใช้ในเมตาแท็ก ส่วนหัว และสคริปต์ และคุณจะยังได้ทราบเกี่ยวกับการสนับสนุนการแก้ไขข้อบกพร่องใน Chrome DevTools
นโยบายเครื่องมือฝังแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้cross_origin_embedder_policy ของ manifest.json
- ส่วนขยาย Chrome
นโยบายเครื่องมือเปิดแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Cross_origin_opener_policy ของไฟล์ manifest.json
- ส่วนขยาย Chrome
การแยกแบบข้ามต้นทาง
ภาพรวมของการแยกแบบข้ามต้นทางสำหรับส่วนขยาย
- ส่วนขยาย Chrome
นโยบายเครื่องมือเปิดแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Cross_origin_opener_policy ของไฟล์ manifest.json
- ส่วนขยาย Chrome
นโยบายเครื่องมือฝังแบบข้ามต้นทาง
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้cross_origin_embedder_policy ของ manifest.json
- ส่วนขยาย Chrome
การเลิกใช้งานและการนำออกใน Chrome 91
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 91 เพื่อช่วยคุณวางแผน
- Chrome
เริ่ม PWA โดยอัตโนมัติเมื่อเข้าสู่ระบบ OS
ระบบปฏิบัติการหลายระบบมีความสามารถในการเปิดแอปพลิเคชันโดยอัตโนมัติเมื่อผู้ใช้ลงชื่อเข้าสู่ระบบ ขณะนี้ความสามารถนี้พร้อมใช้งานสำหรับเว็บแอปพลิเคชันที่ติดตั้งไว้แล้ว
- Chrome
WebDriver BiDi - อนาคตของการทำงานอัตโนมัติแบบข้ามเบราว์เซอร์
ทำความรู้จักกับ WebDriver BiDi คืออะไรและเหตุใดจึงกลายเป็นอนาคตของการทำงานอัตโนมัติแบบหลายเบราว์เซอร์
- Chrome
โหลดทรัพยากรแบบข้ามต้นทางที่ไม่มีส่วนหัว CORP โดยใช้ COEP: ข้อมูลรับรอง
"นโยบายเครื่องมือฝังแบบข้ามต้นทาง: แบบไม่มีข้อมูลเข้าสู่ระบบ" จะอยู่ในช่วงทดลองใช้จากต้นทาง โดยเริ่มตั้งแต่ Chrome 93 เป็นต้นไป ค่าใหม่นี้จะช่วยให้หน้าเว็บเปิดใช้การแยกแบบข้ามต้นทางได้โดยไม่ต้องให้ทรัพยากรแบบข้ามต้นทางตอบกลับด้วยส่วนหัว "CORP: ข้ามต้นทาง" ด้วยการส่งคำขอที่ไม่มีข้อมูลเข้าสู่ระบบ
- Chrome
การจำกัดการแชร์โมดูล Wasm ไปยังต้นทางเดียวกัน
การแชร์โมดูล WebAssembly ระหว่างสภาพแวดล้อมเว็บไซต์เดียวกันจะจํากัดอยู่ที่ต้นทางเดียวกันเท่านั้น
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 93)
การค้นหาคอนเทนเนอร์ CSS ที่แก้ไขได้ การแสดงตัวอย่างกลุ่มเว็บ การจัดการสตริงที่ดีขึ้นในคอนโซล และอีกมากมาย
- Chrome
The Chromium Chronicle #23: รุ่นที่ยืนยันแล้วใน Chrome Infra
การใช้การตรวจสอบการบังคับใช้นโยบายสำหรับ Chrome และโครงสร้างพื้นฐานทำให้เรายืนยันได้ว่าเป็นไปตามมาตรฐานขั้นต่ำสำหรับการรักษาความปลอดภัยบางอย่าง
- Chrome
ยืนยันหมายเลขโทรศัพท์บนเดสก์ท็อปโดยใช้ WebOTP API
ตั้งแต่ Chrome 93 เป็นต้นไป เว็บไซต์สามารถยืนยันหมายเลขโทรศัพท์จาก Chrome บนเดสก์ท็อปได้
สถาปัตยกรรม RenderingNG
ดูข้อมูลเกี่ยวกับคอมโพเนนต์ของสถาปัตยกรรม RenderingNG และวิธีที่ไปป์ไลน์การแสดงผลไหลผ่านองค์ประกอบเหล่านั้น
- Chromium
URLPattern นำการกำหนดเส้นทางไปยังแพลตฟอร์มเว็บ
แนวทางในการปรับกรณีการใช้งานการจับคู่รูปแบบที่พบบ่อยให้เป็นมาตรฐาน
แนวคิดของ Android (สำหรับนักพัฒนาเว็บ)
แนวคิดของ Android ที่เกี่ยวข้องและสำคัญสำหรับนักพัฒนาเว็บที่เพิ่งเริ่มใช้ Android และ Play
ส่วนขยาย Chrome: ชี้แจงนโยบายส่วนขยายของเราเพื่อให้เว็บสโตร์มีความปลอดภัยและสอดคล้องกันยิ่งขึ้น
การปรับปรุงข้อกำหนดด้านความปลอดภัยและชี้แจงนโยบายเพิ่มเติมเพื่อรักษาคุณภาพของส่วนขยายให้สูงอยู่เสมอและเพื่อให้นักพัฒนาแอปได้รับประสบการณ์ที่สอดคล้องกัน
- ส่วนขยาย Chrome
- Chrome
The Chromium Chronicle #22: เครื่องมือ Know Thy (Depot)
Depot Tools คือชุดเครื่องมือที่สร้างบน Git เพื่อลดความซับซ้อนของเวิร์กโฟลว์ของนักพัฒนาซอฟต์แวร์ที่มีส่วนร่วมในโค้ดเบสของ Chromium และโครงการที่เกี่ยวข้อง
- Chrome
การใส่ทรัพยากรในเฟรมเวิร์ก JavaScript
ดูข้อมูลเกี่ยวกับการเพิ่มประสิทธิภาพล่าสุดที่ใช้ในเฟรมเวิร์ก JavaScript จากความร่วมมือกับโปรเจ็กต์ Aurora
การดำเนินการของส่วนขยายในไฟล์ Manifest V3
ส่วนขยาย Chrome มี API สำหรับการดำเนินการของหน้าเว็บและเบราว์เซอร์มานานหลายปี แต่ไฟล์ Manifest V3 ได้แทนที่ทั้งคู่ด้วย Actions API ทั่วไป โพสต์นี้จะอธิบายประวัติของ API เหล่านี้และการเปลี่ยนแปลงในไฟล์ Manifest V3
- Chrome
RenderingNG
ในปี 2021 เราได้เสร็จสิ้นขั้นตอนส่วนใหญ่ในการออกแบบ สร้าง และจัดส่ง RenderingNG ซึ่งเป็นสถาปัตยกรรมการแสดงผลรุ่นถัดไปสำหรับ Chromium
- Chromium
พื้นที่เก็บข้อมูลประสิทธิภาพสูงสำหรับแอปของคุณ: Storage Foundation API
Storage Foundation API เสนอ API พื้นที่เก็บข้อมูลซึ่งคล้ายกับระบบไฟล์พื้นฐาน โดยสามารถเข้าถึงข้อมูลที่จัดเก็บไว้ได้โดยตรงผ่านบัฟเฟอร์และออฟเซ็ต
ตรวจสอบว่า CSP มีผลกับการโจมตี XSS
ดูข้อมูลเกี่ยวกับการป้องกันการโจมตี Cross-site Scripting (XSS) ด้วยนโยบายรักษาความปลอดภัยเนื้อหา (CSP) ที่เข้มงวด
TablesNG ได้แก้ไขข้อบกพร่องของ Chromium ทั้ง 72 รายการเพื่อการทำงานร่วมกันที่ดียิ่งขึ้น
-- เครื่องมือการแสดงผลใหม่สำหรับตารางช่วยให้แสดงข้อมูลแบบตารางของผู้เขียนบนเว็บได้สอดคล้องกันยิ่งขึ้น
- Chrome
การปฏิบัติตามกรอบการทำงาน
บทความนี้อธิบายถึงการปฏิบัติตาม ซึ่งเป็นวิธีการที่ใช้ในเฟรมเวิร์กภายใน Google และวิธีวางแผนการจัดให้เนื้อหาเป็นแบบโอเพนซอร์สไปยังระบบนิเวศของเฟรมเวิร์ก JavaScript
- Chrome
ขอแนะนำ Aurora
บทความนี้จะแนะนำ Aurora ซึ่งเป็นโครงการริเริ่มของ Chrome ที่จะทำงานร่วมกันอย่างใกล้ชิดกับเฟรมเวิร์กโอเพนซอร์ส
ขอแนะนำเครื่องมือตรวจสอบหน่วยความจำ
บทความนี้จะแนะนำเครื่องมือตรวจสอบหน่วยความจำที่ใช้งานใน Chrome 91 แล้ว ซึ่งช่วยให้คุณตรวจสอบ ArrayBuffer, TypedArray, DataView และ Wasm Memory ได้
- Chrome
ขอแนะนำ chrome.scripting
Scripting API คือไฟล์ Manifest V3 API ใหม่ซึ่งมุ่งเน้นที่การเขียนสคริปต์ มาเจาะลึกถึงแรงจูงใจของการเปลี่ยนแปลงนี้และความแตกต่างที่เกิดขึ้นกัน
- Chrome
ตรวจสอบเลย์เอาต์ตารางกริดใน CSS
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อดูและเปลี่ยนตารางกริด CSS
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
API ความกดดันการประมวลผล
Compute Pressure แสดงสถานะระดับสูงที่แสดงถึงแรงกดดันของระบบ โซลูชันวิดีโอของ Google จะช่วยให้การใช้งานนี้ใช้เมตริกฮาร์ดแวร์พื้นฐานที่เหมาะสมได้ เพื่อให้มั่นใจว่าผู้ใช้จะได้ใช้ประโยชน์จากพลังการประมวลผลที่มี ตราบใดที่ไม่มีความเครียดที่จัดการไม่ได้
PWA เป็นตัวแฮนเดิล URL
หลังจากลงทะเบียน PWA เป็นเครื่องจัดการ URL แล้ว เมื่อผู้ใช้คลิกไฮเปอร์ลิงก์ที่ตรงกับรูปแบบ URL ที่ลงทะเบียนแล้ว PWA ที่ลงทะเบียนจะเปิดขึ้น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 92)
ตัวแก้ไขตารางกริด CSS, การรองรับการประกาศค่าคงที่ในคอนโซล, เครื่องมือดูลำดับแหล่งที่มา และอื่นๆ
- Chrome
The Chromium Chronicle #21: การทำงานอัตโนมัติของ UI จากต้นทางถึงปลายทางใน ChromeOS
Tast คือไลบรารี UI ใหม่ที่สร้างขึ้นโดยใช้โครงสร้าง Chrome a11y (การช่วยเหลือพิเศษ) เพื่อควบคุม UI ของ ChromeOS ไลบรารีช่วยให้นักพัฒนาซอฟต์แวร์สร้างการทดสอบแบบต้นทางถึงปลายทางกับแพลตฟอร์ม UI ที่มองเห็นได้ได้ง่ายๆ
- Chrome
ใหม่ใน Chrome 91
Chrome 91 กำลังเปิดตัว เว็บแอปที่โต้ตอบกับไฟล์สามารถแนะนำชื่อไฟล์และไดเรกทอรีเมื่อใช้ File System Access API คุณยังสามารถอ่านไฟล์จากคลิปบอร์ดได้อีกด้วย หากเว็บไซต์ของคุณมีโดเมนมากกว่า 1 โดเมน และโดเมนเหล่านั้นใช้แบ็กเอนด์การจัดการบัญชีเดียวกัน คุณสามารถบอก Chrome ว่าเหมือนกันได้ เพื่อให้เครื่องมือจัดการรหัสผ่านแนะนำข้อมูลเข้าสู่ระบบที่ถูกต้องได้ นอกจากนี้ วิดีโอทั้งหมดจาก I/O ก็พร้อมให้รับชมแล้ว รวมถึงอีกมากมาย
- Chrome
เลือกวิธีที่ลิงก์ในขอบเขตเปิด PWA ด้วยการจับภาพลิงก์ประกาศ
การบันทึกลิงก์ประกาศเป็นข้อเสนอสำหรับพร็อพเพอร์ตี้ไฟล์ Manifest ของเว็บแอปชื่อ "capture_links" ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์กำหนดได้อย่างแน่ชัดว่าจะเกิดอะไรขึ้นเมื่อมีการขอให้เบราว์เซอร์ไปยัง URL ที่อยู่ภายในขอบเขตการนำทางของแอปพลิเคชัน จากบริบทที่อยู่นอกขอบเขตการนำทาง
วิธีตั้งค่าแฟล็กเบราว์เซอร์ใน Chromium
สำหรับ API ใหม่บางรายการที่เราเปิดตัวใน Chromium คุณจะต้องตั้งค่า Flag ของเบราว์เซอร์สำหรับการทดสอบ ดูวิธีดำเนินการในผลิตภัณฑ์ต่างๆ ของ Chromium เช่น Google Chrome, Microsoft Edge และอื่นๆ
- Chrome
กิจกรรมบนเว็บที่เชื่อถือได้ซึ่งออฟไลน์เป็นอันดับหนึ่ง
วิธีแสดงหน้าจอออฟไลน์สำรองในกรณีที่ผู้ใช้เปิดแอปเป็นครั้งแรก จะไม่มีการเชื่อมต่อ
การลงทะเบียนตัวแฮนเดิลโปรโตคอลของ URL สําหรับ PWA
หลังจากลงทะเบียน PWA เป็นตัวแฮนเดิลโปรโตคอล เมื่อผู้ใช้คลิกไฮเปอร์ลิงก์ที่มีรูปแบบเฉพาะ เช่น mailto,bitcoin หรือ web+music จากเบราว์เซอร์หรือแอปเฉพาะแพลตฟอร์ม PWA ที่ลงทะเบียนจะเปิดและรับ URL
วิธีที่เราเร่งสแต็กเทรซ Chrome DevTools ได้มากถึง 10 เท่า
วิธีที่เราเพิ่มสแต็กเทรซ Chrome DevTools ได้มากถึง 10 เท่า
- Chrome
สตรีมที่แทรกได้สำหรับ MediaStreamTrack
สตรีมที่แทรกได้สำหรับ MediaStreamTrack เป็นการแสดงเนื้อหาของ MediaStreamTrack ในรูปแบบสตรีมที่สามารถจัดการหรือนำไปใช้สร้างเนื้อหาใหม่ได้
The Chromium Chronicle #20: การควบคุมการทดสอบการเปรียบเทียบ
การเพิ่มการเปรียบเทียบเป็นวิธีง่ายๆ ในการป้องกันการถดถอยด้านประสิทธิภาพและช่วยปรับปรุงประสิทธิภาพ
- Chrome
ตัวแปลงไฟล์ Manifest ของส่วนขยาย
เครื่องมือโอเพนซอร์สเพื่อแปลงส่วนขยายเป็นไฟล์ Manifest V3 คุณยังคงต้องอัปเดตโค้ดใดๆ ก็ตามด้วยตนเองโดยไม่มีการเปลี่ยนแปลงที่ไม่ใช่กลไก เช่น การปรับให้เข้ากับใช้ Service Worker หรือการแทรกสคริปต์บางอย่าง
- Chrome
UI การติดตั้ง PWA ที่สมบูรณ์ยิ่งขึ้น
ข้อมูลเบื้องต้นเกี่ยวกับ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้น พร้อมคำแนะนำเกี่ยวกับวิธีการนำไปใช้
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 91)
ข้อมูล Web Vitals จะปรากฏขึ้น แสดงภาพการเลื่อนได้ของ CSS เครื่องมือตรวจสอบหน่วยความจำใหม่ และอีกมากมาย
- Chrome
การปรับตัวจับเวลาให้สอดคล้องกันด้วยข้อจำกัดการแยกแบบข้ามต้นทาง
ตั้งแต่ Chrome 91 เป็นต้นไป ระบบจะจำกัดความละเอียดของตัวจับเวลาที่อาจไม่เหมาะสมไว้ที่ 100 ไมโครวินาทีในแพลตฟอร์มต่างๆ โดยไม่มีการแยกแบบข้ามต้นทาง
- Chrome
แหล่งข้อมูลที่เข้าถึงได้บนเว็บสำหรับไฟล์ Manifest V3
แหล่งข้อมูลที่เข้าถึงได้บนเว็บสำหรับไฟล์ Manifest V3 อยู่ที่นี่แล้ว ตอนนี้ `manifest.json` รองรับคําจํากัดความของสิทธิ์แล้ว นักพัฒนาซอฟต์แวร์สามารถจำกัดทรัพยากรตามต้นทางของเว็บไซต์หรือรหัสส่วนขยายที่ส่งคำขอ
- Chrome
ใหม่ใน Chrome 90
Chrome 90 กำลังเปิดตัวแล้ว มีค่าใหม่สำหรับพร็อพเพอร์ตี้รายการเพิ่มเติมของ CSS Feature Policy API เปลี่ยนชื่อเป็น "นโยบายสิทธิ์" แล้ว และยังมีวิธีใหม่ในการติดตั้งและใช้ Shadow DOM ใน HTML โดยตรง นอกจากนี้ยังมีอีกมากมาย
- Chrome
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: การย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บไปยัง TypeScript
วิธีที่เราย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome จากตัวตรวจสอบประเภทคอมไพเลอร์ Closure ไปยัง TypeScript
- Chrome
The Chromium Chronicle #19: การพัฒนาที่รวดเร็วขึ้นด้วย CLion
CLion IDE ช่วยให้ไปยังส่วนต่างๆ ของสัญลักษณ์ ค้นหาฐานของโค้ด และอื่นๆ ได้
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 90
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 90 เพื่อช่วยคุณวางแผน
- Chrome
การเพิ่มระดับอันดับไปยังรายงาน CrUX ใน BigQuery
การเพิ่มระดับอันดับไปยังรายงาน CrUX ใน BigQuery
- Chrome
เพิ่มความเร็วรอบการเผยแพร่ของ Google Chrome
ภายในปีนี้ เราวางแผนที่จะลดรอบการเผยแพร่และจัดส่ง Google Chrome เวอร์ชันใหม่ไปยังเวอร์ชันเสถียรทุกๆ 4 สัปดาห์ ซึ่งลดลงจากรอบ 6 สัปดาห์ปัจจุบัน
- Chrome
เอกสารอ้างอิงของ VersionHistory API
ข้อมูลอ้างอิงทางเทคนิคเกี่ยวกับ API บริการทางเว็บของ VersionHistory
คู่มือ VersionHistory API
คำแนะนำวิธีใช้ API บริการทางเว็บ VersionHistory เพื่อเข้าถึงข้อมูลประวัติเวอร์ชันของ Google Chrome ผ่านการเขียนโปรแกรม
ตัวอย่าง API VersionHistory
ตัวอย่างการใช้งาน API บริการทางเว็บของ VersionHistory
ฟีเจอร์ใหม่ใน Chrome 89
Chrome 89 กำลังเปิดตัวแล้ว WebHID, WebNFC และ Web Serial ได้ผ่านช่วงทดลองใช้จากต้นทางและตอนนี้พร้อมใช้งานในเวอร์ชันเสถียรแล้ว เรากำลังปิดช่องโหว่ที่นักพัฒนาซอฟต์แวร์ 2-3 รายใช้ดำเนินการตรวจสอบความสามารถในการติดตั้งของ PWA การแชร์เว็บและเป้าหมายการแชร์เว็บพร้อมให้บริการบนเดสก์ท็อป ยังมีอีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 90)
การสนับสนุนการแก้ไขข้อบกพร่องสำหรับ CSS Flexbox, การแสดงการแจ้งเตือนประสิทธิภาพบนหน้าเว็บ, การอัปเดตแท็บปัญหา และอื่นๆ
- Chrome
การรองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บ
เรารองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บอย่างไร และแตกต่างจาก CSS ทั่วไปอย่างไร
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
การรองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บ
เรารองรับ CSS-in-JS ในเครื่องมือสำหรับนักพัฒนาเว็บอย่างไร และแตกต่างจาก CSS ทั่วไปอย่างไร
เตรียมพร้อมสำหรับโหมดการแสดงผลของวันพรุ่งนี้
พร็อพเพอร์ตี้ display_override ช่วยให้นักพัฒนาแอปกำหนดเชนโฆษณาสำรองที่กำหนดเองซึ่งควรแสดง PWA ของตน
การอัปเดตความสามารถของภาพเคลื่อนไหวแบบเร่งฮาร์ดแวร์
Chromium กำลังอัปเดตความสามารถในการเร่งฮาร์ดแวร์สำหรับภาพเคลื่อนไหว SVG, การเปลี่ยนรูปแบบตามเปอร์เซ็นต์, เส้นทางคลิป, ภาพพื้นหลัง และอื่นๆ
- Chrome
The Chromium Chronicle #18: การครอบคลุมของโค้ด Chromium
การครอบคลุมของการทดสอบจะวัดจำนวนซอร์สโค้ดที่มีการเรียกใช้เมื่อชุดการทดสอบหนึ่งๆ ทำงาน
- Chrome
จัดรูปแบบและจัดรูปแบบข้อความในคอนโซล
ดูวิธีจัดรูปแบบและจัดรูปแบบข้อความในคอนโซล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วันแม่สากลปี 2021
วันภาษาแม่สากลคือการเฉลิมฉลองประจำปีเกี่ยวกับความหลากหลายทางวัฒนธรรมที่จัดขึ้นทั่วโลกในวันที่ 21 กุมภาพันธ์ สถาบันนี้ส่งเสริมการรักษาและปกป้องภาษาที่พูดทั่วโลกและเฉลิมฉลองหลายภาษา
- Chrome
การปรับปรุงการตรวจหาการรองรับออฟไลน์ของ Progressive Web App
การยืนยันการรองรับการใช้งานออฟไลน์เป็นส่วนหนึ่งของเกณฑ์ความสามารถในการติดตั้งของ PWA มาตั้งแต่เริ่มต้น
- Chrome
การปรับปรุงเวลาเริ่มต้นของเครื่องมือสำหรับนักพัฒนาเว็บ
ลดภาระการทำงานของเครื่องมือสำหรับนักพัฒนาเว็บในการจัดส่งข้อความในส่วนหน้า
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 89
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 89 เพื่อช่วยคุณวางแผน
- Chrome
Chromium Chronicle #17: มิกซ์ทดสอบเบราว์เซอร์
เมื่อเขียนการทดสอบเบราว์เซอร์ คุณมักจะต้องการดำเนินการตั้งค่าซึ่งผู้ใช้ทำด้วยตนเองได้ เพื่อช่วยคุณในเรื่องนี้Mixins คือชุดเครื่องมือสำหรับการตั้งค่าการทดสอบเบราว์เซอร์ที่ไม่สำคัญโดยสามารถนำมาใช้ซ้ำได้
- Chrome
รับการชำระเงินผ่านการเรียกเก็บเงินของ Google Play ด้วย Digital Goods API และ Payment Request API
รับการชำระเงินผ่านการเรียกเก็บเงินของ Google Play ใน PWA ด้วย Digital Goods API, Payment Request API และกิจกรรมบนเว็บที่เชื่อถือได้
ทำให้การเลือกทรัพยากรทำงานโดยอัตโนมัติด้วยคำแนะนำสำหรับไคลเอ็นต์
การเพิ่มประสิทธิภาพรูปภาพเป็นเรื่องยากและการทำงานอัตโนมัติคือกุญแจสู่ความสำเร็จ
- Chrome
การย้ายข้อมูล Puppeteer ไปยัง TypeScript
วิธีที่เราย้ายข้อมูล Puppeteer ไปยัง TypeScript
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 89)
แก้ไขข้อบกพร่องการสนับสนุนการละเมิดประเภท Trusted, จับภาพหน้าจอของโหนดนอกเหนือวิวพอร์ต, แท็บโทเค็นความน่าเชื่อถือใหม่สำหรับคำขอเครือข่าย และอื่นๆ
- Chrome
ใหม่ใน Chrome 88
Chrome 88 กำลังเปิดตัวแล้ว คุณสามารถอัปโหลดส่วนขยายโดยใช้ไฟล์ Manifest v3 ไปยัง Chrome เว็บสโตร์ได้แล้ว คุณสมบัติ CSS สัดส่วนภาพช่วยให้สามารถกำหนดสัดส่วนภาพในองค์ประกอบต่างๆ ได้อย่างง่ายดาย ตอนนี้คุณสามารถใช้ Play Billing ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้ รวมถึงฟีเจอร์อื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 88!
- Chrome
การอัปเดต SharedArrayBuffer ใน Android Chrome 88 และ Chrome 92 ในเดสก์ท็อป
SharedArrayBuffer จะพร้อมใช้งานใน Android Chrome 88 และจะพร้อมใช้งานสำหรับหน้าเว็บที่มีการแยกต่างหากแบบข้ามต้นทางเท่านั้น ตั้งแต่ Chrome 92 ในเดสก์ท็อปเป็นต้นไป จะพร้อมใช้งานกับหน้าที่แยกแบบข้ามต้นทางเท่านั้นด้วย คุณลงทะเบียนช่วงทดลองใช้จากต้นทางได้เพื่อรักษาลักษณะการทำงานปัจจุบันไว้จนกว่า Chrome 113 ในเดสก์ท็อป
- Chrome
การควบคุมตัวจับเวลา JS แบบเชนจำนวนมากเริ่มต้นใน Chrome 88
การควบคุมอย่างเข้มงวดจะมีผลเมื่อซ่อนหน้าเว็บนานกว่า 5 นาที หน้าเว็บไม่มีเสียงเป็นเวลาอย่างน้อย 30 วินาที ไม่ได้ใช้งาน WebRTC และเชนของตัวจับเวลาอยู่ที่ 5 ขึ้นไป
- Chrome
Chromium Chronicle #16: การอัปเดต Google Apps บนเดสก์ท็อป
เคยสงสัยไหมว่า Chrome อัปเดตตัวเองบนเดสก์ท็อปอยู่เสมอได้อย่างไร หรือมีการเผยแพร่การอัปเดตไปยัง Chromebook, Chromecast หรือ Android อย่างไร
- Chrome
การแก้ไขข้อบกพร่อง WebAssembly ด้วยเครื่องมือสมัยใหม่
ภาพรวมทีละขั้นตอนของประสบการณ์การแก้ไขข้อบกพร่องแบบใหม่สำหรับ WebAssembly ใน Chrome DevTools
- Chrome
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: ย้ายข้อมูลไปยังคอมโพเนนต์ของเว็บ
เหตุผลและวิธีย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ไปยังคอมโพเนนต์ของเว็บ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 88
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 88 เพื่อช่วยคุณวางแผน
- Chrome
ยินดีต้อนรับสู่ developer.chrome.com ใหม่
ประกาศเกี่ยวกับการปรับปรุงเว็บไซต์ และสรุปแผนการของเราสำหรับปี 2021
- Chrome
มีอะไรใหม่สำหรับเว็บใน Play
เรียนรู้เกี่ยวกับฟีเจอร์ใหม่สำหรับเว็บแอปพลิเคชันที่ใช้กิจกรรมในเว็บซึ่งเชื่อถือได้
ใช้ Google Play Billing
Google Play Billing มีเครื่องมือสำหรับจัดการแคตตาล็อก ราคาและการสมัครใช้บริการ รายงาน และขั้นตอนการชำระเงินที่ทำงานด้วยระบบของ Play Store
เพิ่มแอปไปยัง Play Store
เพิ่ม TWA ลงใน Play Store
โหลดทรัพยากรของบุคคลที่สามแบบ Lazy Loading ด้วย Facade
ดูข้อมูลเกี่ยวกับโอกาสในการโหลดทรัพยากรของบุคคลที่สามแบบ Lazy Loading ด้วย Facade
The Chromium Chronicle #15: การจำกัดระดับการเข้าถึงเป้าหมาย
ใน Chromium โค้ดที่เขียนขึ้นสำหรับคอมโพเนนต์หนึ่งซึ่งจะเป็นประโยชน์ในที่อื่นๆ เป็นเรื่องปกติ แต่อาจมีข้อจำกัดซ่อนอยู่ เพื่อความปลอดภัย โปรดจำกัดการเข้าถึงฟังก์ชันการทำงานที่เป็นอันตรายจากภายนอกโดยการจำกัดระดับการเข้าถึงเป้าหมาย
- Chrome
ใช้ Play Billing ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้
ดูวิธีผสานรวมการเรียกเก็บเงินของ Google Play เข้ากับโปรเจ็กต์กิจกรรมบนเว็บที่เชื่อถือได้
การจำลองภาวะบกพร่องในการมองเห็นสีในเครื่องมือแสดงภาพกะพริบ
เรานำการจำลองภาวะบกพร่องในการมองเห็นสีมาใช้ในเครื่องมือสำหรับนักพัฒนาเว็บและเครื่องมือแสดงภาพกะพริบในเพราะเหตุใด
- Chromium
การกำหนดเวลา JS ที่ดีขึ้นด้วย isInputPending()
JavaScript API ใหม่ที่อาจช่วยคุณหลีกเลี่ยงการตัดกันระหว่างประสิทธิภาพการโหลดและการตอบสนองอินพุต
ใหม่ใน Chrome 87
Chrome 87 กำลังเปิดตัวแล้ว ขณะนี้ คุณสามารถควบคุมการแพน เอียง และซูมเว็บแคมที่รองรับกล้อง คำขอช่วง และโปรแกรมทำงานของบริการไม่จำเป็นต้องใช้การหลีกเลี่ยงปัญหามากนัก API การเข้าถึงแบบอักษรจะเริ่มการทดลองใช้จากต้นทาง และอีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 87!
- Chrome
สูตรสำหรับกล่องงาน
ใช้รูปแบบกล่องงานทั่วไปได้ง่ายๆ โดยไม่ต้องตั้งค่าด้วยตนเองจากแพ็กเกจแต่ละรายการ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 88)
เครื่องมือแสดงภาพมุมของ CSS ใหม่ จำลองประเภทรูปภาพที่ไม่รองรับและโควต้าพื้นที่เก็บข้อมูล ช่องทาง Web Vitals ใหม่ และอื่นๆ
- Chrome
เปิดใช้เป้าหมายการแชร์เว็บในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้
ดูวิธีเปิดใช้เป้าหมายการแชร์เว็บในโปรเจ็กต์โดยใช้กิจกรรมในเว็บที่เชื่อถือได้
Puppetaria: สคริปต์ Puppeteer ที่เน้นการเข้าถึงเป็นหลัก
Puppetaria - สคริปต์ Puppeteer ที่ให้ความสำคัญกับการช่วยเหลือพิเศษเป็นอันดับแรก อนุญาตให้ใช้ตัวแฮนเดิลการค้นหาแบบทางเลือกตามแผนผังการช่วยเหลือพิเศษแทนการพึ่งพาตัวเลือก CSS
- Chrome
ต้องการความคิดเห็น: CORS สำหรับเครือข่ายส่วนตัว (RFC1918)
การส่งต่ออุปกรณ์และเซิร์ฟเวอร์ในเครือข่ายภายในของลูกค้าจำนวนมากไปยังเว็บโดยไม่เจตนาทำให้อุปกรณ์เหล่านี้เสี่ยงต่อการถูกโจมตีที่เป็นอันตราย CORS-RFC1918 เป็นข้อเสนอในการบล็อกคำขอจากเครือข่ายสาธารณะโดยค่าเริ่มต้นในเบราว์เซอร์ และกำหนดให้อุปกรณ์ภายในเลือกรับคำขอดังกล่าว
- Chrome
เกี่ยวกับไฟล์ Manifest V2
เอกสารประกอบสำหรับนักพัฒนาส่วนขยาย Chrome
- ส่วนขยาย Chrome
The Chromium Chronicle #14: การเพิ่มการทดสอบให้กับ Waterfall
หากต้องการตรวจหาการถดถอยสำหรับฟีเจอร์ใหม่ใน Chrome เพิ่มการทดสอบลงใน Waterfall ซึ่งเป็นโครงสร้างพื้นฐานที่ต่อเนื่องและทดสอบของ Chrome!
- Chrome
อนุญาตให้เว็บแอปพลิเคชันที่ติดตั้งไว้เป็นตัวแฮนเดิลไฟล์
ลงทะเบียนแอปเป็นตัวแฮนเดิลไฟล์กับระบบปฏิบัติการ เมื่อเว็บแอป อ่านและเขียนไฟล์ได้ แล้ว ขั้นตอนต่อไปที่สมเหตุสมผลคืออนุญาตให้นักพัฒนาแอปประกาศเว็บแอปเหล่านี้เป็นตัวแฮนเดิลไฟล์สำหรับไฟล์ที่แอปสามารถสร้างและประมวลผลได้ File Handling API
วิธีที่เราสร้างแท็บ WebAuthn ของเครื่องมือสําหรับนักพัฒนาเว็บใน Chrome
วิธีที่เราสร้างแท็บ Chrome DevTools WebAuthn เพื่อช่วยให้นักพัฒนาซอฟต์แวร์เลียนแบบ Authenticator ปรับแต่งความสามารถ และตรวจสอบสถานะได้
การเลิกใช้งานและการนำออกใน Chrome 87
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 87 เพื่อช่วยคุณวางแผน
- Chrome
การประมวลผลวิดีโอด้วย WebCodecs
ทำงานร่วมกับคอมโพเนนต์ของสตรีมวิดีโอ เช่น เฟรมและวิดีโอเสียงที่เข้ารหัสแล้วเป็นกลุ่มที่ไม่ได้ผสม
เพิ่มความปลอดภัยและความเป็นส่วนตัวด้วยการแบ่งพาร์ติชันแคช
การแบ่งพาร์ติชันแคช HTTP ของ Chrome ช่วยรักษาความปลอดภัยและความเป็นส่วนตัวได้ดียิ่งขึ้น
- Chrome
ฟีเจอร์ใหม่ใน Chrome 86
Chrome 86 กำลังเปิดตัวแล้ว ขณะนี้ API การเข้าถึงระบบไฟล์พร้อมให้บริการในเวอร์ชันเสถียรแล้ว มีช่วงทดลองใช้จากต้นทางใหม่สําหรับ Web HID และ API ตําแหน่งหน้าต่างหลายหน้าจอ เรามีสิ่งใหม่ๆ ใน CSS และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 86 กัน!
- Chrome
ช่วงทดลองใช้จากต้นทางของบุคคลที่สาม
ดูวิธีที่ผู้ให้บริการเนื้อหาที่ฝังสามารถทดสอบฟีเจอร์แพลตฟอร์มเว็บใหม่หรือฟีเจอร์ทดลองในหลายๆ เว็บไซต์
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 87)
เครื่องมือแก้ไขข้อบกพร่องของตารางกริด CSS ใหม่, แท็บ Web Authn, เครื่องมือที่ย้ายได้ และแผงแถบด้านข้างที่คำนวณแล้ว
- Chrome
วิธีที่เราสร้างแท็บปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีที่เราสร้างแท็บปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อปรับปรุงประสบการณ์ของนักพัฒนาแอปเกี่ยวกับการค้นพบปัญหาและวิธีแก้ปัญหา
- Chrome
เซ็นเซอร์: จำลองเซ็นเซอร์อุปกรณ์
ใช้แผงเซ็นเซอร์เพื่อลบล้างตำแหน่งทางภูมิศาสตร์ จำลองการวางแนวอุปกรณ์ บังคับสัมผัส และจำลองสถานะไม่มีการใช้งาน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ย้ายข้อมูลจาก Workbox v5 ไปยัง v6
คําแนะนําในการย้ายข้อมูลจาก Workbox v5 ไปยัง v6
การเชื่อมต่อกับอุปกรณ์ HID ที่ไม่ปกติ
WebHID API ช่วยให้เว็บไซต์เข้าถึงแป้นพิมพ์เสริมและเกมแพดที่แปลกใหม่ได้
การจัดการจอแสดงผลหลายรายการด้วย Window Management API
Window Management API ช่วยให้คุณแจกแจงจอแสดงผลที่เชื่อมต่อกับเครื่องและวางหน้าต่างไว้บนหน้าจอที่ต้องการ
รีเฟรชสถาปัตยกรรมเครื่องมือสำหรับนักพัฒนาเว็บ: ย้ายข้อมูลไปยังโมดูล JavaScript
วิธีที่เราย้ายข้อมูลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ไปยังโมดูล JavaScript
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 86
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 86 เพื่อช่วยคุณวางแผน
- Chrome
ใหม่ใน Chrome 85
Chrome 85 กำลังเปิดตัวแล้ว คุณปรับปรุงประสิทธิภาพการแสดงผลได้ด้วยการแสดงเนื้อหา: อัตโนมัติ ตอนนี้คุณสามารถตั้งค่าคุณสมบัติ CSS... ใน CSS ได้แล้ว ตอนนี้คุณก็ตรวจสอบว่ามีการติดตั้งแอป Windows หรือ PWA แล้วหรือไม่โดยใช้ getInstallจัดให้Apps() API หรือไม่ ทางลัดไอคอนแอปสามารถใช้บน Windows ได้เช่นกัน (จริงๆ ในเวลานี้) มีช่วงทดลองใช้จากต้นทางสำหรับการสตรีมการอัปโหลดแบบดึงข้อมูล และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 85!
- Chrome
ใช้แบบอักษรขั้นสูงกับแบบอักษรในเครื่อง
Local Font Access API แจกแจงแบบอักษรในเครื่องของผู้ใช้ และให้สิทธิ์การเข้าถึงระดับต่ำไปยังตาราง TrueType/OpenType ต่างๆ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 86)
แผง "สื่อใหม่", จับภาพหน้าจอของโหนด, การอัปเดตแท็บปัญหา, จำลองแบบอักษรในเครื่องที่หายไป, ผู้ใช้ที่ไม่ได้ใช้งาน และข้อมูลที่ลดความต้องการ
- Chrome
อ่านและเขียนไปยังพอร์ตอนุกรม
Web Serial API เป็นสะพานเชื่อมเว็บกับโลกจริงโดยอนุญาตให้เว็บไซต์สื่อสารกับอุปกรณ์ซีเรียล
เพิ่มส่วนหัวของคำขอ HTTP เพิ่มเติม
คำแนะนำสำหรับการเพิ่มส่วนหัว HTTP CORS ใน Intent แท็บที่กำหนดเอง
นโยบายผู้อ้างอิงเริ่มต้นใหม่สำหรับ Chrome - strict-origin-when-cross-origin
นโยบายผู้อ้างอิงเริ่มต้นใหม่สำหรับ Chrome - strict-origin-when-cross-origin
- Chrome
จับภาพคีย์ด้วย 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 เพื่อช่วยคุณวางแผน
- Chrome
คำขอสตรีมมิงที่มี API การดึงข้อมูล
ตอนนี้ Chromium รองรับการอัปโหลดสตรีมมิงตั้งแต่เวอร์ชัน 105 แล้ว ซึ่งหมายความว่าคุณสามารถเริ่มคำขอก่อนที่จะมีเนื้อหาครอบคลุมทั้งหมด
ฮูดินี่ - ไขข้อข้องใจเกี่ยวกับ CSS
Houdini คือคอลเล็กชันของ API ที่เปิดเผยข้อมูลภายในของเครื่องมือ CSS แก่นักพัฒนาซอฟต์แวร์
ฟีเจอร์ใหม่ใน Chrome 84
Chrome 84 กำลังเปิดตัวแล้ว ผู้ใช้สามารถเริ่มงานทั่วไปภายในแอปได้ด้วยทางลัดของไอคอนแอป Web Animations API เพิ่มการรองรับฟีเจอร์จำนวนมากที่ก่อนหน้านี้ไม่รองรับ Wake Lock และ Content Indexing API พัฒนาขึ้นจากช่วงทดลองใช้จากต้นทาง มีช่วงทดลองใช้จากต้นทางใหม่สำหรับการตรวจจับเมื่อไม่มีการใช้งานและ SIMD และยังมีอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 84 กัน!
- Chrome
การใช้แท็บที่กำหนดเองกับ Android 11
วิธีใช้แท็บที่กำหนดเองกับ Android 11
- Chrome
นำ JavaScript ที่ไม่ได้ใช้ออก
ดูวิธีผ่านการตรวจสอบของ Lighthouse "นำการตรวจสอบ JavaScript ที่ไม่ได้ใช้" ออก
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 85)
การแก้ไขรูปแบบสำหรับเฟรมเวิร์ก CSS-in-JS, Lighthouse 6.0, ฟีเจอร์ JavaScript ใหม่ และอื่นๆ
- Chrome
วิธีใช้ CrUX API
เรียนรู้วิธีใช้ API รายงาน UX ของ Chrome เพื่อรับสิทธิ์เข้าถึงข้อมูลประสบการณ์ของผู้ใช้จริงในหลายล้านเว็บไซต์แบบ RESTful
- รายงาน Chrome UX
การปรับปรุงความเป็นส่วนตัวของผู้ใช้และประสบการณ์ของนักพัฒนาซอฟต์แวร์ด้วยคำแนะนำสำหรับไคลเอ็นต์ User Agent
คำแนะนำสำหรับไคลเอ็นต์ของ User Agent เป็นส่วนขยายใหม่ของ Client Hints API ซึ่งช่วยให้นักพัฒนาแอปเข้าถึงข้อมูลเกี่ยวกับเบราว์เซอร์ของผู้ใช้ในลักษณะที่รักษาความเป็นส่วนตัวและใช้งานง่าย
วิธีสร้างแดชบอร์ด CrUX ใน Looker Studio
Looker Studio คือเครื่องมือแสดงข้อมูลเป็นภาพอันทรงพลังที่ช่วยให้คุณสร้างแดชบอร์ดที่ด้านบนของแหล่งข้อมูลขนาดใหญ่ เช่น รายงาน UX ของ Chrome ได้ ในคู่มือนี้ ให้ดูวิธีสร้างหน้าแดชบอร์ด CrUX ที่กําหนดเองเพื่อติดตามประสบการณ์ของผู้ใช้จากต้นทาง
- รายงาน Chrome UX
วิธีใช้ชุดข้อมูล CrUX BigQuery
ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ BigQuery เพื่อเขียนการค้นหาเทียบกับชุดข้อมูล CrUX เพื่อดูผลลัพธ์เชิงลึกเกี่ยวกับสถานะประสบการณ์ของผู้ใช้บนเว็บ
- รายงาน Chrome UX
การใช้ WebTransport
WebTransport เป็น API ที่รับส่งข้อความแบบ 2 ทิศทางแบบ 2 ทิศทางแบบไคลเอ็นต์เซิร์ฟเวอร์ ดูข้อมูลเพิ่มเติมเกี่ยวกับกรณีการใช้งานและวิธีแสดงความคิดเห็นเกี่ยวกับอนาคตของการนำไปใช้งาน
การเลิกใช้งานและการนำออกใน Chrome 84
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 84 เพื่อช่วยคุณวางแผน
- Chrome
มีอะไรใหม่ใน Lighthouse 6.0
เมตริกใหม่ การอัปเดตคะแนนประสิทธิภาพ การตรวจสอบใหม่ และอื่นๆ วันนี้เราเปิดตัว Lighthouse 6.0 Lighthouse
- Chrome
ใหม่ใน Chrome 83
Chrome 83 กำลังเปิดตัวแล้ว เพิ่มการรองรับประเภทที่เชื่อถือได้ ซึ่งช่วยป้องกันช่องโหว่ของการเขียนสคริปต์ข้ามเว็บไซต์ องค์ประกอบแบบฟอร์มได้รับการปรับโฉมที่สำคัญ มีวิธีใหม่ในการตรวจหาการรั่วไหลของหน่วยความจำ และ API ระบบไฟล์ดั้งเดิมจะเริ่มช่วงทดลองใช้จากต้นทางใหม่พร้อมฟังก์ชันที่เพิ่มเข้ามา มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 83 กัน!
- Chrome
ตรวจหาผู้ใช้ที่ไม่ได้ใช้งานด้วย Idle Detection API
Idle Detection API จะแจ้งนักพัฒนาซอฟต์แวร์เมื่อผู้ใช้ไม่มีความเคลื่อนไหว ซึ่งหมายถึงสิ่งต่างๆ เช่น ไม่มีการโต้ตอบกับแป้นพิมพ์ เมาส์ หน้าจอ การเปิดใช้งานโปรแกรมรักษาหน้าจอ การล็อกหน้าจอ หรือการย้ายไปยังหน้าจออื่น เกณฑ์ที่นักพัฒนาแอปกำหนดจะทริกเกอร์การแจ้งเตือน
ปัญหา: ค้นหาและแก้ไขปัญหา
ใช้แผงปัญหาเพื่อค้นหาและแก้ไขปัญหาเกี่ยวกับเว็บไซต์
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การจัดการการแทรกแซงโฆษณาที่ใช้ทรัพยากรมาก
การจัดการการแทรกแซงโฆษณาที่ใช้ทรัพยากรมาก
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 84)
แท็บ "ปัญหา" ใหม่ ข้อมูลการช่วยเหลือพิเศษในเคล็ดลับเครื่องมือของโหมดตรวจสอบ และอื่นๆ
- Chrome
ไม่มีการประกาศชุดอักขระหรือประกาศช้าเกินไปใน HTML
ดูวิธีเพิ่มการประกาศการเข้ารหัสอักขระลงใน HTML ของคุณ
การเลิกใช้งานและการนำออกใน Chrome 83
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 83 เพื่อช่วยคุณวางแผน
- Chrome
ฟีเจอร์ใหม่ใน Chrome 81
Chrome 81 กำลังเปิดตัวแล้ว ป้ายไอคอนแอปที่ติดสถานะว่าออกจากช่วงทดลองใช้จากต้นทาง การทดสอบ Hit สำหรับ Augmented Reality พร้อมให้ใช้งานในเบราว์เซอร์แล้ว เว็บ NFC เริ่มช่วงทดลองใช้จากต้นทาง และเรามีข้อมูลอัปเดตเกี่ยวกับกำหนดการเผยแพร่ Chrome ที่มีการปรับเปลี่ยน มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 81 กัน!
- Chrome
WebSocketStream: การผสานรวมสตรีมกับ WebSocket API
WebSocketStream ผสานรวมสตรีมกับ WebSocket API ซึ่งจะช่วยให้แอปใช้ Backpressure กับข้อความที่ได้รับได้
The Chromium Chronicle #13: การแก้ไขข้อบกพร่องเกี่ยวกับการเดินทางข้ามเวลาด้วย RR
หากคุณทำการทดสอบเดียวกันซ้ำๆ ในโปรแกรมแก้ไขข้อบกพร่อง และพยายามหาวิธีว่าโค้ดอยู่ในสถานะที่ไม่ดีหรือไม่ เรามีเครื่องมือให้คุณ RR จะบันทึกการติดตามการดำเนินการ ซึ่งทำให้ง่ายต่อการย้อนกลับ เรียกใช้ย้อนหลัง ดูว่าตัวแปรเปลี่ยนแปลงค่าใดหรือเมื่อใดที่มีการเรียกใช้ฟังก์ชันล่าสุดกับออบเจ็กต์
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 83)
จำลองความบกพร่องในการมองเห็นสี จำลองภาษา การแก้ไขข้อบกพร่อง COOP และ COEP และอื่นๆ อีกมากมาย
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 81
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 81 เพื่อช่วยคุณวางแผน
- Chrome
โต้ตอบกับอุปกรณ์ NFC ใน Chrome สำหรับ Android
ตอนนี้ Chrome สำหรับ Android สามารถอ่านและเขียนแท็ก NFC ได้แล้ว
การเพิ่มข้อมูลสิทธิ์การแจ้งเตือนลงในรายงานประสบการณ์ของผู้ใช้ Chrome
เพื่อช่วยให้เจ้าของเว็บไซต์เข้าใจเมตริกของสิทธิ์การแจ้งเตือน เราจะเพิ่มข้อมูลนี้ลงในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) ในชุดข้อมูลปี 202001 เพื่อให้เจ้าของเว็บไซต์เข้าใจมากขึ้นเกี่ยวกับการตอบกลับสิทธิ์การแจ้งเตือนผู้ใช้ทั่วไปสําหรับเว็บไซต์ของตนและเว็บไซต์ที่คล้ายกันในหมวดหมู่ของตน
- Chrome
The Chromium Chronicle #10: การจับการถดถอยของ UI ด้วยการทดสอบ Pixel
กลยุทธ์การทดสอบของ Chrome อาศัยการทดสอบความถูกต้องของฟังก์ชันการทำงานแบบอัตโนมัติและการทดสอบด้วยตนเองเป็นหลัก แต่ทั้งนี้เครื่องมือดังกล่าวก็ไม่ได้ตรวจพบการถดถอย UI เล็กน้อยที่ไม่มีประสิทธิภาพเลย ใช้การทดสอบพิกเซลเพื่อทดสอบ UI ของเบราว์เซอร์บนเดสก์ท็อปโดยอัตโนมัติ
- Chrome
คู่มือการผสานรวม
ดูวิธีใช้กิจกรรมบนเว็บที่เชื่อถือได้ในแอป Android
การใช้ API ระดับต่ำของแท็บที่กำหนดเอง
ดูวิธีใช้แท็บที่กำหนดเองโดยไม่มีไลบรารีการรองรับเบราว์เซอร์ androidx
ฟีเจอร์ใหม่ใน Chrome 80
Chrome 80 กำลังเปิดตัว และพร้อมฟีเจอร์ใหม่ๆ มากมายสำหรับนักพัฒนาซอฟต์แวร์! รองรับโมดูลสำหรับผู้ปฏิบัติงาน, การสร้างห่วงโซ่แบบไม่บังคับ, ช่วงทดลองใช้จากต้นทางใหม่, ฟีเจอร์ที่ผ่านช่วงทดลองใช้จากต้นทางแล้ว และอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 80 กัน!
- Chrome
เลย์ออฟแผ่นดิน
ภาพรวมของไลบรารีและเครื่องมือสำหรับการสร้างกิจกรรมบนเว็บที่เชื่อถือได้
ตรวจสอบว่าอุปกรณ์ Android มีเบราว์เซอร์ที่รองรับแท็บที่กำหนดเองหรือไม่
เรียนรู้วิธีตรวจสอบว่าอุปกรณ์ Android มีเบราว์เซอร์ที่สนับสนุนแท็บที่กำหนดเองหรือไม่
เปิดแท็บที่กำหนดเองสำหรับลิงก์ใน WebView
รวม WebView และแท็บที่กำหนดเองเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น
ภาพรวมของแท็บที่กำหนดเองใน Android
ดูว่าเมื่อใดควรใช้แท็บที่กำหนดเองของ Android เพื่อเปิด URL ในแอป Android
ภาพรวม
ดูวิธีผสานรวม Progressive Web App กับแอป Android ด้วยกิจกรรมบนเว็บและเว็บที่เชื่อถือได้ได้อย่างราบรื่น
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 81)
Moto G4 ในโหมดอุปกรณ์ ฟีเจอร์ใหม่ที่เกี่ยวข้องกับคุกกี้ และอื่นๆ
- Chrome
กิจกรรมบนเว็บที่เชื่อถือได้หลายต้นทาง
วิธีสร้างแอปพลิเคชัน 1 รายการโดยใช้กิจกรรมบนเว็บที่เชื่อถือได้ซึ่งรองรับการเปิดหลายต้นทางแบบเต็มหน้าจอ
การส่งข้อมูลไปยังกิจกรรมบนเว็บที่เชื่อถือได้โดยใช้พารามิเตอร์การค้นหา
วิธีส่งข้อมูลจาก Native Shell ไปยังเว็บแอปพลิเคชันเมื่อเปิดใช้งานกิจกรรมบนเว็บที่เชื่อถือได้
android-browser-help ไลบรารีใหม่สำหรับการสร้างกิจกรรมบนเว็บที่เชื่อถือได้
ขอแนะนำ android-browser-helper ซึ่งเป็นไลบรารีใหม่สำหรับการสร้างกิจกรรมบนเว็บที่เชื่อถือได้
การแสดงผลเนื้อหาขนาดใหญ่ที่สุด
ดูข้อมูลเกี่ยวกับเมตริก Largest Contentful Paint ของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
การเลิกใช้งานและการนำออกใน Chrome 80
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 80 เพื่อช่วยคุณวางแผน
- Chrome
ย้ายข้อมูลจาก Workbox v4 ไปยัง v5
คําแนะนําในการย้ายข้อมูลจาก Workbox v4 ไปยัง v5
Chromium Chronicle #9: ClusterFuzz
ระบบอาจขอให้คุณแก้ไขข้อบกพร่องด้านความปลอดภัยที่มีลำดับความสำคัญสูงที่ ClusterFuzz พบ สิ่งนี้คืออะไร คุณควรให้ความสำคัญกับข้อบกพร่องเหล่านั้นอย่างจริงจังไหม คุณจะช่วยอะไรได้บ้าง
- Chrome
การจัดทำดัชนีหน้าที่สามารถใช้งานแบบออฟไลน์ด้วย 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
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 80)
รองรับการประกาศ Let และคลาสในคอนโซล, การแก้ไขข้อบกพร่อง WebAssembly ที่ปรับปรุงแล้ว และอื่นๆ
- Chrome
การปรับปรุงการแก้ไขข้อบกพร่อง WebAssembly ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้ามโค้ด ตั้งเบรกพอยท์ และแก้ไขสแต็กเทรซในภาษาต้นฉบับจากภายในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
Chromium Chronicle #8: GWP-ASan: ตรวจหาข้อบกพร่องในธรรมชาติ
GWP-ASan เป็นเครื่องตรวจจับข้อผิดพลาดของหน่วยความจําแบบฮีปเท่านั้นที่ออกแบบมาเพื่อใช้งานในป่า โดยจะตรวจจับช่วงการใช้งานหลังช่วงใช้ฟรี บัฟเฟอร์ล้น/ส่วนไหลลดหลั่นกัน และปล่อยว่าง 2 ครั้ง แต่จะไม่ตรวจหาข้อผิดพลาดในกลุ่มหรือใน globals ซึ่งต่างจาก ASan
- Chrome
เริ่มต้นใช้งานเว็บ Bundle
แพ็กเกจเว็บช่วยให้คุณแชร์เว็บไซต์เป็นไฟล์เดียวผ่านบลูทูธและเรียกใช้แบบออฟไลน์ได้ในบริบทของต้นทาง
ประสบการณ์ออฟไลน์ที่สมบูรณ์ยิ่งขึ้นด้วย Periodic Background Sync API
การซิงค์ในเบื้องหลังตามระยะเวลาช่วยให้เว็บแอปพลิเคชันสามารถซิงค์ข้อมูลเป็นระยะๆ ในเบื้องหลัง ทำให้เว็บแอปทำงานในลักษณะเดียวกับแอป iOS/Android/เดสก์ท็อปมากขึ้น
การรับข้อมูลที่แชร์กับ Web Share Target API
บนอุปกรณ์เคลื่อนที่หรือเดสก์ท็อป การแชร์ควรทำได้ง่ายๆ ด้วยการคลิกปุ่ม "แชร์" เลือกแอป และเลือกว่าจะแชร์กับใคร Web Share Target API ช่วยให้เว็บแอปที่ติดตั้งไว้สามารถลงทะเบียนกับระบบปฏิบัติการที่รองรับเพื่อรับเนื้อหาที่แชร์
การเลิกใช้งานและการนำออกใน Chrome 79
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 79 เพื่อช่วยคุณวางแผน
- Chrome
API ทริกเกอร์การแจ้งเตือน
Notification ทริกเกอร์ API ช่วยให้นักพัฒนาซอฟต์แวร์กำหนดเวลาการแจ้งเตือนในเครื่องที่ไม่ต้องใช้การเชื่อมต่อเครือข่ายได้ ซึ่งทำให้เหมาะสำหรับ Use Case อย่างแอปปฏิทิน
The Chromium Chronicle #7: แหล่งที่มาก่อนการประมวลผล
การคอมไพล์ไฟล์แหล่งที่มา Chromium ไฟล์เดียวด้วยตนเองจะช่วยให้นักพัฒนาซอฟต์แวร์ทดลองใช้ตัวเลือกการเพิ่มประสิทธิภาพของคอมไพเลอร์ ทำความเข้าใจรายละเอียดเล็กๆ น้อยๆ ของมาโคร หรือลดข้อบกพร่องของคอมไพเลอร์ได้ ในเดือนนี้ เราจะมาดูวิธีประมวลผลแหล่งที่มาล่วงหน้ากัน
- Chrome
สิ่งใหม่ๆ ใน Chrome 78
Chrome 78 กำลังเปิดตัวแล้ว ตอนนี้คุณระบุ "ประเภท" สำหรับตัวแปร CSS ได้แล้ว คุณจะได้รับโปรแกรมทำงานที่ใหม่ขึ้น เนื่องจากตอนนี้ระบบได้ทำการตรวจสอบแบบไบต์ต่อไบต์สำหรับสคริปต์ที่นําเข้าโดย ImportScripts() และเรามีรายละเอียดของช่วงทดลองใช้จากต้นทางใหม่ 2 รายการซึ่งมีฟังก์ชันการทำงานใหม่ที่น่าสนใจ รวมถึงระบบไฟล์แบบเนทีฟและ SMS Receiver และจะมีการประชุม Chrome DevSummit ในวันที่ 11-12 พฤศจิกายน 2019 ด้วย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 78 กัน!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 79)
แก้ไขข้อบกพร่องสาเหตุที่คุกกี้ถูกบล็อก, จำลอง Preferreds-color-scheme: มืด การอัปเดตการครอบคลุมของโค้ด และอื่นๆ
- Chrome
เวลาทั้งหมดในการบล็อก
ดูข้อมูลเกี่ยวกับเมตริกเวลาการบล็อกรวมของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ยืนยันหมายเลขโทรศัพท์บนเว็บด้วย WebOTP API
การค้นหา การจดจำ และการพิมพ์ OTP ที่ส่งผ่าน SMS นั้นยุ่งยาก WebOTP API ลดความซับซ้อนของเวิร์กโฟลว์ OTP สำหรับผู้ใช้
The Chromium Chronicle #6: มุมมองตารางของรางเดี่ยว
Monorail ติดตามปัญหาของ Chrome มีมุมมองแบบตารางที่ช่วยให้คุณแสดงภาพปัญหาของคุณในกระดานรูปแบบ Kanban เนื้อหาตอนนี้อธิบายวิธีใช้โหมดตารางกริด
- Chrome
โปรแกรมทำงานของบริการที่ใหม่กว่าโดยค่าเริ่มต้น
คำขอ HTTP ที่ตรวจหาอัปเดตสคริปต์โปรแกรมทำงานของบริการจะไม่ทำการตอบสนองโดยแคช HTTP โดยค่าเริ่มต้น และสคริปต์ที่นำเข้าสามารถเรียกใช้โฟลว์การอัปเดตโปรแกรมทำงานของบริการได้
- Chrome
คะแนนการช่วยเหลือพิเศษของ Lighthouse
ดูวิธีที่ Lighthouse สร้างคะแนนการช่วยเหลือพิเศษสำหรับหน้าของคุณ
การเลิกใช้งานและการนำออกใน Chrome 78
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 78 เพื่อช่วยคุณวางแผน
- Chrome
การให้คะแนนประสิทธิภาพของ Lighthouse
ดูวิธีที่ Lighthouse สร้างคะแนนประสิทธิภาพโดยรวมของหน้าเว็บ
ฟีเจอร์ใหม่ใน Chrome 77
Chrome 77 กำลังเปิดตัวแล้ว เรามีวิธีที่ดีกว่าในการติดตามประสิทธิภาพของเว็บไซต์เมื่อใช้ Largest Contentful Paint ฟอร์มมีความสามารถใหม่ๆ การโหลดแบบ Lazy Loading เนทีฟพร้อมให้ใช้งานแล้ว การประชุม Chrome DevSummit จะจัดขึ้นในวันที่ 11-12 พฤศจิกายน 2019 และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 77 กัน!
- Chrome
แก้ไขข้อบกพร่องบริการที่ทำงานอยู่เบื้องหลัง
ดูรายงานและแก้ไขข้อบกพร่องของบริการในเบื้องหลัง เช่น การดึงข้อมูลในเบื้องหลัง การซิงค์ในเบื้องหลัง การแจ้งเตือน ข้อความพุช และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 78)
Lighthouse 5.2 ในแผงการตรวจสอบ และ Largest Contentful Paint ในแผงประสิทธิภาพ
- Chrome
คู่มือเริ่มใช้งานฉบับย่อ
คำแนะนำในการเริ่มต้นสร้างกิจกรรมบนเว็บและแอปที่เชื่อถือได้แบบพื้นฐาน
เริ่มต้นใช้งาน GPU Compute บนเว็บ
โพสต์นี้จะอธิบาย WebGPU API รุ่นทดลองผ่านตัวอย่างและช่วยให้คุณเริ่มต้นใช้งานการประมวลผลข้อมูลคู่ขนานโดยใช้ GPU
The Chromium Chronicle #5: การเขียนโค้ดนอกแซนด์บ็อกซ์
โค้ดทั้งหมดมีข้อบกพร่อง กระบวนการของเบราว์เซอร์ Chrome ไม่มีแซนด์บ็อกซ์ ซึ่งหมายความว่าข้อบกพร่องเหล่านั้นอาจทำให้โค้ดที่เป็นอันตรายเข้าถึงทั้งอุปกรณ์ได้โดยสมบูรณ์ ตอนนี้จะอธิบายสิ่งที่ควรทำและไม่ควรทำในการเขียนโค้ดโดยไม่ต้องใช้แซนด์บ็อกซ์
- Chrome
ดูประสิทธิภาพของโค้ดด้วย ReportingObserver API
ReportingObserver จะแจ้งให้คุณทราบเมื่อเว็บไซต์ของคุณใช้ API ที่เลิกใช้งานแล้วหรือเมื่อมีการแทรกแซงเบราว์เซอร์ ฟังก์ชันการทำงานพื้นฐานเดิมอยู่ใน Chrome 69 ตั้งแต่ Chrome 84 เป็นต้นไป จะใช้ได้ในผู้ปฏิบัติงาน ค่อนข้างง่าย
การเลิกใช้งานและการนำออกใน Chrome 77
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 77 เพื่อช่วยคุณวางแผน
- Chrome
เครื่องมือเลือกรายชื่อติดต่อสำหรับเว็บ
การเข้าถึงรายชื่อติดต่อของผู้ใช้เป็นฟีเจอร์หนึ่งของแอป iOS/Android ตั้งแต่ (เกือบ) รุ่งเช้า Contact Picker API คือ API แบบออนดีมานด์ที่อนุญาตให้ผู้ใช้เลือกรายการ/ข้อมูลจากรายการติดต่อ และแชร์รายละเอียดแบบจำกัดของรายชื่อติดต่อที่เลือกกับเว็บไซต์ได้ ทำให้ผู้ใช้แชร์เฉพาะสิ่งที่ต้องการในเวลาที่ต้องการ รวมถึงช่วยให้ผู้ใช้เข้าถึงและติดต่อกับเพื่อนและครอบครัวได้ง่ายขึ้น
ฟีเจอร์ใหม่ใน Chrome 76
Chrome 76 กำลังเปิดตัวแล้ว เพิ่มการรองรับการค้นหาสื่อที่ต้องการตามสี และนำโหมดมืดไปยังเว็บไซต์ต่างๆ ปุ่มติดตั้งในแถบอเนกประสงค์เพื่อให้การติดตั้ง Progressive Web App บนเดสก์ท็อปทำได้ง่ายขึ้น วิธีป้องกันไม่ให้แถบข้อมูลเล็กๆ ปรากฏในอุปกรณ์เคลื่อนที่ เพิ่มความถี่ในการอัปเดต WebAPK และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 76!
- Chrome
The Chromium Chronicle #4: ทดสอบฟีเจอร์แพลตฟอร์มเว็บของคุณด้วย WPT
การทดสอบแพลตฟอร์มเว็บ (WPT) เป็นวิธีที่ควรใช้ในการทดสอบฟีเจอร์ที่เปิดเผยบนเว็บ เนื่องจากจะมีการแชร์กับเบราว์เซอร์อื่นๆ ผ่าน GitHub ในเดือนนี้ เราจะมาดูแนวทางปฏิบัติแนะนำของ WPT กัน
- Chrome
การอัปเดตสื่อใน Chrome 75
คาดการณ์ว่าการเล่นจะเป็นไปอย่างราบรื่นและประหยัดพลังงานสำหรับสื่อที่เข้ารหัสและการรองรับองค์ประกอบวิดีโอ "playsinline" คำแนะนำแอตทริบิวต์
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 77)
คัดลอกรูปแบบองค์ประกอบ แสดงภาพการเปลี่ยนเลย์เอาต์ และอื่นๆ
- Chrome
อัปเดตคอมโพเนนต์เว็บ - มีเวลามากขึ้นในการอัปเกรดเป็น API เวอร์ชัน 1
ผู้ใช้ Web Components v0 มีเวลามากขึ้นในการอัปเกรดเป็น v1 แต่อย่าลืมตรวจสอบและทดสอบ
- Chrome
The Chromium Chronicle #3: การครอบคลุมของโค้ดใน Gerrit
การทดสอบมีความสำคัญมากเนื่องจากพบข้อบกพร่องและการถดถอย บังคับใช้การออกแบบที่ดีขึ้นและทำให้ดูแลรักษาโค้ดได้ง่ายขึ้น ในเดือนนี้ เราจะมาดูวิธีทำการทดสอบอย่างละเอียดกับ Gerrit
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 76
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 76 เพื่อช่วยคุณวางแผน
- Chrome
การอัปเดต WebAPK ให้บ่อยขึ้น
ตั้งแต่ Chrome 76 เป็นต้นไป WebAPK จะได้รับการอัปเดตบ่อยขึ้น
- Chrome
LayoutNG
เครื่องมือเลย์เอาต์ใหม่สำหรับ Chromium
- Chrome
ฟีเจอร์ใหม่ใน Chrome 75
Chrome 75 กำลังเปิดตัวแล้ว มีวิธีใหม่ในการลดเวลาในการตอบสนองขององค์ประกอบ Canvas เว็บแอปจะแชร์ไฟล์กับแอปอื่นๆ ที่ติดตั้งไว้ได้โดยใช้ชีตการแชร์ระดับระบบ การสนทนาทั้งหมดจาก Google I/O จะอยู่ในช่อง YouTube ของเรา และอื่นๆ อีกมากมาย มาดูรายละเอียดกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 75!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 76)
เติมข้อความอัตโนมัติด้วยค่า CSS, UI ใหม่สำหรับการตั้งค่าเครือข่าย และอื่นๆ
- Chrome
The Chromium Chronicle #2: ความไม่สม่ำเสมอในการทดสอบการต่อสู้
การทดสอบที่ไม่น่าเชื่อถือเป็นปัญหาที่พบได้ทั่วไปใน Chrome ซึ่งส่งผลต่อประสิทธิภาพการทำงานของนักพัฒนาซอฟต์แวร์รายอื่นๆ และถูกปิดใช้งานเมื่อเวลาผ่านไป ในเดือนนี้ เราจะมาดูวิธีต่อสู้กับการทดสอบความไม่สม่ำเสมอกัน
- Chrome
คุณซ่อนแถบข้อมูลขนาดเล็กของ "เพิ่มลงในหน้าจอหลัก" ได้ใน Chrome 76
การเพิ่มการควบคุมเพิ่มเติมให้กับแถบข้อมูลขนาดเล็กสำหรับ PWA ใน Chrome 76
- Chrome
Augmented Reality กับผู้ดูโมเดล
ในเดือนกุมภาพันธ์ เราได้เปิดตัวคอมโพเนนต์เว็บโปรแกรมดูโมเดลที่ช่วยให้คุณเพิ่มโมเดล 3 มิติลงในหน้าเว็บได้ ตอนนี้เราขอประกาศการรองรับ AR ใน Android โดยเพิ่มแอตทริบิวต์ ar
- Chrome
Paint Holding - ลดแฟลชสีขาวในการนำทางที่ต้นทางเดียวกัน
ภาพรวมคร่าวๆ ของการถือสี ฟีเจอร์ Chrome สำหรับลดแฟลชสีขาวในการนำทางต้นทางเดียวกัน
- Chrome
หลีกเลี่ยงการเปลี่ยนเส้นทางหลายหน้า
เรียนรู้สาเหตุที่ทำให้การเปลี่ยนเส้นทางหน้าเว็บทำให้ความเร็วในการโหลดหน้าเว็บของคุณช้าลง และวิธีหลีกเลี่ยง
เป้าหมายการแตะมีขนาดที่ไม่เหมาะสม
ดูข้อมูลเกี่ยวกับ "เป้าหมายการแตะมีขนาดที่ไม่เหมาะสม" การตรวจสอบ Lighthouse
เอกสารใช้ปลั๊กอิน
ดูข้อมูลเกี่ยวกับ "เอกสารที่ใช้ปลั๊กอิน" การตรวจสอบ Lighthouse
ลดขนาด CSS
ดูข้อมูลเกี่ยวกับการตรวจสอบ Unminified-css
ลดผลกระทบของโค้ดของบุคคลที่สาม
ดูว่าโค้ดของบุคคลที่สาม เช่น เครือข่ายโฆษณาและบริการการวิเคราะห์ ส่งผลต่อประสิทธิภาพในการโหลดหน้าเว็บอย่างไร และวิธีเพิ่มประสิทธิภาพโค้ดของบุคคลที่สาม
ลิงก์ไปปลายทางแบบข้ามต้นทางไม่ปลอดภัย
ดูวิธีลิงก์กับทรัพยากรในโฮสต์อื่นอย่างปลอดภัย
ส่วนควบคุมแบบอินเทอร์แอกทีฟสามารถโฟกัสแป้นพิมพ์ได้
ดูวิธีทำให้การควบคุมที่กำหนดเองในหน้าเว็บโฟกัสได้ เพื่อให้ผู้ใช้แป้นพิมพ์เข้าถึงได้
บันทึกข้อผิดพลาดของเบราว์เซอร์ลงในคอนโซลแล้ว
ดูวิธีระบุและแก้ไขข้อผิดพลาดของเบราว์เซอร์
ซ่อนเนื้อหานอกหน้าจอจากเทคโนโลยีความช่วยเหลือพิเศษ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษสำหรับผู้ใช้เทคโนโลยีอำนวยความสะดวกสำหรับผู้พิการโดยการซ่อนเนื้อหานอกหน้าจอจากเทคโนโลยีความช่วยเหลือพิเศษ
การแสดงผลที่มีเนื้อหาเต็มครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First Contentful Paint ของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
มีไลบรารี JavaScript ส่วนหน้าที่มีช่องโหว่ด้านความปลอดภัย
เรียนรู้วิธีทำให้หน้าเว็บของคุณปลอดภัยยิ่งขึ้นด้วยการแทนที่ไลบรารี JavaScript ที่มีช่องโหว่ที่ทราบแล้ว
ลดเวลาในการตอบกลับของเซิร์ฟเวอร์
ดูข้อมูลเกี่ยวกับการตรวจสอบเวลาในการตอบกลับของเซิร์ฟเวอร์
เวลาในการตอบสนองต่ออินพุตโดยประมาณ
ดูข้อมูลเกี่ยวกับเมตริกเวลาในการตอบสนองต่ออินพุตโดยประมาณของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ลดขนาด JavaScript
ดูข้อมูลเกี่ยวกับการตรวจสอบ JavaScript ที่ไม่มีข้อมูลสรุป
แสดงรูปภาพที่มีสัดส่วนภาพไม่ถูกต้อง
ดูวิธีแสดงรูปภาพที่ปรับเปลี่ยนตามอุปกรณ์ด้วยสัดส่วนภาพที่ถูกต้อง
หน้าเว็บไม่มี DOCTYPE HTML ดังนั้นจึงทริกเกอร์โหมดที่ไม่มาตรฐาน
เรียนรู้วิธีตรวจสอบว่าหน้าเว็บไม่ทริกเกอร์โหมดที่ไม่มาตรฐานในเบราว์เซอร์รุ่นเก่า
เอกสารไม่ได้ใช้ขนาดตัวอักษรที่อ่านได้ชัดเจน
ดูข้อมูลเกี่ยวกับ "เอกสาร'ไม่ใช้ขนาดแบบอักษรที่อ่านง่าย" การตรวจสอบ Lighthouse
ขอสิทธิ์การแจ้งเตือนในการโหลดหน้าเว็บ
เรียนรู้วิธีขอสิทธิ์การแจ้งเตือนอย่างมีความรับผิดชอบในลักษณะที่มอบประสบการณ์ที่ดีให้แก่ผู้ใช้
ลำดับภาพในหน้าเว็บเป็นไปตามลำดับ DOM
ดูข้อมูลเกี่ยวกับการตรวจสอบการเรียงลำดับตามภาพ
แสดงรูปภาพในรูปแบบที่ทันสมัย
ดูข้อมูลเกี่ยวกับการตรวจสอบ use-webp-images
ใช้องค์ประกอบจุดสังเกตของ HTML5 เพื่อปรับปรุงการนำทาง
ดูวิธีปรับปรุงการเข้าถึงหน้าเว็บด้วยการให้จุดสังเกตที่ผู้ใช้แป้นพิมพ์ใช้นำทางได้
องค์ประกอบแบบอินเทอร์แอกทีฟระบุวัตถุประสงค์และสถานะ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษของตัวควบคุมที่กำหนดเองในหน้าเว็บโดยทำให้ผู้ใช้ทุกคนทราบวัตถุประสงค์และสถานะได้อย่างชัดเจน
หลีกเลี่ยงการเชนคำขอที่สำคัญ
เรียนรู้ว่าเชนคำขอที่สำคัญคืออะไร ส่งผลต่อประสิทธิภาพของหน้าเว็บอย่างไร และคุณจะสามารถลดผลกระทบได้อย่างไรบ้าง
ป้องกันไม่ให้ผู้ใช้วางข้อมูลในช่อง
ดูวิธีปรับปรุงประสบการณ์ของผู้ใช้ในหน้าจอการเข้าสู่ระบบของเว็บไซต์โดยการอนุญาตให้ผู้ใช้วางข้อมูลลงในช่องป้อนข้อมูล
ตรวจพบไลบรารี JavaScript
ดูข้อมูลเกี่ยวกับการตรวจสอบ "ไลบรารี JavaScript ที่ตรวจพบ" การวินิจฉัยของ Lighthouse
robots.txt ไม่ถูกต้อง
ดูข้อมูลเกี่ยวกับ "robots.txt ไม่ถูกต้อง" การตรวจสอบ Lighthouse
หน้าเว็บมีลําดับแท็บที่สมเหตุสมผล
เรียนรู้วิธีช่วยให้ผู้ใช้แป้นพิมพ์ไปยังส่วนต่างๆ ในหน้าเว็บของคุณได้ง่ายขึ้น โดยการวางตัวกั้นแท็บตามลำดับที่สมเหตุสมผล
จุดมุ่งเน้นของผู้ใช้จะถูกนำไปยังเนื้อหาใหม่ที่เพิ่มลงในหน้าเว็บ
ดูวิธีเปลี่ยนแปลงสถานะของเว็บแอปซึ่งผู้ใช้เทคโนโลยีอำนวยความสะดวกเข้าใจได้โดยย้ายโฟกัสไปยังเนื้อหาที่เพิ่มใหม่
ควบคุมให้จำนวนคำขอมีไม่มากและการโอนมีขนาดเล็ก
ดูว่าทรัพยากรจำนวนมากและการโอนขนาดใหญ่ส่งผลต่อประสิทธิภาพการโหลดอย่างไร ดูกลยุทธ์ในการลดจำนวนคำขอและขนาดการโอน
การแสดงผลเวลาในการตอบสนองต่ำพร้อมคำแนะนำแบบไม่พร้อมกัน
แอปพลิเคชันการวาดที่ใช้สไตลัสที่สร้างขึ้นสำหรับเว็บประสบปัญหาด้านเวลาในการตอบสนองเนื่องจากหน้าเว็บต้องซิงค์ข้อมูลอัปเดตกราฟิกกับ DOM คำแนะนำที่ไม่ซิงค์สำหรับบริบทจะข้าม DOM ไปเพื่อลดเวลาในการตอบสนอง
- Chrome
ใช้ document.write()
เรียนรู้วิธีเร่งความเร็วในการโหลดหน้าเว็บโดยการหลีกเลี่ยง document.write()
นำ CSS ที่ไม่ได้ใช้ออก
ดูข้อมูลเกี่ยวกับการตรวจสอบกฎที่ไม่ได้ใช้
ขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์ในการโหลดหน้าเว็บ
ดูวิธีขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์อย่างมีความรับผิดชอบในลักษณะที่ให้ประสบการณ์ที่ดีแก่ผู้ใช้
เอกสารไม่มีคำอธิบายเมตา
เรียนรู้เกี่ยวกับ "เอกสารไม่มีคำอธิบายเมตา" การตรวจสอบ Lighthouse
เข้ารหัสรูปภาพอย่างมีประสิทธิภาพ
ดูข้อมูลเกี่ยวกับการตรวจสอบการใช้รูปภาพที่เพิ่มประสิทธิภาพ
ใช้รูปแบบวิดีโอสำหรับเนื้อหาภาพเคลื่อนไหว
ดูข้อมูลเกี่ยวกับการตรวจสอบเนื้อหาที่เป็นภาพเคลื่อนไหวที่มีประสิทธิภาพ
เอกสารไม่มี hreflang ที่ถูกต้อง
ดูข้อมูลเกี่ยวกับ"เอกสารไม่มีการตรวจสอบ hreflang" Lighthouse ที่ถูกต้อง
หลีกเลี่ยงเพย์โหลดเครือข่ายปริมาณมาก
เรียนรู้วิธีปรับปรุงความเร็วในการโหลดหน้าเว็บโดยการลดขนาดไฟล์รวมของทรัพยากรที่คุณให้บริการแก่ผู้ใช้
ลดเวลาในการดำเนินการกับ JavaScript
ดูว่าการเรียกใช้ JavaScript สามารถชะลอประสิทธิภาพของหน้าเว็บได้อย่างไร และจะเพิ่มความเร็วได้อย่างไร
First Input Delay สูงสุดที่อาจเกิดขึ้น
ดูข้อมูลเกี่ยวกับเมตริก First Input Delay สูงสุดที่อาจเกิดขึ้นซึ่งเลิกใช้งานแล้วของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ใช้ API ที่เลิกใช้งานแล้ว
ดูวิธีนำออกและแทนที่ API ที่เลิกใช้งานแล้วจากหน้าเว็บ
การควบคุมที่กำหนดเองมีป้ายกำกับที่เชื่อมโยง
ดูวิธีปรับปรุงการช่วยเหลือพิเศษโดยตรวจสอบว่าการควบคุมที่กำหนดเองทั้งหมดมีป้ายกำกับที่ผู้ใช้เทคโนโลยีความช่วยเหลือพิเศษเข้าถึงได้
CPU ที่ไม่ได้ใช้งานครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First CPU Idle ที่เลิกใช้งานไปแล้วของ Lighthouse และวิธีเพิ่มประสิทธิภาพ
กำจัดทรัพยากรที่บล็อกการแสดงผล
ดูข้อมูลเกี่ยวกับการตรวจสอบทรัพยากรการบล็อกการแสดงผล
เปิดใช้การบีบอัดข้อความ
เรียนรู้ว่าการเปิดใช้การบีบอัดข้อความจะช่วยปรับปรุงประสิทธิภาพในการโหลดหน้าเว็บได้อย่างไร
เชื่อมต่อกับต้นทางที่จำเป็นล่วงหน้า
ดูข้อมูลเกี่ยวกับการตรวจสอบ use-rel-preconnect
แสดงเนื้อหาแบบคงที่ที่มีนโยบายแคชที่มีประสิทธิภาพ
เรียนรู้ว่าการแคชทรัพยากรแบบคงที่ของหน้าเว็บช่วยปรับปรุงประสิทธิภาพและความน่าเชื่อถือสำหรับผู้เข้าชมที่กลับมาได้อย่างไร
หน้าเว็บถูกบล็อกไม่ให้จัดทำดัชนี
ดูข้อมูลเกี่ยวกับ "หน้าถูกบล็อกจากการจัดทำดัชนี" การตรวจสอบ Lighthouse
ลิงก์ไม่มีข้อความอธิบาย
ดูข้อมูลเกี่ยวกับ "ลิงก์ไม่มีข้อความอธิบาย" การตรวจสอบ Lighthouse
หน้าเว็บมีรหัสสถานะ HTTP ไม่สำเร็จ
ดูข้อมูลเกี่ยวกับ "หน้ามีรหัสสถานะ HTTP ไม่สำเร็จ" การตรวจสอบ Lighthouse
โฟกัสของผู้ใช้ไม่ได้ติดอยู่ในภูมิภาคโดยไม่ได้ตั้งใจ
ดูวิธีปรับปรุงการช่วยเหลือพิเศษสำหรับผู้ที่ใช้แป้นพิมพ์โดยป้องกันไม่ให้โฟกัสติดอยู่ในส่วนใดส่วนหนึ่งของหน้า
ใช้แคชของแอปพลิเคชัน
ดูวิธีย้ายข้อมูลหน้าเว็บจากแคชของแอปพลิเคชันที่เลิกใช้งานแล้วไปยัง Cache API
การควบคุมที่กําหนดเองมีบทบาท ARIA
ดูวิธีปรับปรุงการช่วยเหลือพิเศษด้วยการเพิ่ม ARIA ลงในการควบคุมที่กำหนดเอง เพื่อให้เทคโนโลยีความช่วยเหลือพิเศษตีความได้
Structured Data ถูกต้อง
ดูข้อมูลเกี่ยวกับ "ข้อมูลที่มีโครงสร้างถูกต้อง" การตรวจสอบ Lighthouse
โหลดคำขอสำคัญล่วงหน้า
ดูข้อมูลเกี่ยวกับการตรวจสอบ use-rel-preload
ดัชนีความเร็ว
ดูข้อมูลเกี่ยวกับเมตริกดัชนีความเร็วของ Lighthouse และวิธีเพิ่มประสิทธิภาพ
เวลาในการตอบสนอง
ดูข้อมูลเกี่ยวกับเมตริกเวลาในการตอบสนองของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ไม่ได้ใช้ HTTP/2 สำหรับทรัพยากรทั้งหมด
เรียนรู้ว่าเหตุใด HTTP/2 จึงสำคัญสำหรับความเร็วในการโหลดหน้าเว็บของคุณ และวิธีเปิดใช้ HTTP/2 ในเซิร์ฟเวอร์ของคุณ
การเลิกใช้งานและการนำออกใน Chrome 75
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 75 เพื่อช่วยคุณวางแผน
- Chrome
ลดการทำงานของเทรดหลัก
ดูข้อมูลเกี่ยวกับเทรดหลักของเบราว์เซอร์และวิธีเพิ่มประสิทธิภาพหน้าเว็บเพื่อลดการโหลดเทรดหลักและปรับปรุงประสิทธิภาพ
ปรับขนาดรูปภาพให้เหมาะสม
ดูข้อมูลเกี่ยวกับการตรวจสอบ use-responsive-images
การแสดงผลที่มีความหมายครั้งแรก
ดูข้อมูลเกี่ยวกับเมตริก First Meaningful Paint ที่เลิกใช้งานไปแล้วของ Lighthouse รวมถึงวิธีวัดและเพิ่มประสิทธิภาพ
ระยะเวลาของผู้ใช้และระยะเวลาของผู้ใช้
เรียนรู้ว่า User Timing API สามารถช่วยให้คุณได้รับข้อมูลประสิทธิภาพจริงสำหรับหน้าเว็บของคุณได้อย่างไร
เอกสารไม่มี rel=canonical ที่ถูกต้อง
ดูข้อมูลเกี่ยวกับ "เอกสารไม่มีการตรวจสอบ rel=canonical" Lighthouse ที่ถูกต้อง
เลื่อนเวลาโหลดรูปภาพนอกหน้าจอ
ดูข้อมูลเกี่ยวกับการตรวจสอบรูปภาพนอกหน้าจอ
ใช้ Listener แบบแพสซีฟเพื่อปรับปรุงประสิทธิภาพการเลื่อน
ดูวิธีปรับปรุงการตอบสนองของการเลื่อนของหน้าเว็บโดยการหลีกเลี่ยง Listener เหตุการณ์แบบแพสซีฟ
ฟีเจอร์ใหม่ใน Chrome 74
Chrome 74 กำลังเปิดตัวสู่ Google I/O เพิ่มการรองรับช่องส่วนตัวของชั้นเรียน ซึ่งให้คุณตรวจจับเวลาที่ผู้ใช้ขอลดประสบการณ์การเคลื่อนไหว เพิ่มการรองรับเหตุการณ์การเปลี่ยน CSS และอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 74 กัน!
- Chrome
บันทึกข้อความในคอนโซล
ดูวิธีบันทึกข้อความไปยังคอนโซล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูค่า JavaScript แบบเรียลไทม์ด้วย Live Expressions
หากคุณพบว่าตัวเองพิมพ์นิพจน์ JavaScript เดียวกันลงในคอนโซลซ้ำๆ ให้ลองใช้ Live Expressions แทน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้อมูลอ้างอิงฟีเจอร์ของคอนโซล
ข้อมูลอ้างอิงที่ครอบคลุมเกี่ยวกับทุกฟีเจอร์และลักษณะการทำงานที่เกี่ยวข้องกับ UI ของ Console ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 75)
ค่าที่กำหนดล่วงหน้าของการเติมข้อความอัตโนมัติที่มีความหมาย ล้างข้อมูลเว็บไซต์จากเมนูคำสั่ง และอื่นๆ
- Chrome
Chromium Chronicle #1: แนวทางปฏิบัติแนะนำสำหรับการกำหนดเวลางาน
ทีม Chrome ภูมิใจที่จะได้เปิดตัว Chromium Chronicle ซึ่งเป็นซีรีส์รายเดือนที่ออกแบบมาเพื่อนักพัฒนาซอฟต์แวร์ Chromium โดยเฉพาะ ซึ่งก็คือนักพัฒนาซอฟต์แวร์ที่สร้างเบราว์เซอร์นี้ ในเดือนนี้ เราจะมาดูแนวทางปฏิบัติแนะนำสำหรับการกำหนดเวลางาน
- Chrome
ดูข้อมูลแคช
วิธีดูข้อมูลแคชจากแผงแอปพลิเคชันของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูล Web SQL
วิธีดูข้อมูล Web SQL จากแผงแอปพลิเคชันของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เลิกใช้งาน: ดูข้อมูลแคชของแอปพลิเคชันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีดูข้อมูลแคชของแอปพลิเคชันจากแผงแอปพลิเคชันของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
โหนด DOM ที่เลือกในปัจจุบัน
ดูวิธีทางลัดของคอนโซลด่วนเพื่อรับโหนด DOM ที่เลือกในปัจจุบัน
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 74
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 74 เพื่อช่วยคุณในการวางแผน
- Chrome
ดูและเปลี่ยนข้อมูล IndexedDB
วิธีดูและเปลี่ยนข้อมูล IndexedDB ด้วยแผงแอปพลิเคชันและข้อมูลโค้ด
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูและแก้ไขพื้นที่เก็บข้อมูลของเซสชัน
วิธีดูและแก้ไข "sessionStorage" ด้วยแผงพื้นที่เก็บข้อมูลเซสชันและคอนโซล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูและแก้ไขพื้นที่เก็บข้อมูลในเครื่อง
วิธีดูและแก้ไข "localStorage" ด้วยแผงพื้นที่เก็บข้อมูลในเครื่องและคอนโซล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ฟีเจอร์ใหม่ใน Chrome 73
Chrome 73 ทำให้การสร้างเนื้อหาแบบพกพาง่ายขึ้นด้วย Signed HTTP Exchange การเปลี่ยนรูปแบบแบบไดนามิกจะง่ายขึ้นด้วยสไตล์ชีตที่สร้างได้ และเพิ่มการรองรับ Progressive Web App บน Mac ทำให้มีการรองรับ PWA ในแพลตฟอร์มเดสก์ท็อปและอุปกรณ์เคลื่อนที่ทั้งหมด ทำให้การสร้างแอปที่ติดตั้งได้และส่งผ่านทางเว็บเป็นไปอย่างง่ายดาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 73 กัน!
- Chrome
พื้นที่เก็บข้อมูล KV - โมดูลในตัวแรกของเว็บ
บทนำเกี่ยวกับ KV Storage API ใหม่ โมดูลในตัว และนำเข้าแผนที่
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 74)
ไฮไลต์โหนดที่ได้รับผลกระทบจากพร็อพเพอร์ตี้ CSS, Lighthouse v4, เครื่องมืออ่านข้อความไบนารีของ WebSocket และอื่นๆ
- Chrome
เริ่มต้นใช้งานด้วยการดูและเปลี่ยน DOM
วิธีดูโหนด ค้นหาโหนด แก้ไขโหนด โหนดอ้างอิงในคอนโซล หยุดเมื่อการเปลี่ยนแปลงโหนด และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทีม Web Dev Ecosystem - สรุปผลเดือนกุมภาพันธ์
สรุปในเดือนกุมภาพันธ์ เราจะมาย้อนกลับไปดูสิ่งที่เกิดขึ้นในทีมระบบนิเวศของนักพัฒนาเว็บ
- Chrome
ย้ายข้อมูลจาก Workbox v3 ไปยัง v4
คําแนะนําในการย้ายข้อมูลจาก Workbox v3 ไปยัง v4
หน้าต่างกล่องงาน
โมดูลที่ช่วยในการลงทะเบียน Service Worker จัดการการอัปเดต และตอบสนองต่อเหตุการณ์ในวงจร
การเปลี่ยนเส้นทางที่ใช้งานบ่อยใน JavaScript ของแอปด้วย WebAssembly
ประโยชน์สําคัญอย่างหนึ่งที่ WebAssembly มีให้คือประสิทธิภาพที่คาดการณ์ได้ในทุกเบราว์เซอร์ แต่คุณจะเปลี่ยนเส้นทางที่ใช้งานบ่อยซึ่งเขียนด้วย JavaScript เป็น WebAssembly ได้อย่างไร
- Chrome
การทําให้การเลื่อนล้อเลื่อนเร็วโดยค่าเริ่มต้น
การตอบสนองของการเลื่อนมีความสำคัญต่อการมีส่วนร่วมของผู้ใช้กับเว็บไซต์ในอุปกรณ์เคลื่อนที่ แต่ Listener เหตุการณ์แบบวงล้อมักทำให้เกิดปัญหาร้ายแรงด้านประสิทธิภาพในการเลื่อน ดูวิธีที่เราช่วยให้ผู้ใช้และนักพัฒนาแอปทำงานเร็วโดยค่าเริ่มต้น
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 73
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 73 เพื่อช่วยคุณวางแผน
- Chrome
จับคู่ผลลัพธ์ได้ดีขึ้นด้วย String.prototype.matchAll()
Chrome 73 ขอแนะนำเมธอด String.prototype.matchAll() ซึ่งทำงานคล้ายกับ match() แต่เป็นวิธีที่ง่ายในการปรับปรุงการจับคู่ โดยเฉพาะอย่างยิ่งเมื่อคุณต้องการการเข้าถึงเพื่อจับกลุ่ม
- Chrome
การอัปเดตสื่อใน Chrome 73
การรองรับคีย์สื่อฮาร์ดแวร์, การตรวจสอบนโยบาย HDCP, ช่วงทดลองใช้จากต้นทางการแสดงภาพซ้อนภาพ และอื่นๆ
- Chrome
เทมเพลตและคอมโพเนนต์บนเว็บที่รวดเร็วทันใจ - lit-html & LitElement
lit-html และ LitElement นำเทมเพลตที่รวดเร็วและใช้ง่าย รวมถึงคอมโพเนนต์ที่ทำงานร่วมกันได้มาสู่เว็บสมัยใหม่
- Chrome
ปิดใช้ JavaScript
เปิดเมนูคำสั่งและเรียกใช้คำสั่ง "ปิดใช้ JavaScript"
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เตรียมทดลองใช้ RTCQuicTransport จากต้นทางใกล้บ้านคุณ (Chrome 73)
RTCQuicTransport เป็น API แพลตฟอร์มเว็บแบบใหม่ที่เปิดโอกาสให้แลกเปลี่ยนข้อมูลที่กำหนดเองกับกลุ่มแอปเทียบเท่าระยะไกลโดยใช้โปรโตคอล QUIC
- Chrome
การสร้างสแต็กแพ็กสำหรับ Lighthouse
แทนที่จะแสดงเฉพาะคำแนะนำทั่วไป แต่สแต็กแพ็กส์จะขยายให้ Lighthouse รวมข้อความเพิ่มเติมสำหรับเครื่องมือที่เฉพาะเจาะจงไว้ด้วย
- Chrome
ฟีเจอร์ใหม่ใน Chrome 72
ใน Chrome 72 การสร้างช่องคลาสสาธารณะใน JavaScript ช่วยให้ดูสะอาดตาขึ้นมาก คุณจะดูได้ว่าหน้าเว็บเปิดใช้งานด้วย API การเปิดใช้งานผู้ใช้ใหม่หรือไม่ การปรับรายการจะง่ายขึ้นกว่าเดิม และอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 72 กัน!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 73)
จุดตรวจสอบ เคล็ดลับเครื่องมือโดยละเอียดในโหมดการตรวจสอบ และอื่นๆ อีกมากมาย
- Chrome
การทำให้การเปิดใช้งานของผู้ใช้สอดคล้องกันในทุก API
ในเวอร์ชัน 72 Chrome จะจัดส่ง "การเปิดใช้งานผู้ใช้" v2 ซึ่งทำให้ความพร้อมในการเปิดใช้งานสำหรับผู้ใช้สำหรับ API ที่ปิดกั้นการเปิดใช้งานทั้งหมด และแก้ปัญหาความไม่สอดคล้องกันของการเปิดใช้งานผู้ใช้จำนวนมาก
- Chrome
Shape Detection API: ภาพหนึ่งภาพแทนคำ ใบหน้า และบาร์โค้ดได้หลายพันรายการ
Shape Detection API จะตรวจหาใบหน้า บาร์โค้ด และข้อความในรูปภาพ
การสร้างอุปกรณ์สำหรับ WebUSB
สร้างอุปกรณ์เพื่อใช้ประโยชน์จาก WebUSB API อย่างเต็มที่ บทความนี้อธิบายวิธีสร้างอุปกรณ์เพื่อใช้ประโยชน์จาก WebUSB API อย่างเต็มที่ ดูข้อมูลเบื้องต้นเกี่ยวกับ API ได้ที่ เข้าถึงอุปกรณ์ USB บนเว็บ Universal Serial Bus (USB)
การเลิกใช้งานและการนำออกใน Chrome 72
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 72 เพื่อช่วยคุณวางแผน
- Chrome
เปิดหน้าจอค้างไว้ด้วย Screen Wake Lock API
อุปกรณ์ส่วนใหญ่จะเข้าสู่โหมดสลีปอย่างรวดเร็วเมื่อไม่มีการใช้งานเพื่อไม่ให้แบตเตอรี่หมดเร็ว แม้ว่าโดยส่วนใหญ่แล้วจะไม่มีปัญหา แต่ก็มีบางแอปพลิเคชันที่ต้องเปิดหน้าจอค้างไว้เพื่อให้การทำงานบางอย่างเสร็จสมบูรณ์ API การล็อกหน้าจอมีวิธีป้องกันไม่ให้อุปกรณ์หรี่แสงหรือล็อกหน้าจอเมื่อแอปพลิเคชันจำเป็นต้องทำงานต่อ
การโฟกัสองค์ประกอบการติดตาม
เปิดคอนโซล สร้าง Live Expression แล้วตั้งค่านิพจน์เป็น document.activeElement
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
วิธีต่างๆ ที่คุณจะใช้เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ได้
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การติดป้ายไอคอนแอป
App Badging API ช่วยให้เว็บแอปที่ติดตั้งไว้สามารถตั้งค่าป้ายทั่วทั้งแอปพลิเคชัน โดยจะแสดงในตำแหน่งที่เป็นระบบปฏิบัติการและที่เกี่ยวข้องกับแอปพลิเคชันนั้นๆ โดยเฉพาะ เช่น ชั้นวางหรือหน้าจอหลัก การติดป้ายช่วยให้คุณแจ้งผู้ใช้อย่างมีชั้นเชิงได้โดยง่ายว่ามีกิจกรรมใหม่ที่อาจต้องดำเนินการกับผู้ใช้ หรืออาจใช้เพื่อระบุข้อมูลเพียงเล็กน้อย เช่น จำนวนรายการที่ยังไม่ได้อ่าน
ฟีเจอร์ใหม่ใน Chrome 71
Chrome 71 ทำให้การแสดงค่าเวลาสัมพัทธ์ง่ายขึ้นด้วย Intl.RelativeTimeFormat() API ใหม่ คุณสามารถระบุได้ว่าจะให้ข้อความขีดเส้นใต้ด้านใดปรากฏสำหรับข้อความที่จัดวางในแนวตั้ง และในขณะนี้ การใช้ API การสังเคราะห์เสียงจำเป็นต้องมีการเปิดใช้งานผู้ใช้ก่อนที่คอมพิวเตอร์ของคุณจะเริ่มคุยกับคุณ! มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 71 กัน!
- Chrome
ขอแนะนำการดึงข้อมูลในเบื้องหลัง
การดึงข้อมูลในเบื้องหลังทำให้คุณสามารถจัดการกับการดาวน์โหลดขนาดใหญ่ได้แม้ว่าเบราว์เซอร์จะปิดอยู่ก็ตาม
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 72)
แสดงภาพเมตริกประสิทธิภาพ ไฮไลต์โหนดข้อความ คัดลอกเส้นทาง JS ไปยังโหนด DOM และการอัปเดตแผงการตรวจสอบ
- Chrome
Web Audio, นโยบายการเล่นอัตโนมัติ และเกม
ในเดือนกันยายน 2017 เราได้ประกาศการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับวิธีจัดการเสียงด้วยนโยบายลักษณะการทำงานแบบเล่นอัตโนมัติใน Chrome การเปลี่ยนแปลงนโยบายนี้มีผลกับ Chrome 66 เวอร์ชันเสถียรในเดือนพฤษภาคม 2018 หลังจากได้รับความคิดเห็นจากชุมชนนักพัฒนา
- Chrome
สถานะความสามารถใหม่
เว็บแอปควรทําสิ่งต่างๆ ได้ทุกอย่างที่แอปเฉพาะแพลตฟอร์มทําได้ ดูสถานะของความสามารถใหม่ๆ สําหรับเว็บแอป
Signed HTTP Exchange
Signed Exchange ช่วยให้เว็บไซต์ลงนามในเนื้อหาเว็บเพื่อนำไปแจกจ่ายต่อได้อย่างปลอดภัยและยืนยันตำแหน่งเดิมของเนื้อหานั้น
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 71
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 71 เพื่อช่วยคุณวางแผน
- Chrome
ดูวิดีโอโดยใช้การแสดงภาพซ้อนภาพ
ควบคุมองค์ประกอบการแสดงภาพซ้อนภาพของวิดีโอในเว็บไซต์
- Chrome
การอัปเดตเสียง/วิดีโอใน Chrome 70
สรุปการอัปเดตเสียง/วิดีโอใน Chrome 70 - การบัฟเฟอร์และเล่นแบบข้ามตัวแปลงรหัสและข้ามไบต์สตรีม, Opus ใน MP4 พร้อม MSE และการเล่นเนื้อหาที่มีการป้องกันได้รับอนุญาตโดยค่าเริ่มต้นใน Android
- Chrome
ฟีเจอร์ใหม่ใน Chrome 70
Chrome 70 เพิ่มการสนับสนุนสำหรับ Progressive Web App บนเดสก์ท็อปใน Windows และ Linux การสนับสนุนข้อมูลเข้าสู่ระบบคีย์สาธารณะไปยัง API การจัดการข้อมูลเข้าสู่ระบบ ทำให้คุณสามารถระบุชื่อให้กับผู้ปฏิบัติงานโดยเฉพาะและอื่นๆ อีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 70 กัน!
- Chrome
ปรับแต่ง cache.addAll() และ ImportScripts() ที่จะมีใน Chrome 71
กำลังจะมีการเปลี่ยนแปลงเล็กๆ น้อยๆ ใน cache.addAll() และ ImportScripts และใน Chrome 71
- Chrome
ปัญหาเกี่ยวกับการจับเวลาสีของ Chrome 69
Chrome 69 มีการเปลี่ยนแปลงเมตริกการระบายสีที่ไม่ถูกต้อง ซึ่งตั้งใจให้บันทึกไปป์ไลน์การแสดงผลได้มากขึ้น แต่ทำให้การประทับเวลาไม่ถูกต้อง
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 71)
ไฮไลต์โหนด DOM จากนิพจน์แบบเรียลไทม์ จัดเก็บโหนดเป็นตัวแปรร่วม และอื่นๆ
- Chrome
Worklet แอนิเมชันของ Houdini
Worklet ภาพเคลื่อนไหวช่วยให้คุณเขียนภาพเคลื่อนไหวที่จำเป็นซึ่งทำงานด้วยอัตราเฟรมดั้งเดิมของอุปกรณ์สำหรับความราบรื่นที่ไร้การจันทราและการเพิ่มความราบรื่นTM ทำให้ภาพเคลื่อนไหวมีความยืดหยุ่นมากขึ้นกับความยุ่งยากของเทรดหลัก และลิงก์เพื่อเลื่อนแทนเวลาได้
- Chrome
การควบคุมของผู้ใช้สำหรับสิทธิ์ของโฮสต์: คู่มือการเปลี่ยน
หลักเกณฑ์ในการอัปเดตส่วนขยายเพื่อจัดการกับการเปลี่ยนแปลงสิทธิ์ของโฮสต์รันไทม์ที่เริ่มตั้งแต่ Chrome 70 เป็นต้นไป
- ส่วนขยาย Chrome
เจาะลึกเว็บเบราว์เซอร์สมัยใหม่ (ตอนที่ 4)
การจัดการเหตุการณ์อินพุตด้วยเธรดตัวจัดวาง
- Chrome
เจาะลึกเว็บเบราว์เซอร์สมัยใหม่ (ตอนที่ 3)
การทำงานภายในของเครื่องมือแสดงผลเบราว์เซอร์
- Chrome
การอัปเดตสื่อใน Chrome 70
การบัฟเฟอร์และเล่นแบบข้ามตัวแปลงรหัสและข้ามไบต์สตรีม, Opus ใน MP4 พร้อม MSE และการเล่นเนื้อหาที่มีการป้องกันได้รับอนุญาตโดยค่าเริ่มต้นบน Android
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 70
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 68 เพื่อช่วยคุณวางแผน
- Chrome
เจาะลึกเว็บเบราว์เซอร์สมัยใหม่ (ตอนที่ 2)
ดูวิธีที่เบราว์เซอร์จัดการคำขอการนำทาง
- Chrome
การเข้าถึงคุกกี้ HTTP แบบไม่พร้อมกัน
Cookie Store API ให้การเข้าถึงคุกกี้ HTTP แบบไม่พร้อมกัน และเปิดขวดคุกกี้ให้กับโปรแกรมทำงานของบริการ
- Chrome
เจาะลึกเว็บเบราว์เซอร์สมัยใหม่ (ตอนที่ 1)
เรียนรู้วิธีที่เบราว์เซอร์เปลี่ยนโค้ดของคุณให้เป็นเว็บไซต์ที่ใช้งานได้ ไม่ว่าจะเป็นสถาปัตยกรรมระดับสูงไปจนถึงข้อมูลเฉพาะของไปป์ไลน์การแสดงผล
- Chrome
ฟีเจอร์ใหม่ใน Chrome 69
เป็นเวลา 10 ปีแล้วนับตั้งแต่เปิดตัว Chrome เป็นครั้งแรก นับจากวันนั้นก็มีการเปลี่ยนแปลงมากมาย แต่เป้าหมายในการสร้างรากฐานที่มั่นคงสำหรับเว็บแอปพลิเคชันที่ทันสมัยนั้นยังไม่ใช่ ใน Chrome 69 สนับสนุน CSS Scroll Snapping รองรับรอยบาก เว็บล็อก และคุณลักษณะ CSS4 ใหม่ที่น่าสนใจ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 69 กัน!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 70)
นิพจน์สดในคอนโซล ไฮไลต์โหนด DOM ระหว่างการประเมินที่ตั้งใจ และอื่นๆ
- Chrome
การอัปเดตสื่อใน Chrome 69
สรุปการอัปเดตสื่อใน Chrome 69: การตรวจสอบนโยบาย AV1 และ HDCP
- Chrome
ReportingObserver: ทราบประสิทธิภาพของโค้ด
ReportingObserver ให้ข้อมูลเชิงลึกแก่นักพัฒนาซอฟต์แวร์ว่าโค้ดของพวกเขากำลังทำอะไรอยู่ ReportingObserver แสดงข้อมูลเกี่ยวกับปัญหาต่างๆ เช่น การเลิกใช้งานและการฝึกฝน รวมถึงข้อความที่ก่อนหน้านี้ดูได้ในคอนโซล DevTools เท่านั้น
- Chrome
ตอนนี้ความเร็วเป็นปัจจัยของหน้า Landing Page สําหรับ Google Search และ Google Ads แล้ว
ตอนนี้ความเร็วเป็นปัจจัยของหน้า Landing Page สําหรับ Google Search และ Google Ads แล้ว
- Chrome
ฟีเจอร์ใหม่ใน Chrome 68
Chrome 68 นำการเปลี่ยนแปลงลักษณะการทำงาน "เพิ่มลงในหน้าจอหลัก" ของ Android มาใช้เพื่อให้คุณควบคุมได้มากขึ้น API วงจรการใช้งานหน้าเว็บจะแจ้งให้คุณทราบเมื่อแท็บของคุณถูกระงับหรือกู้คืน และ Payment Handler API ทำให้แอปการชำระเงินบนเว็บรองรับ Payment Request ได้ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 68 กัน!
- Chrome
ขอแนะนำการดึงข้อมูล NoState
Chrome 63 มาพร้อมกับ NoState Prefetch NoState Prefetch เป็นกลไกในการดึงข้อมูลทรัพยากรล่วงหน้าซึ่งใช้หน่วยความจำน้อยกว่าขั้นตอนการแสดงผลล่วงหน้าที่เลิกใช้งานแล้ว
- Chrome
PWACompat - ไฟล์ Manifest ของเว็บแอปสำหรับทุกเบราว์เซอร์
ใช้ไลบรารี PWACompat เพื่อนำไฟล์ Manifest ของเว็บแอปไปยังทุกเบราว์เซอร์
- Chrome
ภาระงาน-การนำทาง-การโหลดล่วงหน้า
เปิดใช้การโหลดการนำทางล่วงหน้า เพื่อให้รับการตอบสนองของเครือข่ายสำหรับคำขอการนำทางได้เร็วขึ้น
การแยกเว็บไซต์สำหรับนักพัฒนาเว็บ
Chrome 67 บนเดสก์ท็อปจะมีฟีเจอร์ใหม่ที่ชื่อว่าการแยกเว็บไซต์\* โดยค่าเริ่มต้น บทความนี้จะอธิบายว่าการแยกเว็บไซต์เป็นเรื่องเกี่ยวกับอะไร ทำไมจึงมีความสำคัญ และเหตุผลที่นักพัฒนาเว็บควรตระหนักถึงเรื่องนี้
- Chrome
การทดลองใช้ First Input Delay ในรายงาน UX ของ Chrome
ประกาศเกี่ยวกับการเพิ่มเมตริกการทดสอบ First Input Delay (FID) ในรายงานประสบการณ์ของผู้ใช้ Chrome
- Chrome
ทำความเข้าใจโควต้าพื้นที่เก็บข้อมูล
คำแนะนำเกี่ยวกับการกำหนดค่า Workbox เพื่อหลีกเลี่ยงปัญหาโควต้าพื้นที่เก็บข้อมูล
ข้อมูลเบื้องต้นเกี่ยวกับนโยบายคุณลักษณะ
นโยบายฟีเจอร์ช่วยให้นักพัฒนาซอฟต์แวร์เลือกเปิดใช้ ปิดใช้ และแก้ไขลักษณะการทำงานของ API และฟีเจอร์บางอย่างในเบราว์เซอร์ได้ นี่เหมือนกับ CSP แต่สำหรับฟีเจอร์ต่างๆ จัดส่งแล้วใน Chrome 60
- Chrome
การตัดเสียงก้องที่มาพร้อมเครื่องเพิ่มเติม
รองรับการตัดเสียงก้องที่มาพร้อมเครื่องมากขึ้น
- Chrome
รูปแบบดีไซน์เวิร์กเล็ตเสียง
รูปแบบดีไซน์เวิร์กเล็ตเสียง
- Chrome
Augmented Reality สำหรับเว็บ
Augmented Reality ช่วยให้สามารถวางและติดตามวัตถุเสมือนจริงในมุมมองของโลกแห่งความเป็นจริง
- Chrome
Chacmool: Augmented Reality ใน Chrome Canary
Chacmool เป็นการสาธิตบนเว็บเพื่อการศึกษาที่แสดงให้เห็นว่า AR บนเว็บช่วยสร้างประสบการณ์ที่น่าดึงดูดได้อย่างง่ายดาย
- Chrome
คำถามที่พบบ่อยเกี่ยวกับการย้ายข้อมูลการเลิกใช้งานการติดตั้งจากในหน้าเว็บ
คำถามที่พบบ่อยเกี่ยวกับการเลิกใช้งานการติดตั้งแบบอินไลน์สำหรับส่วนขยาย Chrome
- ส่วนขยาย Chrome
การเลิกใช้งานและการนำออกใน Chrome 68
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 68 เพื่อช่วยคุณวางแผน
- Chrome
การเปลี่ยนแปลงที่จะเพิ่มไปยังลักษณะการทำงานของหน้าจอหลัก
ตั้งแต่ Chrome 68 บน Android ลักษณะการทำงาน "เพิ่มลงในหน้าจอหลัก" จะเปลี่ยนไปเพื่อให้คุณควบคุมได้มากขึ้นว่าจะให้แจ้งผู้ใช้เมื่อใดและอย่างไร หากเว็บไซต์เป็นไปตามเกณฑ์การเพิ่มในหน้าจอหลัก Chrome จะไม่แสดงแบนเนอร์ "เพิ่มลงในหน้าจอหลัก" โดยอัตโนมัติอีกต่อไป คุณจะต้องเรียก prompt() ในเหตุการณ์ beforeinstallprompt ที่บันทึกไว้แทนเพื่อแสดงข้อความแจ้งในกล่องโต้ตอบ "เพิ่มไปยังหน้าจอหลัก" ให้กับผู้ใช้
- Chrome
ฟีเจอร์ใหม่ใน Chrome 67
Chrome 67 นำ Progressive Web App มาสู่เดสก์ท็อป เพิ่มการรองรับ API เซ็นเซอร์ทั่วไป ซึ่งทำให้เข้าถึงเซ็นเซอร์ของอุปกรณ์ เช่น ตัวตรวจวัดความเร่ง เครื่องวัดการหมุน และอื่นๆ ได้ง่ายขึ้น และเพิ่มการสนับสนุนสำหรับ BigInts ซึ่งทำให้จัดการกับจำนวนเต็มจำนวนมากได้ง่ายขึ้น มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 67 กัน!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 68)
การประเมินที่ตั้งใจ, คำแนะนำอาร์กิวเมนต์, การเติมฟังก์ชันอัตโนมัติ, Lighthouse 3.0 และอื่นๆ
- Chrome
การเปิดใช้การตรวจสอบสิทธิ์แบบเข้มงวดด้วย WebAuthn
Chrome 67 รุ่นเบต้าเปิดตัว API การตรวจสอบสิทธิ์บนเว็บ (WebAuthn) ซึ่งช่วยให้เบราว์เซอร์โต้ตอบและจัดการข้อมูลเข้าสู่ระบบที่ใช้คีย์สาธารณะได้ ซึ่งจะช่วยการตรวจสอบสิทธิ์ที่มีความปลอดภัยสูงโดยใช้คีย์ความปลอดภัยแบบถอดได้และตัวตรวจสอบสิทธิ์ในตัวของแพลตฟอร์ม เช่น โปรแกรมสแกนลายนิ้วมือ
การใช้ Lighthouse เพื่อปรับปรุงประสิทธิภาพการโหลดหน้าเว็บ
การตรวจสอบประสิทธิภาพการทำงานใหม่สำหรับการโหลดล่วงหน้า, การเชื่อมต่อล่วงหน้า, GIF และอื่นๆ
- Chrome
คู่มือการย้ายข้อมูล Lighthouse v3
วิธีย้ายข้อมูลจาก Lighthouse v2 ไปยัง v3
ประกาศเปิดตัว Lighthouse 3.0
ตรวจสอบได้เร็วขึ้น ความแปรปรวนน้อยลง UI รายงานใหม่ การตรวจสอบใหม่ และอื่นๆ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 67
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 67 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการเลิกใช้งานการปักหมุดคีย์สาธารณะ การนำ AppCache ออกในบริบทที่ไม่ปลอดภัย และการนำคำนำหน้าออกอื่นๆ เพิ่มเติม
- Chrome
ย้ายข้อมูลไปยังสคริปต์พื้นหลังที่ขับเคลื่อนด้วยเหตุการณ์
วิธีย้ายข้อมูลสคริปต์ที่ทำงานอยู่เบื้องหลังถาวรไปยังโมเดลที่ไม่ถาวรที่ขึ้นอยู่กับเหตุการณ์เพื่อปรับปรุงประสิทธิภาพของส่วนขยาย Chrome
- ส่วนขยาย Chrome
เรียกใช้ JavaScript ในคอนโซล
ดูวิธีเรียกใช้ JavaScript ในคอนโซล
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ฟีเจอร์ใหม่ใน Chrome 66
Chrome 66 ทำให้การควบคุม CSS ง่ายขึ้นด้วยออบเจ็กต์โมเดลประเภท CSS ใหม่ การเข้าถึงคลิปบอร์ดเป็นแบบไม่พร้อมกัน มีบริบทการแสดงผลแบบใหม่สำหรับองค์ประกอบ Canvas และวิธีประมวลผลเสียงโดยใช้ JavaScript ที่ดียิ่งขึ้น มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 66 กัน!
- Chrome
เข้าถึงประสิทธิภาพสูงสุด
หลักเกณฑ์ในการสร้างส่วนขยาย Chrome ประสิทธิภาพสูง
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 67)
ค้นหาในส่วนหัวของเครือข่าย คัดลอกคำขอเป็นการดึงข้อมูล ตรวจสอบหน้าโดยใช้เงื่อนไขบนเดสก์ท็อป และอื่นๆ อีกมากมาย
- Chrome
แก้ไขและบันทึกไฟล์ในพื้นที่ทำงาน
ดูวิธีบันทึกการเปลี่ยนแปลงที่ทำภายในเครื่องมือสำหรับนักพัฒนาเว็บไปยังไฟล์ต้นทาง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
นำเสนอหน้าเว็บไปยังจอแสดงผลสำรองที่แนบอยู่
Chrome 66 ช่วยให้หน้าเว็บใช้จอแสดงผลสำรองที่แนบมาผ่าน Presentation API และเพื่อควบคุมเนื้อหาผ่าน Presentation Receiver API ได้
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 66
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 66 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ มีการปรับปรุงความปลอดภัยของโปรแกรมทำงานของบริการ การเปลี่ยนแปลงค่าตำแหน่ง CSS และอื่นๆ
- Chrome
การตัดเสียงก้องของระบบ macOS
การใช้โปรแกรมยกเลิกเสียงก้องเดิมของ macOS ใน Chrome
- Chrome
คำถามที่พบบ่อยเกี่ยวกับ SmooshGate
SmooshGate จะสอนอะไรเราได้บ้างเกี่ยวกับการพัฒนามาตรฐานและแพลตฟอร์มเว็บ การเขียนนี้จะอธิบายภาพรวม
- Chrome
ปกป้องความเป็นส่วนตัวของผู้ใช้
หลักเกณฑ์ในการตรวจสอบว่าส่วนขยาย Chrome ปกป้องความเป็นส่วนตัวของผู้ใช้
- ส่วนขยาย Chrome
ปกป้องความเป็นส่วนตัวของผู้ใช้
หลักเกณฑ์ในการตรวจสอบว่าส่วนขยาย Chrome ปกป้องความเป็นส่วนตัวของผู้ใช้
- ส่วนขยาย Chrome
ออกแบบอินเทอร์เฟซผู้ใช้
หลักเกณฑ์ด้าน UI และการออกแบบสำหรับส่วนขยาย Chrome
- ส่วนขยาย Chrome
ย้ายข้อมูลจาก Workbox v2 ไปยัง v3
คําแนะนําในการย้ายข้อมูลจาก Workbox v2 ไปยัง v3
ปลอดภัย
วิธีรักษาส่วนขยาย Chrome ให้ปลอดภัย
- ส่วนขยาย Chrome
ใหม่ใน Chrome 65
Chrome 65 เพิ่มการรองรับ CSS Paint API ใหม่ ซึ่งช่วยให้คุณสร้างรูปภาพโดยใช้โปรแกรมได้ คุณสามารถใช้ Server Timing API เพื่อระบุข้อมูลเวลาประสิทธิภาพของเซิร์ฟเวอร์ได้ผ่านทางส่วนหัว HTTP และคุณสมบัติ "Content display" ของ CSS ใหม่อาจทำให้ช่องหายไปได้ มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 65 กัน!
- Chrome
ปลอดภัย
วิธีรักษาส่วนขยาย Chrome ให้ปลอดภัย
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 66)
ละเว้นสคริปต์ในแผงเครือข่าย ปรับการซูมอัตโนมัติในโหมดอุปกรณ์ และอื่นๆ
- Chrome
การอัปเดต Lighthouse 2.8
การตรวจสอบประสิทธิภาพและ SEO ใหม่ รวมถึงแสดงส่วนแรกในรายงาน และอื่นๆ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 65
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 65 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ มีการแจ้งเตือนเกี่ยวกับใบรับรอง Symantec, การดาวน์โหลดแบบข้ามต้นทางจะถูกบล็อก และตอนนี้ document.all จะอ่านได้อย่างเดียว
- Chrome
เมลท์ดาวน์/สเปคเตอร์
ผลกระทบต่อนักพัฒนาเว็บและการบรรเทาปัญหาของ Chrome
- Chrome
การสร้างกล่องงาน
โมดูลที่สามารถสร้าง Service Worker แทรกไฟล์ Manifest สำหรับแคชล่วงหน้าลงในโค้ดที่มีอยู่ หรือสร้างไฟล์ Manifest สำหรับแคชล่วงหน้า
ย้ายข้อมูลจาก sw-precache หรือ sw-toolbox
คำแนะนำในการย้ายข้อมูลจาก sw-precache หรือ sw-toolbox ไปยัง Workbox
รายงานประสบการณ์ของผู้ใช้ Chrome - มิติข้อมูลประเทศใหม่
ประกาศการเปิดตัวมิติข้อมูลประเทศใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome
- Chrome
ฟีเจอร์ใหม่ใน Chrome 64
Chrome 64 เพิ่มการสนับสนุนสำหรับ ResizeObservers ซึ่งจะแจ้งให้คุณทราบเมื่อสี่เหลี่ยมผืนผ้าเนื้อหาขององค์ประกอบเปลี่ยนขนาด ขณะนี้โมดูลสามารถเข้าถึงข้อมูลเมตาที่เฉพาะเจาะจงของโฮสต์ด้วย import.metadata ตัวบล็อกป๊อปอัปมีความรัดกุมและอีกมากมาย มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 64 กัน!
- Chrome
API การแสดงผล CSS
CSS Paint API ของ Houdini ช่วยให้คุณวาดภาพ CSS ผ่านการใช้โปรแกรมได้
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 65)
การลบล้างในเครื่อง เครื่องมือช่วยเหลือพิเศษ การตรวจสอบประสิทธิภาพและ SEO และอื่นๆ
- Chrome
Chrome แบบ Headless: คำตอบสำหรับเว็บไซต์ JavaScript สำหรับการแสดงผลฝั่งเซิร์ฟเวอร์
Chrome แบบ Headless คือโซลูชันแบบดรอปอินสำหรับการเปลี่ยนไซต์ JavaScript แบบไดนามิกให้เป็นหน้า HTML แบบคงที่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 64)
การตรวจสอบประสิทธิภาพ แถบด้านข้างของคอนโซล และการจัดกลุ่มคอนโซล
- Chrome
การปิดใช้การระงับเสียงรบกวนของฮาร์ดแวร์
ทดสอบการปิดใช้การลดเสียงรบกวนของฮาร์ดแวร์ใน Chrome 64
- Chrome
ข้อมูลอัปเดตเกี่ยวกับโฆษณาที่ดีกว่า
ข้อมูลอัปเดตเกี่ยวกับโฆษณาที่ดีกว่า
- Chrome
ปลั๊กอิน Workbox-webpack
สร้าง Service Worker หรือแทรกไฟล์ Manifest ล่วงหน้าโดยใช้เครื่องมือสร้าง Webpack
การติดตั้งส่วนขยายใน Linux
วิธีทำแพ็กเกจ โฮสต์ และอัปเดตไฟล์ crx จากเซิร์ฟเวอร์ส่วนบุคคล
- ส่วนขยาย Chrome
รายงานประสบการณ์ของผู้ใช้ Chrome - กำลังขยายการให้บริการไปยังต้นทางยอดนิยมกว่า 1 ล้านแห่ง
วันนี้เราได้เปิดตัวรายงานประสบการณ์ของผู้ใช้ Chrome ใหม่ที่ขยายการครอบคลุมของต้นทางยอดนิยมกว่า 1 ล้านแห่งในเว็บ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 64
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 64 เพื่อช่วยคุณในการวางแผน ในเวอร์ชันนี้ Performance API จะมีการเปลี่ยนแปลง ยกเลิกการรองรับรูทเงาหลายตัว และการนำ WebKit API ออก
- Chrome
Audio Worklet พร้อมให้ใช้งานตามค่าเริ่มต้นแล้ว
Chrome 64 มาพร้อมกับฟีเจอร์ใหม่ที่ทุกคนตั้งตารอใน Web Audio API - Audio Worklet
- Chrome
Self-host สำหรับ Linux
วิธีทำแพ็กเกจ โฮสต์ และอัปเดตไฟล์ crx จากเซิร์ฟเวอร์ส่วนบุคคลสำหรับผู้ใช้ Linux
- ส่วนขยาย Chrome
Chrome 64 เพื่อเลิกใช้งาน chrome.loadTimes() API
เราจะเลิกใช้งาน chrome.loadTimes() API แบบไม่เป็นมาตรฐานใน Chrome 64 เนื่องจากตอนนี้ฟีเจอร์ที่มีประโยชน์ทั้งหมดของ Chrome จะพร้อมใช้งานตามมาตรฐาน
- Chrome
การอัปเดต Lighthouse 2.6
การตรวจสอบประสิทธิภาพใหม่ การปรับปรุงคะแนนการช่วยเหลือพิเศษ รายงานการปรับปรุง UX และแก้ไขข้อบกพร่อง
- Chrome
การอัปเดตสื่อใน Chrome 63/64
การเล่นสื่อที่คาดการณ์ได้, HDR ใน Windows 10, การเล่นแบบออฟไลน์พร้อมใบอนุญาตถาวร และอีกมากมายรอคุณอยู่ใน Chrome 64
- Chrome
Memory API ของอุปกรณ์
Device Memory API ช่วยให้นักพัฒนาซอฟต์แวร์ให้บริการทรัพยากรที่แตกต่างกันแก่ผู้ใช้โดยอิงตามความสามารถของหน่วยความจำของอุปกรณ์นั้นๆ
- Chrome
ฟีเจอร์ใหม่ใน Chrome 63
Chrome 63 ให้คุณนำเข้าโมดูล JavaScript แบบไดนามิก คำถามในการเขียนโค้ดของการสัมภาษณ์สุดโปรดของฉันกลายเป็นเค้กที่ทำตามได้ตลอดและเครื่องมือสร้างแบบไม่พร้อมกัน และคุณสามารถลบล้างลักษณะการทำงานของการเลื่อนรายการเพิ่มเติมเริ่มต้นของเบราว์เซอร์ด้วยคุณสมบัติ CSS Overscroll-behavior
- Chrome
workbox-broadcast-update
ส่งข้อความไปยังหน้าเว็บเมื่อมีการอัปเดตแคชด้วยการตอบสนองใหม่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 63)
การแก้ไขข้อบกพร่องจากระยะไกลแบบหลายไคลเอ็นต์ ข้อความ Push ที่มีข้อมูลที่กำหนดเอง และ Workspaces 2.0
- Chrome
การแคชพื้นที่ทำงานล่วงหน้า
แคชชุดไฟล์ล่วงหน้าได้อย่างง่ายดายและจัดการการอัปเดตไฟล์ได้อย่างมีประสิทธิภาพ
การหมดอายุของกล่องงาน
นำคำขอที่แคชไว้ออกตามจำนวนรายการในแคชหรืออายุของคำขอที่แคชไว้
แกนงาน
ปรับระดับบันทึกและเปลี่ยนชื่อแคช มีโค้ดที่แชร์ซึ่งไลบรารี Workbox ทั้งหมดใช้
กลยุทธ์กล่องงาน
ชุดของกลยุทธ์การแคชรันไทม์ที่จะจัดการกับการตอบสนองต่อคำขอ ปกติแล้วใช้กับ "การกำหนดเส้นทางกล่องทำงาน"
การตอบกลับที่แคชได้สำหรับเวิร์กบ็อกซ์
จำกัดคำขอที่จะมีการแคชตามรหัสสถานะหรือส่วนหัวของการตอบกลับ
workbox-sw
ระบุวิธีโหลดรันไทม์ของ Workbox โดยไม่ต้องมีขั้นตอนการสร้าง
การกำหนดเส้นทางกล่องงาน
กำหนดเส้นทางคำขอใน Service Worker ไปยังกลยุทธ์การแคชหรือฟังก์ชันเรียกกลับที่เฉพาะเจาะจง
workbox-background-sync
ใช้การซิงค์เบื้องหลังเพื่อส่งคำขอเครือข่ายที่เชื่อถือได้ แม้ว่าผู้ใช้จะออฟไลน์อยู่
workbox-cli
สร้าง Service Worker แทรกไฟล์ Manifest สำหรับแคชล่วงหน้า หรือสร้างสำเนาไลบรารีของ Workbox ไว้ในเครื่องจากบรรทัดคำสั่ง
คำขอช่วงงาน
โมดูลนี้สนับสนุนการตอบสนองคำขอ "ช่วง:" โดยใช้ส่วนของข้อมูลที่แคชไว้ก่อนหน้านี้
workbox-google-analytics
รองรับการเล่นการโต้ตอบ Google Analytics แบบออฟไลน์ซ้ำ
ควบคุมการเลื่อนของคุณ - ปรับแต่งเอฟเฟกต์การดึงเพื่อรีเฟรชและเอฟเฟกต์เพิ่มเติม
ข้อมูลเบื้องต้นเกี่ยวกับคุณสมบัติ CSS Overscroll-behavior
- Chrome
การนำ ::shadow และ /deep/ ออกใน Chrome 63
บอกลาตัวเลือก CSS ที่มีการเจาะเงาไปได้เลย
- Chrome
เกินโควต้าการบัฟเฟอร์
การจัดการ QuotaExceededError ทำได้หลายวิธี
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 63
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 63 เพื่อช่วยคุณในการวางแผน ในเวอร์ชันนี้ ลักษณะการทำงานแบบใหม่เกี่ยวกับพร็อพเพอร์ตี้ของอินเทอร์เฟซ การนำฟังก์ชัน Web ออก และการเปลี่ยนแปลงใน RTCRtcpMuxPolicy
- Chrome
การอัปเดต Lighthouse 2.5
การตรวจสอบใหม่ 5 รายการ โมดูลโหนดแบบสแตนด์อโลนของตัวเรียกใช้งาน Chrome และคู่มือการควบคุมแบบใหม่
- Chrome
ใหม่ใน Chrome 62
Chrome 62 ปรับปรุง API ข้อมูลเครือข่ายด้วยตัวบ่งชี้คุณภาพเครือข่าย การรองรับแบบอักษรตัวแปร OpenType พร้อมให้ใช้งานแล้ว ตอนนี้คุณสามารถจับภาพและประมวลผลสตรีมสื่อจาก HTMLMediaElements ด้วย Media Capture จาก DOM Element API ได้แล้ว
- Chrome
การทำภาพเคลื่อนไหวเบลอ
เคล็ดลับบางอย่างเป็นสิ่งจำเป็นในการสร้างภาพเคลื่อนไหวที่เบลออย่างมีประสิทธิภาพ
- Chrome
การเปลี่ยนแปลงใน WebVR ใน Chrome 62
ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงใน WebVR API
- Chrome
การดึงข้อมูลที่ล้มเลิกได้
ล้มเลิกการดึงข้อมูลโดยใช้เว็บแบบดั้งเดิมแบบใหม่ นั่นคือตัวควบคุมการยกเลิก
- Chrome
เหตุการณ์สำหรับตำแหน่ง CSS:Sticky
ใช้ตำแหน่ง - ติดหนึบและ IntersectionObserver ร่วมกันเพื่อกำหนดว่าจะให้องค์ประกอบติดหนึบเมื่อใด ใช้เอฟเฟกต์การเลื่อนโดยไม่มีเหตุการณ์การเลื่อน
เซ็นเซอร์สําหรับเว็บ
เซ็นเซอร์ใช้ในแอปพลิเคชันต่างๆ เพื่อเปิดใช้ฟีเจอร์ขั้นสูง เช่น เกมที่คำนึงถึงการวางแนวหรือการเร่งความเร็วของอุปกรณ์ที่ใช้งาน Generic Sensor API มีอินเทอร์เฟซทั่วไปสำหรับการเข้าถึงข้อมูลเซ็นเซอร์ดังกล่าวบนเว็บ
การเลิกใช้งานและการนำออกใน Chrome 62
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 62 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
- Chrome
การสำรวจ Back-Forward Cache สำหรับ Chrome
bfcache สร้างแคชที่ช่วยให้มีการนำทางไปยังหน้าที่เข้าชมก่อนหน้านี้ได้ทันที
- Chrome
นโยบายการเล่นอัตโนมัติใน Chrome
ดูแนวทางปฏิบัติแนะนำสำหรับประสบการณ์ของผู้ใช้ที่ดีด้วยนโยบายการเล่นอัตโนมัติแบบใหม่ใน Chrome
- Chrome
การแสดงภาพซ้อนภาพ (PIP)
มาพูดถึง Web API กัน ซึ่งจะช่วยให้เว็บไซต์ต่างๆ สร้างหน้าต่างวิดีโอแบบลอยไว้บนเดสก์ท็อปได้
- Chrome
การอัปเดตสื่อใน Chrome 62
การเล่นแบบออฟไลน์พร้อมใบอนุญาตถาวรและ Widevine L1 ใน Android, การเพิ่มประสิทธิภาพแทร็กวิดีโอ, วิดีโอเต็มหน้าจออัตโนมัติเมื่อมีการหมุนอุปกรณ์, ช่วงการค้นหาที่ปรับแต่งได้ในสตรีม MS แบบสด, FLAC ในรูปแบบ MP4 พร้อม MSE พร้อมให้ใช้งานแล้ว
- Chrome
ใหม่ใน Chrome 61
ตอนนี้ Chrome 61 รองรับโมดูล JavaScript ในตัวแล้ว ซึ่งรวมวิธีการเขียน JavaScript แบบแยกส่วน คุณสามารถใช้การแชร์จุดของตัวนำทางเพื่อทริกเกอร์กล่องโต้ตอบการแชร์แบบเนทีฟของ Android ได้แล้ว และ WebUSB API ก็ได้ลงจอดแล้ว ซึ่งช่วยให้เว็บแอปเข้าถึงอุปกรณ์ USB ที่ผู้ใช้อนุญาตได้ ยังมีอีกมากมาย
- Chrome
ขอแนะนำ VisualViewport
API วิวพอร์ตภาพจะให้รายละเอียดว่าผู้ใช้ซูมและเลื่อนไปรอบๆ หน้าเว็บของคุณอย่างไร
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 62)
โอเปอเรเตอร์ระดับสูงรออยู่ในคอนโซล, เวิร์กโฟลว์ภาพหน้าจอใหม่, การไฮไลต์ตารางกริด CSS และอื่นๆ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 61
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 61 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
- Chrome
การประมาณพื้นที่เก็บข้อมูลที่ใช้ได้
navigator.storage.estimate() ให้ข้อมูลเชิงลึกเกี่ยวกับข้อจำกัดของพื้นที่เก็บข้อมูลของเว็บแอป
- Chrome
การอัปเดตสื่อใน Chrome 61
การเพิ่มประสิทธิภาพการติดตามวิดีโอพื้นหลังและการเล่นวิดีโออัตโนมัติแบบเต็มหน้าจอเมื่อมีการหมุนอุปกรณ์พร้อมใช้งานแล้ว
- Chrome
การอัปเดตเสียง/วิดีโอใน Chrome 61
สรุปการอัปเดตเสียงและวิดีโอใน Chrome 61
- Chrome
ใหม่ใน Chrome 60
ด้วย Chrome 60 ตอนนี้คุณสามารถวัดเวลาในการวาดครั้งแรก และเวลาในการแสดงผลเนื้อหาครั้งแรกด้วย Paint Timings API คุณควบคุมวิธีแสดงผลแบบอักษรได้ด้วยคุณสมบัติ CSS การแสดงแบบอักษร WebAssembly พร้อมใช้งานแล้ว และอีกมากมาย!
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 61)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 61
- Chrome
ฟีเจอร์นิพจน์ทั่วไปที่กำลังจะเปิดตัว
ภาพรวมของฟีเจอร์ใหม่ที่น่าตื่นเต้นซึ่งมาพร้อมกับนิพจน์ทั่วไปของ JavaScript รวมถึงการบันทึกที่มีชื่อ, แฟล็ก dotAll, การหลีกพร็อพเพอร์ตี้ Unicode และการยืนยันรูปลักษณ์เบื้องหลัง
- Chrome
บล็อกสตรีมแบบสดสุดเร้าใจ - การแยกโค้ด
เราใช้การแยกโค้ดและการแบ่งส่วนตามเส้นทางเช่นเดียวกับ WebPack
- Chrome
เหตุการณ์การป้อนข้อมูลแนวเดียวกัน
การมอบประสบการณ์ของผู้ใช้ที่ราบรื่นเป็นสิ่งสำคัญสำหรับเว็บ ในช่วง 2-3 รุ่นที่ผ่านมา เราได้ลดเวลาในการตอบสนองของการป้อนข้อมูลในอุปกรณ์เหล่านี้ลง
- Chrome
DOMException - คำขอ play() ถูกขัดจังหวะ
เกิดอะไรขึ้นกับ "DOMException - คำขอ play() หยุดชะงัก"
- Chrome
การทดสอบอัตโนมัติกับ Chrome แบบ Headless
การทดสอบอัตโนมัติกับ Chrome แบบ Headless
- Chrome
การอัปเดตล่าสุดของ API การจัดการข้อมูลเข้าสู่ระบบ
การอัปเดตล่าสุดของ API การจัดการข้อมูลเข้าสู่ระบบ
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 60
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 60 เพื่อช่วยคุณวางแผน ในเวอร์ชันนี้ จะมีการปรับปรุงความปลอดภัย การเลิกใช้งาน Web Web เพิ่มเติม และอื่นๆ
- Chrome
ข้อมูลเบื้องต้นเกี่ยวกับ Budget API
Budget API ช่วยให้นักพัฒนาแอปดำเนินการเบื้องหลังได้โดยไม่ต้องแจ้งให้ผู้ใช้ทราบ ซึ่งจะเปิดใช้กรณีการใช้งาน เช่น การพุชเงียบ
- Chrome
ใหม่ใน Chrome 59
เมื่อใช้ Chrome 59 คุณสามารถเรียกใช้ Chrome ในสภาพแวดล้อมอัตโนมัติโดยไม่ต้องมีอินเทอร์เฟซผู้ใช้หรืออุปกรณ์ต่อพ่วง การแจ้งเตือนบน macOS จะแสดงผ่านระบบการแจ้งเตือนดั้งเดิมของ macOS โดยตรง ซึ่งตอนนี้คุณสามารถจับภาพความละเอียดแบบเต็มได้ด้วย API การจับภาพ และฟีเจอร์อื่นๆ อีกมากมาย
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 60)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 60
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 59
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 59 เพื่อช่วยคุณวางแผน
- Chrome
การเริ่มต้นใช้งาน Chrome แบบ Headless
การเริ่มต้นใช้งาน Chrome แบบ Headless
- Chrome
การย้ายไปใช้ระบบการแจ้งเตือนดั้งเดิมใน macOS
สำหรับ Chrome 59 เป็นต้นไป ระบบจะแสดงการแจ้งเตือนดั้งเดิมใน macOS
- Chrome
ใหม่ใน Chrome 58
Chrome 58 ช่วยให้ Progressive Web App สมจริงยิ่งขึ้นด้วยจอแสดงผลแบบเต็มหน้าจอ ขณะนี้ IndexedDB 2.0 ได้รับการรองรับแล้ว และ iframe ที่ทำแซนด์บ็อกซ์จะมีตัวเลือกมากขึ้น Pete LePage มีรายละเอียดทั้งหมดและวิธีที่คุณสามารถใช้ฟีเจอร์ใหม่เหล่านี้สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 58
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 59)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 59
- Chrome
นโยบาย Chromium ในกล่องโต้ตอบ JavaScript
กล่องโต้ตอบ JavaScript แบบซิงโครนัสแบบโมดัลมักถูกใช้สร้างความเสียหายต่อผู้ใช้ (และน่าเสียดาย) ด้วยเหตุนี้ ทีม Chromium จึงไม่แนะนำอย่างยิ่งว่าอย่าใช้กล่องโต้ตอบ JavaScript
- Chrome
การสร้างภาพเคลื่อนไหวแบบขยายและยุบ
เมื่อทำการขยายและยุบเอฟเฟกต์ คุณสามารถใช้การเปลี่ยนรูปแบบการปรับขนาดเพื่อรักษาประสิทธิภาพของ UI ได้
- Chrome
เจาะลึก CSS - matrix3d() สำหรับแถบเลื่อนที่กำหนดเองแบบเฟรมที่สมบูรณ์แบบ
เมทริกซ์การแปลงที่กำหนดเองช่วยให้คุณสามารถสร้างแถบเลื่อนที่กำหนดเองที่สมบูรณ์แบบสำหรับเฟรม
การอัปเดตสื่อใน Chrome 58
การปรับแต่งการควบคุมสื่อ การเล่นอัตโนมัติสำหรับ Progressive Web App ที่เพิ่มลงในหน้าจอหลัก หยุดการเล่นวิดีโอที่ปิดเสียงไว้ชั่วคราวเมื่อซ่อนตัว และคำค้นหาสื่อที่กำหนดขอบเขตสีอยู่ในนี้
- Chrome
เราจะข้ามสตรีม (สื่อ) ไปพร้อมๆ กัน
ปัจจุบัน เมื่อใช้ส่วนขยายแหล่งที่มาของสื่อ (MSE) ใน Chrome คุณจะไม่สามารถสลับระหว่างสตรีมที่เข้ารหัสและสตรีมแบบล้างได้ การเปลี่ยนแปลงทั้งหมดนี้จะเกิดขึ้นใน Chrome 58
- Chrome
การเลิกใช้งานและการนำออกใน Chrome 58
ข้อมูลสรุปเกี่ยวกับการเลิกใช้งานและการนำออกใน Chrome 58 เพื่อช่วยคุณวางแผน
- Chrome
การอัปเดตเสียง/วิดีโอใน Chrome 58
สรุปการอัปเดตเสียงและวิดีโอใน Chrome 58
- Chrome
แท็บพื้นหลังใน Chrome 57
แท็บพื้นหลังใน Chrome 57
- Chrome
ใหม่ใน Chrome 57
ด้วย Chrome 57 ตอนนี้คุณสามารถใช้ "ดิสเพลย์" สำหรับเลย์เอาต์แบบตารางกริด ใช้ API เซสชันสื่อเพื่อปรับแต่งหน้าจอล็อกและการแจ้งเตือนด้วยข้อมูลเกี่ยวกับสื่อที่เล่นอยู่ และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดและวิธีการใช้งานฟีเจอร์ใหม่เหล่านี้สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 57
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 58)
ฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome 58
- Chrome
ข้อมูลอัปเดตเกี่ยวกับ Lighthouse เดือนมกราคม 2017
มีอะไรใหม่ใน Lighthouse 1.5
- Chrome
ปรับแต่งการแจ้งเตือนสื่อและจัดการเพลย์ลิสต์
ปรับแต่งการแจ้งเตือนสื่อบนเว็บและตอบสนองต่อเหตุการณ์ที่เกี่ยวข้องกับสื่อด้วย Media Session API ใหม่
- Chrome
ไฟล์ Manifest - เครื่องจัดการการดำเนินการ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ action_handlers ของ manifest.json
การเลิกใช้งานและการนำ API ออกใน Chrome 57
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 57 เพื่อช่วยคุณวางแผน
- Chrome
การเปลี่ยนแปลงใน API คำขอการชำระเงิน
ใน Chrome 56 และ 57 จะมีการเปลี่ยนแปลงบางอย่างใน Payment Request API ตามการเปลี่ยนแปลงข้อกำหนด เรียนรู้ความหมายและทำการเปลี่ยนแปลงการติดตั้งใช้งานของคุณ
- Chrome
ตารางกริด CSS – เลย์เอาต์ตารางกลับมาแล้ว รับรู้และทั่วถึง
ตารางกริด CSS เป็นระบบเลย์เอาต์ใหม่สำหรับเว็บ
ใหม่ใน Chrome 56
เมื่อใช้ Chrome 56 เว็บแอปจะสื่อสารกับอุปกรณ์บลูทูธพลังงานต่ำที่อยู่ใกล้เคียงได้โดยใช้ Web Bluetooth API ตำแหน่ง CSS: ติดหนึบ คือ "ด้านหลัง" ช่วยให้สร้างองค์ประกอบที่เลื่อนตามปกติจนติดอยู่กับด้านบนสุดของวิวพอร์ตได้อย่างง่ายดาย และ HTML5 โดยค่าเริ่มต้นจะเปิดใช้งานสำหรับผู้ใช้ทุกคน
- Chrome
ทำให้การเลื่อนด้วยการแตะทำงานเร็วโดยค่าเริ่มต้น
การตอบสนองของการเลื่อนมีความสำคัญต่อการมีส่วนร่วมของผู้ใช้กับเว็บไซต์ในอุปกรณ์เคลื่อนที่ แต่ Listener เหตุการณ์การแตะมักทำให้เกิดปัญหาร้ายแรงด้านประสิทธิภาพในการเลื่อน ดูวิธีที่เราช่วยให้ผู้ใช้และนักพัฒนาแอปทำงานเร็วโดยค่าเริ่มต้น
- Chrome
ข้อมูลอ้างอิงการดีบัก JavaScript
สำรวจเวิร์กโฟลว์การแก้ไขข้อบกพร่องใหม่ในข้อมูลอ้างอิงแบบครอบคลุมนี้เกี่ยวกับฟีเจอร์การแก้ไขข้อบกพร่องของ Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การสร้างเว็บที่ดีขึ้นด้วย Lighthouse
มีอะไรใหม่ใน Lighthouse การออกแบบใหม่ การตรวจสอบแนวทางปฏิบัติที่ดีที่สุดใหม่ และเครื่องมือดูรายงานออนไลน์
- Chrome
การปรับขนาดแถบ URL
การซ่อนแถบ URL จะไม่ปรับขนาดหน้าสำหรับอุปกรณ์เคลื่อนที่อีกต่อไป
- Chrome
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome - การทำโปรไฟล์ CPU ของ JavaScript ใน Chrome 58
"บันทึกโปรไฟล์ CPU JavaScript" มีการเปลี่ยนแปลงใน Chrome 58
- Chrome
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: การจัดทำโปรไฟล์ CPU ของ JavaScript ใน Chrome 58
บันทึกโปรไฟล์ JavaScript CPU มีการเปลี่ยนแปลงใน Chrome 58
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 56
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 56 เพื่อช่วยคุณวางแผน
- Chrome
position:sticky กลับมาใน Chrome
ตำแหน่ง:ติดหนึบ กลับมาแล้ว!
- Chrome
ถ่ายรูปและควบคุมการตั้งค่ากล้อง
การจับภาพเป็น API สำหรับควบคุมการตั้งค่ากล้องและการถ่ายภาพ
- Chrome
พารัลแลกซ์สำหรับการแสดง
ใช้การบิดเบือนเชิงคณิตศาสตร์เล็กๆ น้อยๆ ได้ จึงอาจมีเอฟเฟ็กต์พารัลแลกซ์ที่สอดคล้องกับสถาปัตยกรรมของเบราว์เซอร์
- Chrome
ใหม่ใน Chrome 55
Chrome 55 ให้คุณเขียนโค้ดตามคำสัญญาได้ประหนึ่งว่าโค้ดแบบซิงโครนัสโดยใช้อะซิงโครนัสและรอ PointerEvents มอบวิธีการที่เป็นหนึ่งเดียวในการจัดการเหตุการณ์อินพุตทั้งหมด และพื้นที่เก็บข้อมูลถาวรจะจบลงจากช่วงทดลองใช้จากต้นทาง
- Chrome
เตรียมพร้อมสำหรับ Chrome Dev Summit 2016
Chrome Dev Summit 2016 จะจัดขึ้นในวันพฤหัสบดีที่ 10 และ 11 พฤศจิกายน
- Chrome
การหลีกเลี่ยงคำเตือนที่ไม่ปลอดภัยใน Chrome
ในเร็วๆ นี้ Chrome จะทำเครื่องหมายหน้าที่ไม่ปลอดภัยซึ่งมีช่องป้อนข้อมูลรหัสผ่านและบัตรเครดิตว่า "ไม่ปลอดภัย" ในแถบ URL
- Chrome
จัดการขีดกลางด้วย CSS
Chrome 55 จะใช้พร็อพเพอร์ตี้ขีดกลางเพื่อควบคุมว่าขีดกลางสั้นจะปรากฏเมื่อใดและทำงานอย่างไร
อีเมลสรุปสำหรับ DevTools เดือนตุลาคม 2016
ฟีเจอร์ใหม่ของ Console, อัปเดตเกี่ยวกับข้อบกพร่องของตัวเลือกบริบท และ User Agent ใหม่ของเบราว์เซอร์ UC
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 55
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome 56 เพื่อช่วยคุณวางแผน
- Chrome
จับภาพ MediaStream จากองค์ประกอบ Canvas วิดีโอ หรือเสียง
เมธอด cacheStream() ทำให้สามารถบันทึก MediaStream จาก Canvas องค์ประกอบเสียง หรือวิดีโอใน Android และเดสก์ท็อปได้
- Chrome
หนึ่งครั้งที่ Listener เหตุการณ์
ตอนนี้ addEventListener รองรับตัวเลือกครั้งเดียว ซึ่งทำให้ระบุเหตุการณ์ที่ล้างตัวเองได้ง่ายขึ้น
- Chrome
ชี้ไปข้างหน้า
เหตุการณ์ตัวชี้จะรวมโมเดลอินพุตตัวชี้สำหรับเบราว์เซอร์ เป็นการนำการแตะ ปากกา และเมาส์มารวมไว้ในเหตุการณ์ชุดเดียว
- Chrome
ตัวเลือกการทำงานด้วยการสัมผัส
การทำงานด้วยการแตะช่วยให้นักพัฒนาซอฟต์แวร์กำหนดวิธีที่ผู้ใช้โต้ตอบกับองค์ประกอบได้ และตอนนี้ Chrome รองรับตัวเลือกการดำเนินการด้วยการแตะใน Chrome 55 มากขึ้นแล้ว
- Chrome
auxclick จะพร้อมใช้งานใน Chrome 55
เหตุการณ์ auxclick ใหม่จะเริ่มทำงานสำหรับการคลิกปุ่มเมาส์ที่ไม่ใช่ปุ่มหลัก
- Chrome
ใหม่ใน Chrome 54
ด้วย Chrome 54 ตอนนี้คุณสามารถสร้างแท็ก HTML ที่กำหนดเองของคุณเองด้วยและทำให้คอมโพเนนต์เว็บที่นำมาใช้ใหม่ได้พร้อมองค์ประกอบที่กำหนดเอง v1 ทำให้การส่งข้อความระหว่างหน้าต่างหรือแท็บที่เปิดอยู่ในต้นทางเดียวกันทำได้ง่ายขึ้นด้วย BroadcastChannel API ส่วนประสบการณ์สื่อจะดียิ่งขึ้นใน Android และตอนนี้การดึงข้อมูลจากต่างประเทศพร้อมให้บริการแล้วในช่วงทดลองใช้จากต้นทาง
- Chrome
การอัปเดตที่ developers.google.com/web
หลักพื้นฐานในการทำเว็บไซต์แบบใหม่ - การนำทางที่ดีขึ้น เนื้อหาใหม่ และอื่นๆ
- Chrome
ข้อมูลเบื้องต้นเกี่ยวกับ Lighthouse
ดูวิธีตั้งค่า Lighthouse เพื่อตรวจสอบเว็บแอป
การแรสเตอร์เลเยอร์แบบผสมอีกครั้งเมื่อเปลี่ยนสเกล
จะเปลี่ยนแปลง - การเปลี่ยนรูปแบบหมายถึง โปรดทำให้ภาพเคลื่อนไหวเร็วขึ้น
- Chrome
ผู้ปฏิบัติงานบริการข้ามต้นทาง - การทดสอบการดึงข้อมูลจากต่างประเทศ
บริการของบุคคลที่สามสามารถเริ่มทำให้เครื่องจัดการคำขอเครือข่ายของตนเองใช้งานได้
- Chrome
CacheQueryOptions มีให้บริการใน Chrome 54
ระบบรองรับ CacheQueryOptions ทั้งชุด ทำให้ค้นพบการตอบกลับที่แคชไว้เมื่อต้องการได้ง่ายขึ้น
- Chrome
ตัวเลือกของการสมัครรับข้อมูลแบบพุช
ตอนนี้คุณเข้าถึงตัวเลือกที่ใช้เมื่อสมัครใช้บริการเพื่อพุชได้แล้ว
- Chrome
อีเมลสรุปสำหรับ DevTools กันยายน 2016 - สรุปข่าวสาร Perf
การปรับปรุงเครื่องมือ Perf ใน DevTools ในช่วง 2-3 รุ่นที่ผ่านมา
- Chrome
BroadcastChannel API - รถบัสข้อความสำหรับเว็บ
สามารถใช้ BroadcastChannel API สำหรับ Pub/Sub แบบง่ายระหว่างหน้าต่าง, แท็บ, iframe หรือผู้ปฏิบัติงาน
- Chrome
การขัดขวาง document.write()
Chrome กำลังบล็อกสคริปต์บางรายการที่เพิ่มโดยใช้ document.write()
- Chrome
Web Animations API บรรลุเป้าหมายข้ามเบราว์เซอร์
Firefox 48 ร่วมมือกับ Chrome เพื่อจัดส่งการใช้งาน Web Animations API แบบดั้งเดิม
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 53
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
- Chrome
อีเมลสรุปสำหรับ DevTools เดือนสิงหาคม 2016
สิ่งที่เกิดขึ้นกับแผงทรัพยากร ฟีเจอร์ใหม่ และกิจกรรมชุมชน
- Chrome
การเล่นอัตโนมัติแบบปิดเสียงบนอุปกรณ์เคลื่อนที่ บอกลาการแฮ็ก Canvas และ GIF แบบเคลื่อนไหวได้เลย
ฟีเจอร์เล่นอัตโนมัติแบบปิดเสียงสำหรับวิดีโอใช้ได้ใน Android จาก Chrome 53 ก่อนหน้านี้องค์ประกอบวิดีโอต้องใช้ท่าทางสัมผัสของผู้ใช้เพื่อเริ่มเล่น
- Chrome
ความสามารถในการทำงานร่วมกันของ Web Push
ข้อความ Push บนเว็บมีการอัปเดตบางอย่างใน Chrome เวอร์ชันล่าสุด ขณะนี้ GCM สนับสนุนโปรโตคอลพุชจากเว็บแล้ว และหากคุณใช้ VAPID คุณไม่จำเป็นต้องลงชื่อสมัครใช้โครงการนักพัฒนาซอฟต์แวร์ Google และได้รับปลายทาง FCM
- Chrome
แก้ไขข้อบกพร่อง Progressive Web App
ใช้แผงแอปพลิเคชันเพื่อตรวจสอบ แก้ไข และแก้ไขข้อบกพร่องของไฟล์ Manifest ของเว็บแอป, Service Worker และแคชของ Service Worker
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ทำให้ Google Analytics ออฟไลน์เป็นเรื่องง่าย
ไลบรารี sw-offline-google-analytics จะมอบข้อมูลทุกอย่างที่คุณต้องการ
- Chrome
ความซับซ้อนของตัวเลื่อนได้ไม่รู้จบ
แถบเลื่อนแบบไม่สิ้นสุดคือรูปแบบ UI ที่พบได้ทั่วไป ในที่นี้ เราจะมาดูวิธีใช้รูปแบบนี้ในแบบอนุรักษ์หน่วยความจำซึ่งมีประสิทธิภาพที่ 60 FPS
- Chrome
บอกลาเซสชันสั้นๆ ไป - ข้อเสนอสำหรับการใช้โปรแกรมทำงานของบริการเพื่อปรับปรุงการจัดการคุกกี้บนเว็บ
ขอแนะนำการพิสูจน์การออกแบบแนวคิดเพื่อคงเซสชันไว้โดยใช้ Service Worker
- Chrome
ECDSA สำหรับ WebRTC - การรักษาความปลอดภัยที่ดียิ่งขึ้น ความเป็นส่วนตัวที่ดีขึ้น และประสิทธิภาพที่ดีขึ้น
ตั้งแต่เวอร์ชัน 52 เป็นต้นไป Chrome จะใช้ ECDSA โดยค่าเริ่มต้น ซึ่งเป็นอัลกอริทึมที่มีประสิทธิภาพและปลอดภัยกว่าสำหรับการสร้างคีย์ใบรับรอง WebRTC นอกจากนี้ ระบบยังเก็บ RTCCertificates ไว้กับ IndexedDB ได้ด้วย
- Chrome
Flexbox มีลักษณะการทำงานแบบใหม่สำหรับบุตรหลานที่มีตำแหน่งแน่นอน
Flexbox มีลักษณะการทำงานแบบใหม่สำหรับบุตรหลานที่มีตำแหน่งแน่นอน
- Chrome
การแคชโปรแกรมทำงานของ Service Worker, URL ของอัตราการเล่น และ BLOB สำหรับเสียงและวิดีโอบน Chrome สำหรับ Android
ตั้งแต่เวอร์ชัน 52 เป็นต้นไป Android Chrome จะใช้ไฟล์ครีเอทีฟโฆษณาสแต็กเดียวกับ Chrome บนเดสก์ท็อป แทนที่จะใช้แพลตฟอร์มพื้นฐาน ซึ่งช่วยให้แคชสื่อของโปรแกรมทำงานของบริการ, อัตราการเล่นที่ผันแปร, URL ของ Blob ใน Android, การส่งผ่าน MediaStream ระหว่าง API และการแก้ไขข้อบกพร่องข้ามแพลตฟอร์มที่ง่ายขึ้น
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 52
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
- Chrome
การยับยั้ง CSS ใน Chrome 52
พร็อพเพอร์ตี้ CSS Containment ใหม่ช่วยให้นักพัฒนาแอปจำกัดขอบเขตของรูปแบบ เลย์เอาต์ และสีของเบราว์เซอร์ได้
- Chrome
ผู้สังเกตการณ์ประสิทธิภาพ - การเข้าถึงข้อมูลประสิทธิภาพอย่างมีประสิทธิภาพ
อินเทอร์เฟซของ Performance Observer ใหม่ใน Chrome 52 มอบการเข้าถึงข้อมูลลำดับเวลาด้านประสิทธิภาพที่มีประสิทธิภาพและอิงตามเหตุการณ์
- Chrome
อีเมลสรุปสำหรับ DevTools กันยายน 2016 - เครื่องมือสำหรับนักพัฒนาเว็บในปี 2016 เป็นต้นไป
ธีมและเทรนด์ที่ยิ่งใหญ่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บในปี 2016 และปีต่อๆ ไป
- Chrome
สตรีมคำตอบได้ทันที
เริ่มประมวลผลคำตอบของโปรแกรมทำงานบริการโดยเร็วที่สุดเพราะ ReadableStreams
- Chrome
การปรับปรุงประสิทธิภาพการเลื่อนด้วย Listener เหตุการณ์แบบแพสซีฟ
สำหรับ Chrome 51 ซึ่งเป็น Listener เหตุการณ์แบบแพสซีฟจะช่วยเพิ่มประสิทธิภาพการเลื่อนได้อย่างมาก
- Chrome
ไดเจสต์ DevTools - เพิ่มประสิทธิภาพด้วยเมนูคำสั่งใหม่
อ่านเกี่ยวกับเมนูคำสั่งใหม่สำหรับ DevTools และการทำงานกว่า 60 รายการที่ช่วยให้เวิร์กโฟลว์รวดเร็วทันใจ
- Chrome
นำ API ตำแหน่งทางภูมิศาสตร์ออกจากต้นทางที่ไม่ปลอดภัยใน Chrome 50 แล้ว
ตั้งแต่เวอร์ชัน 50 เป็นต้นไป Chrome จะไม่รองรับ HTML5 Geolocation API ผ่านการเชื่อมต่อที่ไม่ปลอดภัยอีกต่อไป
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 51
สรุปข้อมูลการเลิกใช้งานและการนำออกใน Chrome เพื่อช่วยคุณวางแผน
- Chrome
การปรับปรุงขั้นตอนการลงชื่อเข้าใช้โดยใช้ API การจัดการข้อมูลเข้าสู่ระบบ
เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ซับซ้อน จำเป็นต้องช่วยให้ผู้ใช้ตรวจสอบสิทธิ์ของตนเองในเว็บไซต์ของคุณ แต่การสร้าง การจดจำ และการพิมพ์รหัสผ่านมักจะเป็นเรื่องยากสำหรับผู้ใช้ปลายทาง โดยเฉพาะอย่างยิ่งบนอุปกรณ์เคลื่อนที่
- Chrome
มีอะไรใหม่ใน KeyboardEvents คีย์และรหัส
แอตทริบิวต์ใหม่ 2 รายการช่วยให้เว็บจัดการกิจกรรมแป้นพิมพ์ได้อย่างสอดคล้องกัน
- Chrome
เวลาทดสอบ - การตรึงการเลื่อน
การตรึงการเลื่อนจะทำให้หน้าเว็บไม่เคลื่อนที่เมื่อคุณเริ่มอ่านเนื้อหา
- Chrome
เข้าถึงอุปกรณ์ USB บนเว็บ
WebUSB API ช่วยให้ USB ปลอดภัยและใช้งานง่ายขึ้นด้วยการนำไปยังเว็บ
ภาพรวม
เริ่มต้นใช้งานเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เว็บในตัวของ Google Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เอกสารอ้างอิง API ของคอนโซล
ใช้ Console API เพื่อเขียนข้อความไปยัง Console
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
โหมดอุปกรณ์ใหม่สำหรับโทรศัพท์มือถือรุ่นแรก
ดูข้อมูลทั้งหมดเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' โหมดอุปกรณ์ใหม่ที่ปรับโฉมใหม่ซึ่งเปิดตัวใน Chrome 49
- Chrome
การสร้างอุปกรณ์ IoT ที่เปิดใช้เว็บได้ด้วย Intel Edison
ในปัจจุบัน อินเทอร์เน็ตของสรรพสิ่งเป็นสิ่งที่ทุกคนต่างก็ใช้ แต่หากคุณสามารถสร้างอุปกรณ์ IoT ที่คุณเข้าถึงจากเว็บเบราว์เซอร์ได้ ในบทความนี้ เราจะมาดูวิธีที่คุณสามารถทำได้โดยใช้ Physical Web, Web Bluetooth และ Node.js ที่ทำงานบนกระดานกลุ่มย่อย Intel® Edison Arduino
- Chrome
เพิ่มการรองรับ Canvas toBlob() ใน Chrome 50
ตั้งค่าการสนับสนุนสำหรับ Canvas.toBlob ใน Chrome 50 แล้ว
- Chrome
เพิ่มการตรวจสอบ DOMTokenList ใน Chrome 50 แล้ว
ดูการรองรับฟีเจอร์ต่างๆ ได้โดยตรงในโค้ด ซึ่งจะมีอยู่ใน Chrome 50
- Chrome
นำอาการปวดหัวออกจากการจัดการโฟกัส
ฟีเจอร์ 'จุดเริ่มต้นการนำทางที่โฟกัสตามลำดับ' กำหนดที่ที่เราจะเริ่มค้นหาองค์ประกอบที่โฟกัสได้สำหรับการนำทางที่โฟกัสตามลำดับ ([Tab] หรือ [Shift-Tab]) เมื่อไม่มีพื้นที่ที่โฟกัส ซึ่งมีประโยชน์อย่างยิ่งสำหรับฟีเจอร์การช่วยเหลือพิเศษ เช่น การข้ามลิงก์และการจัดการโฟกัสในเอกสาร
- Chrome
Chrome รองรับ createImageBitmap() ใน Chrome 50
รองรับการถอดรหัสรูปภาพในผู้ปฏิบัติงานที่ตั้งค่าให้ใช้ Chrome 50
- Chrome
เมธอด FormData สำหรับการตรวจสอบและการแก้ไข
ใน Chrome 50 ตอนนี้คุณจะโต้ตอบกับอินสแตนซ์ FormData ก่อนที่จะส่งอินสแตนซ์ในเส้นทางได้
- Chrome
การปรับปรุงภาพเคลื่อนไหวบนเว็บใน Chrome 50
การปฏิบัติตามข้อกำหนดจำเพาะที่ดียิ่งขึ้นและฟีเจอร์ใหม่ๆ ที่มาพร้อมกับ Chrome 50
- Chrome
API แหล่งที่มาของสื่อ - ช่วยให้การเล่นส่วนต่างๆ ของสื่อเป็นไปอย่างราบรื่นตามลำดับการต่อท้าย
Media Source API เปิดใช้ JavaScript เพื่อสร้างสตรีมสื่อสำหรับการเล่น ใน Chrome 50 คุณสามารถใช้โหมดลำดับ SourceBuffer เพื่อให้มั่นใจว่ากลุ่มสื่อจะมีการย้ายตำแหน่งโดยอัตโนมัติในไทม์ไลน์ตามลำดับที่ต่อท้าย โดยไม่มีช่องว่างระหว่างกลุ่ม
- Chrome
การเลิกใช้งานและการนำ API ออกใน Chrome 50
ข้อมูลสรุปเรื่องการเลิกใช้งานและการนำ API ออกใน Chrome เพื่อช่วยคุณวางแผน
- Chrome
พบกับการเปลี่ยนแปลงการวางแนวของอุปกรณ์ใน Chrome 50
DeviceOrientationEvent ใช้องศาแบบสัมพัทธ์ และมี DeviceOrientationAbsoluteEvent ใหม่
- Chrome
การจัดลำดับความสำคัญของทรัพยากรด้วยลิงก์ rel='โหลดล่วงหน้า'
Chrome 50 เพิ่มการสนับสนุน rel='preload' และเลิกใช้งาน rel='subresource'
- Chrome
การปรับปรุงการแจ้งเตือนบนเว็บใน Chrome 50 ได้แก่ ไอคอน ปิดกิจกรรม ใส่การแจ้งเตือนเกี่ยวกับค่ากำหนดและการประทับเวลา
Chrome 50 มีฟีเจอร์ใหม่ๆ ที่ยอดเยี่ยมมากมายสำหรับการแจ้งเตือน โดยมีสรุปดังนี้
- Chrome
การเข้ารหัสเพย์โหลด Web Push
Web Push รองรับเพย์โหลดแล้ว ดูวิธีใช้ประโยชน์จากฟีเจอร์ใหม่ที่มีประสิทธิภาพนี้
- Chrome
HTMLMediaElement.play() ส่งคืนคำมั่นสัญญา
บอกลาความไม่แน่นอนในการเล่นอัตโนมัติไปได้เลย! play() ได้ส่งคำสัญญากลับมาแล้ว
- Chrome
การแก้ไขข้อบกพร่องระยะไกลเต็มรูปแบบ การทำกิจกรรมในชั้นเรียน และรายการรอบดึกของเราเอง
ดูข้อมูลทั้งหมดเกี่ยวกับ UI "ตรวจสอบอุปกรณ์" ที่ปรับปรุงใหม่ สลับคลาสได้ง่ายๆ ในแผงการจัดรูปแบบที่แก้ไขแล้วตอนนี้ และรับชมโปรแกรมนำร่องของ DevTools Tonight
- Chrome
ดูตัวแปรในแหล่งที่มา
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยให้คุณเห็นตัวแปรต่างๆ ได้อย่างง่ายดายทั่วทั้งแอปพลิเคชัน
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เครื่องมือสำหรับนักพัฒนาเว็บมืดลง การแก้ไข @keyframe และการเติมข้อความอัตโนมัติที่ชาญฉลาดยิ่งขึ้น
เรียนรู้ว่าเครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณพิมพ์น้อยลงได้อย่างไรด้วยการเติมข้อความอัตโนมัติในคอนโซลที่ชาญฉลาดขึ้น วิธีแก้ไขกฎ @keyframe ในแผงรูปแบบโดยตรง วิธีใช้งานตัวแปรที่กำหนดเองของ CSS และวิธีเข้าร่วมด้านมืด
- Chrome
การอัปเดตเสียงในเว็บใน Chrome 49
สรุปข่าวสารล่าสุดบางส่วนเกี่ยวกับ Web Audio API ใน Chrome
- Chrome
ขอแนะนำพร็อกซี ES2015
พร็อกซี ES2015 (ใน Chrome 49 ขึ้นไป) จะมี Interstanceion API ให้ JavaScript ซึ่งทำให้เราสามารถดักหรือสกัดกั้นการดำเนินการทั้งหมดในออบเจ็กต์เป้าหมายและแก้ไขวิธีการทำงานของเป้าหมายนี้ได้
- Chrome
การเลื่อนอย่างราบรื่นใน Chrome 49
เบื่อกับการเลื่อนแบบกระตุกไหม เยี่ยมเลย เพราะ Chrome 49 มาพร้อมกับการเลื่อนหน้าจอที่ลื่นไหลและใหม่แกะกล่อง
- Chrome
ตัวแปร CSS - ทำไมคุณจึงควรให้ความสนใจ
ตัวแปร CSS หรือที่เรียกกันว่าคุณสมบัติที่กำหนดเองของ CSS ได้รับความนิยมใน Chrome 49 ซึ่งมีประโยชน์ในการลดการกล่าวซ้ำๆ ใน CSS รวมถึงสำหรับเอฟเฟกต์รันไทม์ที่มีประสิทธิภาพ เช่น การเปลี่ยนธีม รวมถึงการขยาย/ให้บริการฟีเจอร์ CSS ในอนาคตแบบ Polyfill
การควบคุมประสิทธิภาพของแบบอักษรด้วยการแสดงแบบอักษร
ข้อบ่งชี้การแสดงแบบอักษรใหม่สำหรับ @font-face ช่วยให้นักพัฒนาซอฟต์แวร์ตัดสินใจได้ว่าแบบอักษรในเว็บจะแสดงผลอย่างไร (หรือใช้สำรอง) โดยขึ้นอยู่กับระยะเวลาในการโหลด
- Chrome
VP9 พร้อมใช้งานใน WebRTC แล้ว
สำหรับ Chrome 48 ในเดสก์ท็อปและ Android นั้น VP9 จะเป็นตัวแปลงรหัสวิดีโอที่ไม่บังคับสำหรับวิดีโอคอลที่ใช้ WebRTC
- Chrome
บันทึกเสียงและวิดีโอด้วย MediaRecorder
MediaRecorder API ช่วยให้คุณบันทึกเสียงและวิดีโอจากเว็บแอปได้ โดยตอนนี้พร้อมใช้งานแล้วใน Firefox และ Chrome สำหรับ Android และเดสก์ท็อป
- Chrome
การดำเนินการการแจ้งเตือนใน Chrome 48
ผู้ใช้สามารถโต้ตอบกับเว็บไซต์ของคุณได้โดยไม่ต้องเปิดหน้าขึ้นมาโดยใช้ปุ่มการทำงานการแจ้งเตือน
- Chrome
การประทับเวลาความละเอียดสูงสำหรับเหตุการณ์
ดูเมื่อเหตุการณ์เกิดขึ้นด้วยความแม่นยำในระดับไมโครวินาทีด้วย DOMHighResTimeStamp
- Chrome
การจัดการ URL อย่างง่ายดายด้วย URLSearchParams
TURLSearchParams การเข้าถึงเล็กๆ น้อยๆ และการควบคุมสตริงข้อความค้นหาของ URL
- Chrome
Google Cast สำหรับ Chrome บน Android
ตอนนี้ Chrome บน Android อนุญาตให้เว็บไซต์บนอุปกรณ์เคลื่อนที่นำเสนอไปยังอุปกรณ์ Google Cast โดยใช้ Presentation API และ Cast Web SDK ได้แล้ว
- Chrome
เริ่มต้นใช้งาน Progressive Web App
ดูวิธีเริ่มต้นสร้าง Progressive Web App
- Chrome
เปิดตัวแผงความปลอดภัยในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลทั้งหมดเกี่ยวกับแผงความปลอดภัยใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ขอแนะนำการซิงค์ในเบื้องหลัง
การซิงค์ในเบื้องหลังเป็น Web API ใหม่ที่ช่วยให้คุณเลื่อนการดำเนินการได้จนกว่าผู้ใช้จะมีการเชื่อมต่อที่เสถียร ซึ่งมีประโยชน์ในการตรวจสอบว่าข้อมูลที่ผู้ใช้ต้องการส่งนั้นส่งจริงๆ
- Chrome
อีเมลสรุปสำหรับ DevTools (รุ่น CDS): ภาพรวมเกี่ยวกับอนาคตและการจัดทำ RAIL
เรียนรู้วิธีที่เครื่องมือสำหรับนักพัฒนาเว็บจะเข้าสู่โลกอุปกรณ์เคลื่อนที่เป็นอันดับแรกด้วยโหมดอุปกรณ์ใหม่ที่มีประสิทธิภาพยิ่งขึ้นที่เปิดอยู่เสมอ ใช้ปุ่มสีเพื่อเพิ่มสีให้กับตัวเลือกอย่างรวดเร็วและดูสิ่งที่กำลังจะมาใน DevTools เร็วๆ นี้
- Chrome
เว็บแอปที่โหลดทันทีด้วยสถาปัตยกรรม Application Shell
สถาปัตยกรรม Application Shell เป็นวิธีการสร้าง Progressive Web App ในปัจจุบัน โดยใช้ประโยชน์จากเทคโนโลยีที่หลากหลาย
- Chrome
อีเมลสรุปของ DevTools - การแก้ไของค์ประกอบอย่างมีประสิทธิภาพ การแก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการ และเฉดสีดีไซน์ Material
ใช้เมนูตามบริบทใหม่ของแผง DOM เพื่อแก้ไขโหนดอย่างมีประสิทธิภาพ แก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการโดยตรงผ่านแผงทรัพยากร เลือกจากเฉดสีดีไซน์ Material ทั้งหมดในแถบสี ไลบรารี JS ของ Blackbox ได้ง่ายขึ้น
- Chrome
แหล่งข้อมูลสำหรับภาพเคลื่อนไหวในเว็บ
ทรัพยากรและอื่นๆ สำหรับ Web Animations API
จัดการการทริกเกอร์การแตะเพื่อค้นหา
ทำความเข้าใจว่าฟีเจอร์แตะเพื่อค้นหามีการเรียกให้แสดงเมื่อใดและอย่างไร
- Chrome
การแจ้งเตือนต้องมีการโต้ตอบ - UX การแจ้งเตือนที่ราบรื่นยิ่งขึ้นบนเดสก์ท็อป
การแจ้งเตือนบนเดสก์ท็อปจะปิดโดยอัตโนมัติหลังจากช่วงเวลาสั้นๆ
- Chrome
ความสามารถของอุปกรณ์อินพุต
วิธีการที่ง่ายขึ้นในการปรับตรรกะเมาส์และการสัมผัสเมื่อไม่มี PointerEvents
- Chrome
ไดเจสต์ของ DevTools - การจัดลำดับแท็บ, คอนโซลใน Listener เหตุการณ์แบบที่ 2 และเฟรมเวิร์ก
จัดเรียงแท็บ DevTools ใหม่ตามวิธีที่เหมาะกับคุณที่สุดและดูว่าเหตุการณ์ของเฟรมเวิร์กถูกเชื่อมโยงไว้ตรงไหน
- Chrome
เลือกกล้อง ไมโครโฟน และลำโพงจากเว็บแอป
อินเทอร์เฟซ Mediadevices ให้การเข้าถึงอุปกรณ์อินพุตและเอาต์พุตที่ใช้ได้กับเบราว์เซอร์ ซึ่งรวมถึงกล้อง ไมโครโฟน และลำโพง
- Chrome
เรียกใช้ข้อมูลโค้ด JavaScript
ข้อมูลโค้ดคือสคริปต์ขนาดเล็กที่คุณเขียนและเรียกใช้ได้ในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome โดยคุณจะเข้าถึงและเรียกใช้การ์ดดังกล่าวได้จากหน้าใดก็ได้ เมื่อคุณเรียกใช้ข้อมูลโค้ด ข้อมูลโค้ดจะทำงานจากบริบทของหน้าที่กำลังเปิดอยู่
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ส่วนขยายตัวบันทึก EME
EME Logger คือส่วนขยาย Chrome ที่บันทึกกิจกรรมส่วนขยายสื่อที่เข้ารหัส (EME) และการเรียกใช้คอนโซล DevTools
- Chrome
การอัปเดต API แคชของ Service Worker
Chrome 46 นำวิธีการใหม่ๆ มาใช้ในแคช เช่นเดียวกับ Chrome 47 และเวอร์ชัน 48 ไม่มีที่สิ้นสุด
- Chrome
API ประวัติ - การกู้คืนการเลื่อน
การอัปเดต History API เพื่อป้องกันการกระโดดจากการเลื่อนอย่างไม่น่าไว้ใจ
- Chrome
การทิ้งแท็บใน Chrome - การทดลองประหยัดหน่วยความจำ
การลดการใช้หน่วยความจำของ Chrome คือภารกิจสำคัญอย่างหนึ่งที่ทีมให้ความสำคัญในปีนี้
- Chrome
เปิดตัวการปักหมุดคีย์สาธารณะด้วยการรายงาน HPKP
Chrome 46 มาพร้อมกับฟีเจอร์ที่เรียกว่า "การรายงาน HPKP" ซึ่งจะช่วยคุณเปิดใช้ SSL รูปแบบที่เข้มงวดขึ้นสำหรับเว็บไซต์ของคุณได้
- Chrome
การใช้ไฟล์ Manifest ของเว็บแอปเพื่อระบุสีธีมแบบทั่วทั้งไซต์
ตั้งค่าสีธีมในไฟล์ Manifest และกำหนดให้ใช้กับทุกหน้าในเว็บไซต์เมื่อเปิดจากหน้าจอหลัก
- Chrome
ตัวกรองแผงเครือข่ายขั้นสูงที่ใหญ่กว่าและตัวกรองอื่นๆ
คุณทราบไหมว่าตัวกรองในแผงเครือข่ายรองรับป้ายกำกับการค้นหาที่กำหนดเองที่ดีเพียงไม่กี่ป้าย
- Chrome
กลเม็ดเคล็ดลับง่ายๆ บนแป้นพิมพ์สำหรับใช้ในแผงรูปแบบ
เรียนรู้วิธีไปยังส่วนต่างๆ ของแผงรูปแบบอย่างมีประสิทธิภาพด้วยเคล็ดลับแป้นพิมพ์ที่มีประโยชน์
- Chrome
อีเมลสรุปสำหรับ DevTools - รายละเอียดไทม์ไลน์แบบรวม ชุดสี และอื่นๆ
ดูว่าสคริปต์ของบุคคลที่สามรายการใดที่ทำให้เกิดปัญหาด้านประสิทธิภาพเกี่ยวกับรายละเอียดโดยรวมในไทม์ไลน์ วิธีเลือกสีที่สอดคล้องกันกับชุดสีใหม่ และอื่นๆ อีกมากมาย
- Chrome
รุ่นใหม่ของ Material Design Lite - 1.0.4
มีการเปิดตัว Material Design Lite ใหม่ที่มาพร้อมกับการแก้ไขข้อบกพร่องและการปรับปรุงกระบวนการสร้าง
- Chrome
การใช้ requestIdleCallback
requestIdleCallback เป็น API ประสิทธิภาพใหม่สําหรับการตั้งเวลางานเมื่อเบราว์เซอร์ไม่มีการใช้งาน
- Chrome
การใช้ภาพโปสเตอร์ในเนื้อหาปลั๊กอิน
ตอนนี้ Chrome เพิ่มภาพโปสเตอร์ที่กำหนดเองลงในองค์ประกอบของออบเจ็กต์เพื่อปรับปรุงประสิทธิภาพการโหลดที่รับรู้ได้ของปลั๊กอินอย่างเช่น Flash ได้แล้ว
- Chrome
แก้ไข HTML ในแผงคอนโซล
เมนูตามบริบทของโหนด DOM ซึ่งคุณอาจจำได้จากแผงองค์ประกอบก็แสดงอยู่ในแผงคอนโซลเช่นกัน
- Chrome
เคล็ดลับ 5 ข้อที่ควรใช้ในแผงคอนโซล
เคล็ดลับ 5 ข้อที่ควรใช้ในแผงคอนโซล
- Chrome
ทำซ้ำโหนด DOM ได้ง่าย
คุณสามารถเปลี่ยน DOM ได้อย่างง่ายดายโดยไม่ต้องแก้ไข HTML เป็นสตริงขนาดใหญ่
- Chrome
บ้านหลังใหม่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
เราได้ย้ายมาอยู่ในบ้านหลังใหม่เอี่ยมที่ Developers.google.com/web/tools/chrome-devtools และมีบทแนะนำและเคล็ดลับใหม่ๆ ที่ยอดเยี่ยมสำหรับคุณ
- Chrome
เบรดครัมบ์ DOM ที่ได้รับการปรับปรุง
คุณทราบหรือไม่ว่าแผงองค์ประกอบมีเส้นทางเบรดครัมบ์
- Chrome
การแก้ไข CSS แบบเรียลไทม์ในแหล่งที่มา
ทราบหรือไม่ว่าคุณสามารถแก้ไข CSS แบบเรียลไทม์ได้ในแหล่งที่มาและอัปเดตหน้าเว็บแบบเรียลไทม์
- Chrome
อีเมลสรุปเครื่องมือสำหรับนักพัฒนาเว็บ - แถบฟิล์มและบ้านหลังใหม่สำหรับการควบคุม
พบกับฟังก์ชันการทำงานใหม่ของแถบฟิล์มและอื่นๆ ได้ในข้อมูลอัปเดตแรกของ DevTools Digest
- Chrome
การสื่อสารกับอุปกรณ์บลูทูธผ่าน JavaScript
Web Bluetooth API ช่วยให้เว็บไซต์สื่อสารกับอุปกรณ์บลูทูธได้
เพิ่มอุปกรณ์ที่กำหนดเองใหม่เป็นค่าที่กำหนดล่วงหน้า
คุณจําลองอุปกรณ์ที่มีมิติข้อมูลบางอย่างอยู่บ่อยครั้งหรือไม่ คุณสามารถเพิ่มค่าที่กำหนดล่วงหน้าใหม่ของอุปกรณ์ได้ในโหมดอุปกรณ์สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเลิกใช้งาน MediaStream
MediaStream API แสดงสตรีมเสียงหรือวิดีโอที่ซิงค์ MediaStream.ended, MediaStream.label และ MediaStream.stop() จะเลิกใช้งาน ใช้ MediaStream.active, MediaStreamTrack.label และ MediaStreamTrack.stop() แทน
- Chrome
การวัดประสิทธิภาพใน Service Worker
หากคุณวัดประสิทธิภาพของคำขอในโปรแกรมทำงานของบริการไม่ได้ คุณจะอธิบายว่าคำขอช่วยปรับปรุงประสิทธิภาพได้อย่างไร ตอนนี้คุณตอบคำถามนั้นด้วยการเปลี่ยนแปลงล่าสุดใน Chrome ได้แล้ว
- Chrome
การแจ้งเตือนการเล่นสื่อสำหรับ Chrome บน Android
เมื่อเสียงหรือวิดีโอกำลังเล่นบนหน้าเว็บ การแจ้งเตือนที่แสดงชื่อหน้าและปุ่มเล่น/หยุดชั่วคราวจะแสดงในถาดการแจ้งเตือนและบนหน้าจอล็อก การแจ้งเตือนสามารถใช้เพื่อหยุดชั่วคราว/เล่นต่อ หรือกลับไปยังหน้าที่กำลังเล่นสื่อนั้นได้
- Chrome
การใช้การหมุนAngle และ TouchRadius
Chrome 45 มีการเปลี่ยนแปลงเล็กๆ น้อยๆ ที่จะทำให้นักพัฒนาแอปสร้างแอปที่มีระบบสัมผัสที่ดีขึ้นได้ง่ายขึ้น
- Chrome
ตรวจสอบและทริกเกอร์คิวรี่สื่อ CSS
โหมดอุปกรณ์มีตัวตรวจสอบการค้นหาสื่อในตัวซึ่งช่วยให้ออกแบบการตอบสนองได้ง่ายขึ้น
- Chrome
ทางลัดสำหรับเลือกรายการถัดไป
ในเครื่องมือแก้ไขแผงแหล่งที่มา คุณสามารถเลือกรายการถัดไปด้วย Cmd + D
- Chrome
เลือกและเรียกใช้บล็อกโค้ดในแผงแหล่งที่มา
ใช้แป้นพิมพ์ลัด Ctrl + Shift + E เพื่อเรียกใช้บล็อกโค้ดที่ไฮไลต์ไว้ในแผงแหล่งที่มา
- Chrome
ตั้งค่าเบรกพอยท์ตามเงื่อนไขที่เจาะจง
เมื่อตั้งค่าเบรกพอยท์ คุณสามารถทำให้เป็นเงื่อนไขตามผลลัพธ์ของนิพจน์ได้
- Chrome
เลื่อนดูแผงเครื่องมือสำหรับนักพัฒนาเว็บอย่างรวดเร็ว
คุณสามารถใช้ Cmd+] (หรือ Cmd+[) เพื่อเลื่อนดูแผงต่างๆ ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
พิมพ์สแต็กเทรซด่วนจากคอนโซล
คุณใช้ Console.trace() เพื่อรับสแต็กเทรซได้อย่างรวดเร็วและง่ายดายเพื่อให้เข้าใจกระบวนการเรียกใช้โค้ดได้ดียิ่งขึ้น
- Chrome
ใครเป็นผู้ตรวจสอบ
ทราบไหมว่าคุณตรวจสอบเครื่องมือสำหรับนักพัฒนาเว็บด้วยเครื่องมือสำหรับนักพัฒนาเว็บได้
- Chrome
ทริกเกอร์คลาสจำลองในองค์ประกอบ
เคยพยายามแก้ไขข้อบกพร่องของเอฟเฟกต์การวางเมาส์ใน CSS แล้ว แต่วางเมาส์ไว้บนองค์ประกอบไม่สำเร็จไหม นี่คือวิธีการ
- Chrome
การค้นหาทั่วทั้งโปรเจ็กต์พร้อมขอบเขตไฟล์ที่ไม่บังคับ
ดูคำสั่งลับเพื่อค้นหาแบบมือโปรในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
กลุ่มสีของเครือข่าย
เรียนรู้ว่าสีใดจับคู่กับประเภททรัพยากรเพื่อให้ระบุทรัพยากรได้อย่างง่ายดาย
- Chrome
แสดงตัวอย่างค่า JavaScript ในบรรทัดขณะแก้ไขข้อบกพร่อง
ดูวิธีดูตัวอย่างค่าตัวแปร JavaScript ในเครื่องมือสำหรับนักพัฒนาเว็บขณะแก้ไขข้อบกพร่อง
- Chrome
แก้ไข/ดูทรัพยากรอย่างรวดเร็วจากแผงองค์ประกอบ
แก้ไข/ดูทรัพยากรอย่างรวดเร็วจากแผงองค์ประกอบ
- Chrome
event_rules
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ event_rules ของ manifest.json
- ส่วนขยาย Chrome
event_rules
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ event_rules ของ manifest.json
- ส่วนขยาย Chrome
ส่วนขยายแหล่งที่มาของสื่อสำหรับเสียง
Media Source Extensions (MSE) มอบการควบคุมบัฟเฟอร์และการเล่นเพิ่มเติมสำหรับองค์ประกอบเสียงและวิดีโอ HTML5 จากเดิมที่พัฒนาขึ้นมาเพื่ออำนวยความสะดวกในการสตรีมแบบปรับอัตโนมัติผ่านโปรแกรมเล่นวิดีโอที่ใช้ HTTP (DASH) คุณจะใช้ MSE สำหรับเสียงได้ โดยเฉพาะอย่างยิ่งเพื่อเล่นโดยไม่ขาดตอน
- Chrome
การแจ้งให้คุณทราบเกี่ยวกับการเปลี่ยนแปลงการแจ้งเตือน
มีการเพิ่ม API ใหม่ 2 รายการใน Chrome 44 ซึ่งทำให้การใช้งานการแจ้งเตือนและการพุชทำงานและปรับแต่งได้ง่ายขึ้น
- Chrome
Alt + คลิกเพื่อขยายโหนดย่อยทั้งหมด
Alt + คลิกเพื่อขยายโหนดย่อยทั้งหมด
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ดูตัวเลือกที่ตรงกัน
เมื่อคุณดูตัวเลือกในแผงรูปแบบ ส่วนของตัวเลือกที่คั่นด้วยเครื่องหมายจุลภาคจะมีสีต่างกัน โดยขึ้นอยู่กับว่าส่วนเหล่านั้นตรงกับโหนด DOM ที่เลือกหรือไม่
- Chrome
คำขอเครือข่ายที่ยังไม่เสร็จ
คุณสามารถใช้ตัวกรองเครือข่ายขั้นสูงที่เรียกใช้ IS เพื่อดูคำขอเครือข่ายที่ยังไม่เสร็จสิ้น (เช่น คำขอที่ทำงานอยู่)
- Chrome
ใช้แป้นพิมพ์เพื่อไปยังส่วนต่างๆ ของ Calltack
วิธีตั้งค่าเบรกพอยท์และนำทางผ่านการเรียกใช้สแต็กด้วยแป้นพิมพ์ลัด
- Chrome
กดปุ่ม Command เพื่อเพิ่มเคอร์เซอร์หลายรายการในแผงแหล่งที่มา
ดูวิธีแก้ไขเคอร์เซอร์หลายรายการในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
คัดลอกรูปภาพเป็น URI ข้อมูล
คลิกขวาที่ตัวอย่างรูปภาพภายในแผงทรัพยากรเพื่อคัดลอกเป็น URI ข้อมูล (เข้ารหัสฐาน 64)
- Chrome
เครื่องมือแก้ไขการค่อยๆ เปลี่ยน
เลือกคุณสมบัติ CSS การค่อยๆ เปลี่ยนเพื่อดูตัวอย่างภาพเคลื่อนไหวของลักษณะการทำงาน
- Chrome
ตรวจสอบเหตุการณ์จากแผงคอนโซลได้อย่างรวดเร็ว
คุณสามารถบันทึกเหตุการณ์ทั้งหมดที่ส่งไปยังออบเจ็กต์ได้โดยใช้เมธอด API ของบรรทัดคำสั่ง MonitorEvents(object [, events])
- Chrome
โหนด DOM ที่เลือกในปัจจุบัน
ดูวิธีทางลัดของคอนโซลด่วนเพื่อรับโหนด DOM ที่เลือกในปัจจุบัน
- Chrome
แท็กแก้ไของค์ประกอบแบบรวดเร็ว
คุณดับเบิลคลิกชื่อแท็กเปิดของโหนดในแผงองค์ประกอบเพื่อแก้ไขได้
- Chrome
การปรับปรุง UI และฟีเจอร์บางอย่างของเครื่องมือเลือกสี
เครื่องมือเลือกสีใน DevTools กำลังอัปเกรด ปัจจุบันอยู่ใน Chrome Canary
- Chrome
แสดงในแผงองค์ประกอบ
แสดงโหนด DOM ในแผงองค์ประกอบจากคอนโซล
- Chrome
รับและแก้ไขข้อบกพร่อง Listener เหตุการณ์
รับและแก้ไขข้อบกพร่องของ Listener เหตุการณ์ในเครื่องมือสำหรับนักพัฒนาเว็บด้วยคำสั่งของคอนโซลเหล่านี้
- Chrome
หยุดชั่วคราวโดยอัตโนมัติทุกข้อยกเว้น
ในเครื่องมือสำหรับนักพัฒนาเว็บ คุณสามารถหยุดชั่วคราวโดยอัตโนมัติเมื่อมีข้อยกเว้นใดก็ได้ (โดยเฉพาะอย่างยิ่งสำหรับข้อยกเว้นที่ไม่พบ)
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เปลี่ยนค่า CSS อย่างรวดเร็ว
เปลี่ยนค่า CSS อย่างรวดเร็วด้วยแป้นพิมพ์หรือเมาส์วีล
- Chrome
เล่นคำขอเครือข่ายซ้ำใน cURL
ดูวิธีแก้ไขข้อบกพร่องของคำขอเครือข่ายจากบรรทัดคำสั่ง
- Chrome
เติมข้อความอัตโนมัติสำหรับเครื่องหมายวงเล็บ
ทราบหรือไม่ว่าคุณสามารถใส่เครื่องหมายวงเล็บเหลี่ยมอัตโนมัติได้ในแผงแหล่งที่มา
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ดูและเปลี่ยนเบรกพอยท์ DOM
วิธีดูและเปลี่ยนเบรกพอยท์ DOM ด้วยแผงเบรกพอยท์ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
เลื่อนองค์ประกอบเข้าสู่วิวพอร์ต
หากองค์ประกอบที่กำลังตรวจสอบไม่อยู่ในมุมมอง ให้ดูวิธีนำองค์ประกอบดังกล่าวเข้ามาในวิวพอร์ต
- Chrome
การทริกเกอร์คลาสจำลอง
ดูวิธีทริกเกอร์คลาสจำลอง เช่น :active เพื่อแก้ไขข้อบกพร่องของ CSS อย่างเหมาะสม
- Chrome
แถบฟิล์มในแผงเครือข่าย
เลื่อนดูแผงเครือข่ายและดูภาพหน้าจอที่บันทึกไว้ระหว่างการโหลดหน้าเว็บ
- Chrome
การส่งต่อพอร์ต
การส่งต่อพอร์ตของ DevTools ช่วยให้ URL ของ Localhost ทำงานได้บนอุปกรณ์เคลื่อนที่
- Chrome
ค้นหาแผนผัง DOM ตามตัวเลือก CSS
เมื่อเรียกดู DOM ด้วยแผงองค์ประกอบ ให้ลองค้นหาโหนดผ่าน CMD/Ctrl+F ด้วยตัวเลือก CSS ของโหนดเหล่านั้น
- Chrome
ขยายคุณสมบัติชื่อย่อ CSS
ในแผงรูปแบบ คุณสามารถขยายคุณสมบัติแบบย่อของ CSS เช่น เฟล็กซ์หรือระยะห่างจากขอบ แล้วดูคุณสมบัติทั้งหมดที่กำหนดไว้สำหรับคุณ
- Chrome
รับการแจ้งเตือนข้อผิดพลาด JS ขณะพิมพ์
หากคุณได้รับข้อผิดพลาดในแผงคอนโซล ให้คลิกเพื่อเปิดบรรทัดในแผงแหล่งที่มาที่มีตัวบ่งชี้ว่าข้อผิดพลาดปรากฏขึ้น
- Chrome
บันทึกไทม์ไลน์ได้ง่ายๆ
ลองยกเลิกเครื่องมือสำหรับนักพัฒนาเว็บไปยังหน้าต่างแยกต่างหาก เพื่อให้ปุ่มบันทึกอยู่ในตำแหน่งที่ใกล้กับส่วนของหน้าที่คุณต้องการทำงาน
- Chrome
ไฟล์ Manifest - เครื่องพิมพ์ USB
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ usb_printers ของ manifest.json
ไปที่หมายเลขบรรทัดในคอลัมน์ที่ต้องการ
ดูวิธีข้ามไปยังหมายเลขบรรทัดที่ต้องการในแผงแหล่งที่มา
- Chrome
ข้ามไปยัง Listener เหตุการณ์ได้อย่างง่ายดาย
ดูวิธีแสดงคำจำกัดความฟังก์ชันของ Listener เหตุการณ์ที่ลงทะเบียนไว้ในโหนดใดก็ได้
- Chrome
วิดีโอประสิทธิภาพสูงที่มีการถอดรหัสด้วยฮาร์ดแวร์
การสนับสนุนวิดีโอฮาร์ดแวร์จะช่วยเพิ่มประสิทธิภาพในการถอดรหัสไปยังปลั๊กอินรวมถึงวิดีโอ HTML5 ผู้ใช้ Flash ควรเปลี่ยนจากวิดีโอรูปแบบเก่าเป็นออบเจ็กต์ StageVideo
- Chrome
ไฮไลต์ข้อความแบบละเอียด
ดูคำสั่งที่ดำเนินการจริงด้วยการไฮไลต์แบบละเอียด
- Chrome
โหลดซ้ำแบบดึงข้อมูลใหม่ทั้งหมด
เมื่อเปิดเครื่องมือสำหรับนักพัฒนาเว็บแล้ว ให้คลิกปุ่มโหลดซ้ำค้างไว้เพื่อดูตัวเลือกเพิ่มเติม
- Chrome
การแก้ไขในเครื่อง
การแก้ไขในเครื่องช่วยให้คุณเห็นว่ามีการเปลี่ยนแปลงใดเกิดขึ้นบ้าง (ผ่านเครื่องมือสำหรับนักพัฒนาเว็บ) ในไฟล์ต้นฉบับบางรายการ
- Chrome
วนแก้ไขสถานที่
ประวัติตำแหน่งของเคอร์เซอร์จะถูกเก็บไว้ในแผงที่มา ซึ่งคุณสามารถดูตำแหน่งการแก้ไขก่อนหน้าโดยใช้ Alt+(ย้อนกลับ) หรือ Alt+(ไปข้างหน้า)
- Chrome
คัดลอกคําตอบของทรัพยากรเครือข่ายไปยังคลิปบอร์ด
นอกจากการคัดลอกส่วนหัวคำขอ/การตอบกลับของทรัพยากรเครือข่ายแล้ว คุณยังคัดลอกการตอบกลับได้อีกด้วย
- Chrome
เลือกคอลัมน์โดยการลาก
คุณสามารถเลือกคอลัมน์ในเครื่องมือแก้ไขแผงแหล่งที่มาได้โดยกด Alt ค้างไว้ขณะลากเมาส์
- Chrome
ข้อมูลโค้ดที่กำหนดไว้ล่วงหน้า
วิธีเรียกใช้ข้อมูลโค้ดที่กำหนดไว้ล่วงหน้าบนหน้าเว็บ
- Chrome
แท็กองค์ประกอบที่แก้ไขอย่างรวดเร็ว
คุณดับเบิลคลิกชื่อแท็กเปิดของโหนดในแผงองค์ประกอบเพื่อแก้ไขได้
- Chrome
คัดลอกรูปภาพเป็น URI ข้อมูล
คลิกขวาที่ตัวอย่างรูปภาพภายในแผงทรัพยากรเพื่อคัดลอกเป็น URI ข้อมูล (เข้ารหัสฐาน 64)
- Chrome
แสดงในแผงองค์ประกอบ
แสดงโหนด DOM ในแผงองค์ประกอบจากคอนโซล
- Chrome
ดูตัวเลือกที่ตรงกัน
เมื่อคุณดูตัวเลือกในแผงรูปแบบ ส่วนของตัวเลือกที่คั่นด้วยเครื่องหมายจุลภาคจะมีสีต่างกัน โดยขึ้นอยู่กับว่าส่วนเหล่านั้นตรงกับโหนด DOM ที่เลือกหรือไม่
- Chrome
ตรวจสอบเหตุการณ์จากแผงคอนโซลได้อย่างรวดเร็ว
คุณสามารถบันทึกเหตุการณ์ทั้งหมดที่ส่งไปยังออบเจ็กต์ได้โดยใช้เมธอด API ของบรรทัดคำสั่ง MonitorEvents(object [, events])
- Chrome
กดปุ่ม Command เพื่อเพิ่มเคอร์เซอร์หลายรายการในแผงแหล่งที่มา
ดูวิธีแก้ไขเคอร์เซอร์หลายรายการในแผงแหล่งที่มาของเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
Alt + คลิกเพื่อขยายโหนดย่อยทั้งหมด
Alt + คลิกเพื่อขยายโหนดย่อยทั้งหมด
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
สลับสถานะแท่นชาร์จของเครื่องมือสําหรับนักพัฒนาเว็บด้วยแป้นพิมพ์ลัด
ใช้ Cmd + Shift + D เพื่อสลับสถานะการตรึงเครื่องมือสำหรับนักพัฒนาเว็บ 2 สถานะที่ใช้ล่าสุด
- Chrome
สลับสถานะแท่นชาร์จของเครื่องมือสําหรับนักพัฒนาเว็บด้วยแป้นพิมพ์ลัด
ใช้ Cmd + Shift + D เพื่อสลับสถานะการตรึงเครื่องมือสำหรับนักพัฒนาเว็บ 2 สถานะที่ใช้ล่าสุด
- Chrome
คำขอเครือข่ายที่ยังไม่เสร็จ
คุณสามารถใช้ตัวกรองเครือข่ายขั้นสูงที่เรียกใช้ IS เพื่อดูคำขอเครือข่ายที่ยังไม่เสร็จสิ้น (เช่น คำขอที่ทำงานอยู่)
- Chrome
เครื่องมือแก้ไขการค่อยๆ เปลี่ยน
เลือกคุณสมบัติ CSS การค่อยๆ เปลี่ยนเพื่อดูตัวอย่างภาพเคลื่อนไหวของลักษณะการทำงาน
- Chrome
อักษรตัวพิมพ์ใหญ่อัตโนมัติสำหรับมือถือ
เรากำลังนำรายการข้อความที่ผู้ใช้รู้สึกไม่พอใจอยู่ออก
- Chrome
ตัดและคัดลอกคำสั่ง
การรองรับคำสั่งตัดและคัดลอกช่วยให้คุณตัดและคัดลอกข้อความที่เลือกไปยังคลิปบอร์ดของผู้ใช้ได้แบบเป็นโปรแกรม
- Chrome
เอกสารอ้างอิง Console Utilities API
การอ้างอิงฟังก์ชันอำนวยความสะดวกที่มีในคอนโซล Chrome DevTools
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การดีบัก WebView จากระยะไกล
แก้ไขข้อบกพร่อง WebView ในแอป Android ที่มาพร้อมเครื่องโดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตอนนี้แอตทริบิวต์ DOM อยู่ในเชนต้นแบบแล้ว
Chrome สอดคล้องกับข้อกำหนดนั้นๆ ตรวจสอบเว็บไซต์ของคุณหากคุณใช้ตรรกะของ WebKit สำหรับการเผยแพร่แอตทริบิวต์
- Chrome
การแก้ไขข้อบกพร่องระยะไกลของอุปกรณ์ Android
แก้ไขข้อบกพร่องเนื้อหาสดในอุปกรณ์ Android จากระยะไกลในคอมพิวเตอร์ Windows, Mac หรือ Linux
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
จำลองและทดสอบเบราว์เซอร์อื่นๆ
งานของคุณไม่ได้สิ้นสุดแค่การตรวจสอบว่าเว็บไซต์ทำงานได้อย่างดีเยี่ยมทั้งบน Chrome และ Android แม้ว่าโหมดอุปกรณ์สามารถจำลองอุปกรณ์อื่น เช่น iPhone ได้ แต่เราขอแนะนำให้คุณลองใช้โซลูชันเบราว์เซอร์อื่นๆ เพื่อจำลอง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูทรัพยากรของหน้า
จัดระเบียบทรัพยากรตามเฟรม โดเมน ประเภท หรือเกณฑ์อื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
แก้ไขข้อบกพร่องของโค้ดต้นฉบับแทนที่จะใช้กับการแมปแหล่งที่มา
ทำให้โค้ดฝั่งไคลเอ็นต์สามารถอ่านและแก้ไขข้อบกพร่องได้แม้ว่าคุณจะรวม ลดขนาด หรือคอมไพล์แล้วแล้วก็ตาม
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
API สิทธิ์สำหรับเว็บ
Permissions API เป็นศูนย์กลางในการตรวจสอบสถานะสิทธิ์ของ API
- Chrome
แนวคิดที่ง่ายขึ้นในการตั้งชื่อภาพเคลื่อนไหวบนเว็บ
เราจะเปลี่ยนชื่อฟีเจอร์ภาพเคลื่อนไหวบนเว็บบางรายการที่กำลังจะเปิดตัวตามความคิดเห็นของนักพัฒนาแอป
- Chrome
บ้านหลังใหม่สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
เราย้ายมาอยู่ในบ้านหลังใหม่เอี่ยมที่ developer.google.com/web ซึ่งมีบทแนะนำและเคล็ดลับใหม่ๆ ที่เป็นประโยชน์สำหรับคุณ
- Chrome
ไทม์ไลน์สำหรับ DevTools - นำเสนอเรื่องราวทั้งหมด
เราได้อัปเกรดแผงไทม์ไลน์สำหรับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อให้นักพัฒนาซอฟต์แวร์ได้รับข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับประสิทธิภาพรันไทม์ของเว็บไซต์
- Chrome
ข้อความ Push ใน Open Web
ข้อความ Push และการแจ้งเตือนจะเข้าสู่ Chrome 42 แล้ว
- Chrome
การจัดการพื้นที่เก็บข้อมูล HTML5 แบบออฟไลน์
วิธีจัดเก็บข้อมูลฝั่งไคลเอ็นต์ในแอป Chrome เพื่อให้ทำงานแบบออฟไลน์ได้
การสร้างเว็บไซต์เชิงความหมายด้วยคอมโพเนนต์เว็บและ JSON-LD
เพิ่มมาร์กอัป schema.org ลงในคอมโพเนนต์และทำให้ใช้งานกับเครื่องมือค้นหาได้ง่าย
- Chrome
วิวพอร์ตเสมือนคืออะไร
วิวพอร์ตเสมือนจะแยกการออกแบบและการดูวิวพอร์ตออก
- Chrome
การอ่านค่าลิเทอรัลด้วยสตริงเทมเพลต ES6
ลิเทอรัลสตริงเทมเพลตที่มีนิพจน์ฝังอยู่ เรารอคอยมานานมาก ตรงตัว
- Chrome
Chrome Dev Summit 2014 - มาสร้างแอปด้วย Polymer กัน
การสร้างแอปตามวิถีพอลิเมอร์
- Chrome
เก็บรักษาสถานะระหว่างการดัดแปลง DOM ด้วย moveBefore()
ย้ายโหนดไปรอบๆ DOM โดยไม่สูญเสียสถานะที่สำคัญ
- Chrome
การแสดงรูปภาพ:แบบพิกเซล
ภาพของชาติแตก พร้อมใช้งานแล้วใน Chrome 41
- Chrome
Chrome Dev Summit 2014 - โพลีเมอร์ - รัฐสหภาพ
รัฐสหภาพโพลีเมอร์
- Chrome
โมดูลที่แชร์
วิธีแชร์โค้ดระหว่างส่วนขยาย Chrome
- ส่วนขยาย Chrome
โมดูลที่แชร์
วิธีแชร์โค้ดระหว่างส่วนขยาย Chrome
- ส่วนขยาย Chrome
ข้อความเตือนการติดตั้งแอปที่มาพร้อมเครื่อง
แบนเนอร์การติดตั้งแอปที่มาพร้อมเครื่องช่วยให้คุณช่วยให้ผู้ใช้ติดตั้งแอปที่มาพร้อมเครื่องได้อย่างรวดเร็วและง่ายดายจาก App Store โดยไม่ต้องออกจากเบราว์เซอร์
- Chrome
การรับส่งข้อความแบบเดิม
วิธีแลกเปลี่ยนข้อความกับแอปพลิเคชันที่มาพร้อมเครื่องจากแอป Chrome
การควบคุมการเล่นภาพเคลื่อนไหวในเว็บใน Chrome 39
ดูข้อมูลเกี่ยวกับการเล่นภาพเคลื่อนไหวในเว็บ
- Chrome
พื้นฐานของการพัฒนาเว็บบนอุปกรณ์เคลื่อนที่
มาดูคร่าวๆ ถึงความพยายามบางส่วนที่ทีม Chrome ทำเพื่อช่วยให้นักพัฒนาซอฟต์แวร์สามารถเริ่มต้นการพัฒนาเว็บและทำซ้ำในเว็บไซต์ของตนได้
- Chrome
ต้องการความคิดเห็นของนักพัฒนาซอฟต์แวร์ - Frame Timing API
API ใหม่ล่าสุดกำลังอยู่ระหว่างดำเนินการเพื่อช่วยวัดเฟรมต่อวินาทีแบบเต็มรูปแบบ แต่เราต้องการความคิดเห็นจากคุณ
- Chrome
รองรับธีมสีใน Chrome 39 สำหรับ Android
ใช้ "ธีม-สีของ" เพื่อตั้งค่าสีแถบเครื่องมือใน Chrome สำหรับ Android
- Chrome
ขั้นตอนที่ 4: เปิดลิงก์ภายนอกด้วย WebView
วิธีการแสดงเนื้อหาเว็บภายนอกในแอป Chrome
ขั้นตอนที่ 5: เพิ่มรูปภาพจากเว็บ
วิธีการเพิ่มรูปภาพลงในแอป Chrome โดยใช้ XHR และ ObjectURL
ขั้นตอนที่ 7: เผยแพร่แอป
วิธีเผยแพร่แอป Chrome ใน Chrome เว็บสโตร์
ขั้นตอนที่ 6: ส่งออกสิ่งที่ต้องทำไปยัง Filesystem
วิธีเขียนไปยังระบบไฟล์จากแอป Chrome
ขั้นตอนที่ 3: เพิ่มการปลุกและการแจ้งเตือน
วิธีปลุกแอป Chrome ในช่วงเวลาที่กำหนดและใช้การแจ้งเตือน
สร้างแอป Todo ใน Chrome
ข้อมูลเบื้องต้นเกี่ยวกับ Codelab
ขั้นตอนที่ 1: สร้างและเรียกใช้แอป Chrome
วิธีสร้าง ติดตั้ง เรียกใช้ และแก้ไขข้อบกพร่องของแอป Chrome แบบพื้นฐาน
ขั้นตอนที่ 2: นำเข้าเว็บแอปที่มีอยู่
วิธีปรับเว็บแอปที่มีอยู่สำหรับแพลตฟอร์มแอป Chrome
เครื่องกำเนิดไฟฟ้า - เศษเล็กๆ
การสำรวจโปรแกรมสร้าง ES6
- Chrome
ส่งข้อมูลบีคอนใน Chrome 39
Chrome 39 ใช้ Beacon API ซึ่งช่วยให้ส่งคำขอ HTTP แบบไม่พร้อมกันขนาดเล็กในระหว่างเหตุการณ์การยกเลิกการโหลดหน้าได้
- Chrome
การแตะอย่างแม่นยำเพื่อท่าทางสัมผัสที่แม่นยำ
มีการเปลี่ยนแปลง TouchEvents ใน Chrome ให้แสดงผลค่าทศนิยมแทนจำนวนเต็มเพื่อพิจารณาความหนาแน่นของหน้าจอที่แตกต่างกัน ซึ่งจะทำให้เกิดการตอบสนองที่ละเอียดมากขึ้นเมื่อใช้ท่าทางสัมผัสที่ช้า
- Chrome
การเก็บรวบรวมและทำซ้ำ วิธีการ ES6
ฟีเจอร์ Maps, ชุด และอื่นๆ อีกมากมายเป็นฟีเจอร์ ES6 ที่เปลี่ยนวิธีจัดการกับการรวบรวมข้อมูลได้
- Chrome
การแปลง ArrayBuffer ไปยังสตริงที่ง่ายขึ้นด้วย API การเข้ารหัส
API การเข้ารหัสแบบดั้งเดิมนำเสนอวิธีง่ายๆ ในการแปลงระหว่างข้อมูลไบนารีดิบและสตริง JavaScript
- Chrome
การเปลี่ยนแปลงใน Web Audio ใน M36
คำอธิบายเกี่ยวกับการล้างข้อมูลมาตรฐานของ Web Audio ใน Chrome 36
- Chrome
องค์ประกอบของกล่องโต้ตอบที่จัดส่งใน Chrome 37 เบต้า
Chrome เบต้าได้รับการสนับสนุนดั้งเดิมสำหรับ Element แล้ว
- Chrome
เนื้อหาโดยรวมของเครื่องมือสำหรับนักพัฒนาเว็บ - Chrome 35
การอัปเดตเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 35
- Chrome
API การแจ้งเตือนแบบริชมีเดีย
วิธีแสดงการแจ้งเตือนแก่ผู้ใช้ส่วนขยาย Chrome
- ส่วนขยาย Chrome
ใช้ Notifications API
แสดงการแจ้งเตือนแก่ผู้ใช้ส่วนขยาย Chrome
- ส่วนขยาย Chrome
การสนับสนุน Blob สำหรับ IndexedDB มาถึงใน Chrome Dev แล้ว
ฟีเจอร์ที่รอคอยมานานสำหรับ Chrome การรองรับ BLOB ใน IndexedDB พร้อมให้ใช้งานใน Chrome Dev แล้ว
- Chrome
การวัดประสิทธิภาพเว็บโดยอัตโนมัติ
ใช้ PSI เพื่อดูเมตริกประสิทธิภาพเว็บในกระบวนการบิลด์ของคุณ
- Chrome
เครื่องมือเกม
เครื่องมือเกมแนะนำสำหรับแอป Chrome
ภาพเคลื่อนไหวบนเว็บ - ขณะนี้เอลิเมนต์.animate() อยู่ใน Chrome 36 แล้ว
ภาพเคลื่อนไหวของเว็บเป็นตัวกำหนดโมเดลสำหรับการสนับสนุนภาพเคลื่อนไหวและการซิงค์ข้อมูลบนแพลตฟอร์มเว็บเอลิเมนต์.animate() เป็นส่วนแรกที่อยู่ใน Chrome
- Chrome
สัมผัสที่เข้ากันและลื่นไหลยิ่งขึ้น
คุณและผู้ใช้ต้องการแอปเว็บบนอุปกรณ์เคลื่อนที่ที่ตอบสนองและเลื่อนเพื่อสัมผัสได้อย่างราบรื่น การพัฒนารูปแบบดังกล่าวควรเป็นเรื่องง่าย แต่น่าเสียดายที่เว็บเบราว์เซอร์บนอุปกรณ์เคลื่อนที่จะตอบสนองต่อเหตุการณ์การสัมผัสระหว่างการเลื่อนได้กลายเป็นรายละเอียดการใช้งานในข้อกำหนดเฉพาะ [TouchEvent](https://www.w3.org/TR/touch-events/)
- Chrome
เรียกใช้แอป Chrome บนอุปกรณ์เคลื่อนที่โดยใช้ Apache Cordova
คำแนะนำเกี่ยวกับวิธีใช้ Apache Cordova เพื่อตั้งค่าแอป Chrome ให้ทำงานบนอุปกรณ์ Android และ iOS
การดีบัก JavaScript ที่ไม่พร้อมกันด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ฟีเจอร์ที่มีประสิทธิภาพซึ่งทำให้ JavaScript โดดเด่นคือความสามารถในการทํางานแบบไม่สอดคล้องกันผ่านฟังก์ชัน Callback การกำหนดการเรียกกลับแบบแอซิงโครนัสช่วยให้คุณเขียนโค้ดที่ทำงานตามเหตุการณ์ได้ แต่ก็ทำให้การติดตามข้อบกพร่องเป็นเรื่องยากขึ้นด้วย
- Chrome
ใช้งานตารางกริด CSS
เลย์เอาต์ตารางกริด CSS คือโมดูล CSS3 ใหม่ที่มีเลย์เอาต์ดั้งเดิมแบบใหม่ซึ่งเหมาะกับเว็บแอปพลิเคชัน
- Chrome
บลูทูธ
วิธีสื่อสารกับอุปกรณ์บลูทูธจากแอป Chrome
ไฟล์ Manifest - บลูทูธ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้บลูทูธของ manifest.json
การเปลี่ยนแปลงโฮสติ้งของ Chrome 33
รายละเอียดเกี่ยวกับการเปลี่ยนแปลงการโฮสต์สำหรับส่วนขยาย Chrome ที่เริ่มต้นในเวอร์ชัน 33 ของ Chrome
- ส่วนขยาย Chrome
เคล็ดลับและคำแนะนำ
เคล็ดลับในการปรับปรุงแอปพลิเคชัน WebView
แอปพลิเคชัน WebView สําหรับนักพัฒนาเว็บ
บทแนะนำที่สอนวิธีใช้ Yeoman, Gradle และ Grunt เพื่อสร้างเว็บแอปพลิเคชัน
WebView ที่แสดงผลได้อย่างสมบูรณ์
วิธีสร้าง UI ของ WebView ที่สมบูรณ์แบบ
คำถามที่พบบ่อย
คำถามที่พบบ่อยเกี่ยวกับส่วนขยาย Chrome
- ส่วนขยาย Chrome
เริ่มต้นใช้งาน
วิธีการแบบทีละขั้นตอนในการสร้างส่วนขยาย Chrome
- ส่วนขยาย Chrome
เวิร์กโฟลว์ WebView
บทแนะนำที่สอนวิธีใช้ Yeoman, Gradle และ Grunt เพื่อสร้างเว็บแอปพลิเคชัน
บทแนะนำ: ย้ายข้อมูลไปยังไฟล์ Manifest V2
หลักเกณฑ์เกี่ยวกับวิธีย้ายข้อมูลจากไฟล์ Manifest v1 ไปยังไฟล์ Manifest v2
- ส่วนขยาย Chrome
เนื้อหาโดยรวมของเครื่องมือสำหรับนักพัฒนาเว็บ
การอัปเดตเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 33
- Chrome
chrome.location
เอกสารอ้างอิงสำหรับ chrome.location API
- ส่วนขยาย Chrome
อีเมลสรุปรายเดือนของ Yeoman
เนื้อหาโดยรวมรายเดือนเกี่ยวกับบทความคุณภาพสูงจาก Yeoman, เครื่องกำเนิดไฟฟ้า และข่าวสารของโครงการ
- Chrome
การลบล้างการตั้งค่า Chrome
วิธีลบล้างการตั้งค่า Chrome จากส่วนขยาย Chrome
- ส่วนขยาย Chrome
การลบล้างการตั้งค่า Chrome
วิธีลบล้างการตั้งค่า Chrome จากส่วนขยาย Chrome
- ส่วนขยาย Chrome
Yo Polymer – ทัวร์เครื่องมือสร้างคอมโพเนนต์บนเว็บใน Whirlwind
ทัวร์ชม Whirlwind ของ Web Components, Polymer และเครื่องมือส่วนหน้า
- Chrome
เว็บแอปพลิเคชันที่พูดได้ - ข้อมูลเบื้องต้นเกี่ยวกับ API การสังเคราะห์เสียง
แนะนำฟีเจอร์การสังเคราะห์ Web Speech API
- Chrome
Chrome Dev Summit - ข้อมูลสรุปเกี่ยวกับแพลตฟอร์ม
แพลตฟอร์ม
- Chrome
Chrome Dev Summit - สรุปประสิทธิภาพ
ประสิทธิภาพเป็นสิ่งสำคัญ
- Chrome
ซ็อกเก็ต
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Socket ของ manifest.json
Chrome Dev Summit - สรุปข้อมูลเกี่ยวกับแพลตฟอร์มเว็บแบบเปิด
ความสามารถของ Open Web Platform นั้นก้าวหน้าขึ้นเรื่อยๆ อย่างที่ไม่เคยเป็นมาก่อน ที่งาน Chrome Dev Summit เราได้พูดคุยเกี่ยวกับวิธีที่เราปรับปรุง Blink, Security and Media สำหรับแพลตฟอร์ม
- Chrome
Chrome Dev Summit - ส่วนประกอบแบบโพลิเมอร์ มีการห่อหุ้ม และนำมาใช้ใหม่ได้
Polymer เป็นประตูสู่อนาคตอันน่าทึ่งของคอมโพเนนต์เว็บ ดูข้อมูลเพิ่มเติมเกี่ยวกับคอมโพเนนต์เว็บและ Polymer จาก Chrome Dev Summit
- Chrome
Chrome Dev Summit - ข้อมูลสรุปเกี่ยวกับอุปกรณ์เคลื่อนที่
นี่คือรายงานฉบับแรกในชุดรายงานจาก Chrome Dev Summit ซึ่งตอนนั้นเราเน้นการพัฒนาบนอุปกรณ์เคลื่อนที่และข้ามอุปกรณ์เป็นหลัก เราจึงขอเริ่มต้นจากจุดนี้
- Chrome
อีเมลสรุปรายเดือนของ Yeoman
สรุปข่าวสารเป็นประจำจากบทความ วิดีโอ และการบรรยายที่เขียนโดยชุมชน Yeoman
- Chrome
อีเมลสรุปเกี่ยวกับ DevTools ธันวาคม 2013
อัปเดตล่าสุดสำหรับการเปลี่ยนแปลงในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
เครื่องมือภาพเคลื่อนไหวบนเว็บใหม่ในการกะพริบช่วยขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนภาพ CSS
การนำ Web Animations 1.0 มาใช้ใน Blink ช่วยขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนผ่าน CSS
- Chrome
การหน่วงเวลาการแตะ 300 มิลลิวินาที หายไป
เมื่อมีการคลิกแต่ละครั้งในเบราว์เซอร์บนอุปกรณ์เคลื่อนที่จะมีความล่าช้า 300 มิลลิวินาที แต่ไปกลับพ้นไปใน Chrome 32 สำหรับเว็บไซต์ที่เพิ่มประสิทธิภาพสำหรับอุปกรณ์เคลื่อนที่
- Chrome
เทอร์มินัลสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ
การใช้เทอร์มินัลจากเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูล
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นที่เก็บข้อมูลของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest สำหรับพื้นที่เก็บข้อมูลที่มีการจัดการ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้พื้นที่เก็บข้อมูลของ manifest.json
- ส่วนขยาย Chrome
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สำหรับอุปกรณ์เคลื่อนที่
Screencast และการจำลอง
- Chrome
อีเมลสรุปเดือนพฤศจิกายนเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ทำงานอย่างรวดเร็ว และเราต้องการแจ้งให้คุณทราบถึงฟังก์ชันการใช้งานและการปรับปรุงใหม่บางส่วนที่เราได้ระบุไว้ในคอมโพเนนต์บางส่วน วันนี้เราจะพูดถึงการเปลี่ยนแปลง UI, การทำโปรไฟล์ JS ความละเอียดสูง และฟีเจอร์ใหม่ๆ ของ
- Chrome
อีเมลสรุปรายเดือนของ Yeoman
สรุปข่าวสารเป็นประจำจากบทความ วิดีโอ และการบรรยายที่เขียนโดยชุมชน Yeoman
- Chrome
ภาพรวมของการพัฒนาระบบอัตโนมัติสำหรับการพัฒนาฟรอนท์เอนด์ (สไลด์)
ดูวิธีปรับปรุงประสิทธิภาพการทำงานของส่วนหน้าด้วยเครื่องมือสำหรับเวิร์กโฟลว์อัตโนมัติ
- Chrome
อุปกรณ์ซีเรียล
วิธีสื่อสารกับอุปกรณ์ซีเรียลจากแอป Chrome ของคุณ
อินพุตเสียงสดจาก Web Audio ใช้งานได้บน Android แล้ว
Chrome สำหรับ Android (v31.0.1650+) เริ่มรองรับอินพุตเสียงผ่าน Web Audio API แล้ว
- Chrome
เลย์เอาต์ของ Flexbox ไม่ช้า
ข่าวดี! Flexbox ใหม่เร็วกว่า Flexbox รุ่นเก่า 2.3 เท่า
- Chrome
คำตอบเครื่องมือสำหรับนักพัฒนาเว็บ - แบบอักษรนั้นคืออะไร
เคยสงสัยไหมว่าจริงๆ แล้วมีการใช้แบบอักษรใดในการแสดงผลข้อความ ไม่ต้องสงสัยอีกแล้ว เพราะ Chrome DevTools จะเปิดเผยทั้งหมด
- Chrome
องค์ประกอบของกล่องโต้ตอบ - โมดัลที่ใช้ง่าย
คุณเคยสร้างกล่องโต้ตอบโมดัลของคุณเองหรือไม่ คุณไม่จำเป็นต้องมีอีกในเร็วๆ นี้ กล่องโต้ตอบกำลังจะกลายเป็นส่วนหนึ่งของแพลตฟอร์มเว็บ
- Chrome
url_handlers
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ url_handlers ของไฟล์ Manifest.json
externally_connectable
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ external_connectable ของ manifest.json
- ส่วนขยาย Chrome
externally_connectable
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ external_connectable ของ manifest.json
- ส่วนขยาย Chrome
Analytics
วิธีผสานรวม Google Analytics เข้ากับแอป Chrome ของคุณ
ความโปร่งใสของอัลฟ่าในวิดีโอ Chrome
WebM เพิ่งเพิ่มความโปร่งใสในการใช้งานเวอร์ชันอัลฟ่า โดยการรองรับฟีเจอร์นี้มีให้บริการใน Chrome 31 แล้ว
- Chrome
การปฏิวัติเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ปี 2013
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome พัฒนาไปพร้อมกับความซับซ้อนและฟังก์ชันการทำงานของเว็บแอปพลิเคชัน สรุปการบรรยายของ Paul Irish ใน Google I/O 2013 เรื่อง Chrome DevTools Revolutions 2013
- Chrome
เปลี่ยนไวยากรณ์ sourceMappingURL และ sourceURL แล้ว
เปลี่ยนไวยากรณ์ sourceMappingURL และ sourceURL แล้ว
- Chrome
ไฟล์ Manifest - ไอคอน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ไอคอนของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ข้อกำหนด
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ข้อกำหนดของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - แหล่งข้อมูลที่เข้าถึงได้ทางเว็บ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ web_accessible_resources ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - เปิดใช้ออฟไลน์แล้ว
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ offline_enabled ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - คำอธิบาย
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้คำอธิบายของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ภาษาเริ่มต้น
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ default_locale ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ไอคอน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ไอคอนของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ชื่อ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ชื่อของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ไม่ระบุตัวตน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ที่ไม่ระบุตัวตนของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - โมดูล Nacl
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ nacl_modules ของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ภาษาเริ่มต้น
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ default_locale ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - short_name
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ Short_name ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - แหล่งข้อมูลที่เข้าถึงได้ทางเว็บ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ web_accessible_resources ของ manifest.json
- ส่วนขยาย Chrome
Manifest V2 - เวอร์ชัน [เลิกใช้งานแล้ว]
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้เวอร์ชันของไฟล์ Manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - คำอธิบาย
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้คำอธิบายของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - คีย์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้คีย์ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ชื่อและชื่อย่อ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้และ Short_name ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - แซนด์บ็อกซ์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ sandbox ของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - แซนด์บ็อกซ์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ sandbox ของไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ไม่ระบุตัวตน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ที่ไม่ระบุตัวตนของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - เวอร์ชัน Chrome ขั้นต่ำ
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้minimum_chrome_version ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - คีย์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้คีย์ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - เวอร์ชัน
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้เวอร์ชันของไฟล์ Manifest.json
- ส่วนขยาย Chrome
เวอร์ชันไฟล์ Manifest
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ manifest_version ของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - ข้อกำหนด
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ข้อกำหนดของ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - URL ของหน้าแรก
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ home_url ในไฟล์ manifest.json
- ส่วนขยาย Chrome
ไฟล์ Manifest - URL ของหน้าแรก
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ home_url ในไฟล์ manifest.json
- ส่วนขยาย Chrome
แอปคีออสก์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้คีออสก์ที่เปิดใช้ของ manifest.json
ไฟล์ Manifest - แอป
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้แอป Manifest.json
ไฟล์ Manifest - เครื่องจัดการไฟล์
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ file_handlers ของไฟล์ manifest.json
ข้อมูลเบื้องต้นเกี่ยวกับตัวกรองที่กำหนดเอง (หรือที่เรียกว่า CSS Shaders)
ข้อมูลเบื้องต้นเกี่ยวกับตัวกรองที่กำหนดเอง (หรือที่เรียกว่า CSS Shaders)
การเห็นภาพแนวคิด Shadow DOM
การเห็นภาพแนวคิด Shadow DOM
- Chrome
ส่วนขยายคืออะไร
ภาพรวมเกี่ยวกับวัตถุประสงค์ของส่วนขยาย Chrome และการพัฒนาส่วนขยายดังกล่าว
- ส่วนขยาย Chrome
ทำโปรไฟล์ระยะเวลาในการวาดที่ยาวนานด้วยเครื่องมือสำหรับนักพัฒนาเว็บ' โหมดการวาดภาพแบบต่อเนื่อง
ทำโปรไฟล์ระยะเวลาในการวาดที่ยาวนานด้วยเครื่องมือสำหรับนักพัฒนาเว็บ' โหมดการวาดภาพแบบต่อเนื่อง
- Chrome
WebRTC - การสาธิต RTCDataChannel, การเปลี่ยนแปลง API... และ Chrome พูดกับ Firefox
WebRTC - การสาธิต RTCDataChannel, การเปลี่ยนแปลง API... และ Chrome พูดกับ Firefox
- Chrome
พื้นหลัง CSS เปิดให้ใช้งานในเบราว์เซอร์ WebKit บนอุปกรณ์เคลื่อนที่แล้ว
พื้นหลัง CSS เปิดให้ใช้งานในเบราว์เซอร์ WebKit บนอุปกรณ์เคลื่อนที่แล้ว
- Chrome
เว็บแอปที่ขับเคลื่อนด้วยเสียง - ข้อมูลเบื้องต้นเกี่ยวกับ Web Speech API
เว็บแอปที่ขับเคลื่อนด้วยเสียง - ข้อมูลเบื้องต้นเกี่ยวกับ Web Speech API
- Chrome
การแชร์หน้าจอกับ WebRTC
การแชร์หน้าจอกับ WebRTC
- Chrome
ภาพพื้นหลังที่สร้างด้วย Canvas
การเปิดพื้นหลัง CSS โดยใช้ Canvas หรือ Webgl
- Chrome
WebRTC เริ่มให้บริการ Firefox, Android และ iOS แล้ว
WebRTC เริ่มให้บริการ Firefox, Android และ iOS แล้ว
- Chrome
สร้างแอปด้วย AngularJS
คำแนะนำในการสร้างแอป Chrome ด้วย AngularJS
ตอบสนองต่อการเปลี่ยนแปลงด้วย Object.observe
ตอบสนองต่อการเปลี่ยนแปลงด้วย Object.observe
- Chrome
นโยบายรักษาความปลอดภัยเนื้อหา 1.0 เป็นนโยบายที่ยอดเยี่ยมอย่างเป็นทางการ
นโยบายรักษาความปลอดภัยเนื้อหา 1.0 เป็นนโยบายที่ยอดเยี่ยมอย่างเป็นทางการ
- Chrome
สร้างแอปด้วย Sencha Ext JS
วิธีสร้างแอป Chrome ด้วยเฟรมเวิร์ก Sencha Ext JS
ประกาศสิทธิ์
ภาพรวมของค่าที่ถูกต้องสำหรับพร็อพเพอร์ตี้สิทธิ์ในไฟล์ manifest.json
- ส่วนขยาย Chrome
โลกเชิงโต้ตอบพร้อมด้วยตัวปรับแสงเงา CSS และ Google Maps
โลกเชิงโต้ตอบพร้อมด้วยตัวปรับแสงเงา CSS และ Google Maps
- Chrome
สิทธิ์ "activeTab"
วิธีใช้สิทธิ์ ActiveTab ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
สิทธิ์ของ ActiveTab
วิธีใช้สิทธิ์ ActiveTab ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
การส่งข้อความ
วิธีส่งข้อความระหว่างส่วนขยายและสคริปต์เนื้อหา
- ส่วนขยาย Chrome
เวอร์ชันไฟล์ Manifest
พร็อพเพอร์ตี้ Manifest_version ของ manifest.json ระบุเวอร์ชันข้อกำหนดเฉพาะของไฟล์ Manifest ที่ส่วนขยาย Chrome กำหนดเป้าหมาย
- ส่วนขยาย Chrome
ลบล้างหน้า Chrome
วิธีลบล้างการจัดการบุ๊กมาร์ก ประวัติการเข้าชม และหน้าแท็บใหม่ของ Chrome จากส่วนขยาย Chrome
- ส่วนขยาย Chrome
รูปแบบการจับคู่
การทำความเข้าใจรูปแบบการจับคู่ URL ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
XMLHttpRequest แบบข้ามต้นทาง
วิธีใช้ XHR แบบข้ามต้นทางในส่วนขยาย Chrome
- ส่วนขยาย Chrome
การลบล้างหน้า Chrome
วิธีลบล้างการจัดการบุ๊กมาร์ก ประวัติการเข้าชม และหน้าแท็บใหม่ของ Chrome จากส่วนขยาย Chrome
- ส่วนขยาย Chrome
ให้ตัวเลือกแก่ผู้ใช้
วิธีให้ผู้ใช้ปรับแต่งส่วนขยายของคุณ
- ส่วนขยาย Chrome
รูปแบบไฟล์ Manifest
ภาพรวมพร็อพเพอร์ตี้ manifest.json ของส่วนขยาย Chrome
- ส่วนขยาย Chrome
การแก้ไขข้อบกพร่องของส่วนขยาย
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีแก้ไขข้อบกพร่องของส่วนขยาย Chrome
- ส่วนขยาย Chrome
ใช้ Google Analytics 4
วิธีการแบบทีละขั้นตอนเกี่ยวกับวิธีติดตามการใช้ส่วนขยายด้วย Google Analytics 4
- ส่วนขยาย Chrome
รูปแบบการจับคู่
วิธีการทำงานของสิทธิ์โฮสต์และการจับคู่รูปแบบสคริปต์เนื้อหา พร้อมตัวอย่าง
- ส่วนขยาย Chrome
ธีมคืออะไร
หลักเกณฑ์ในการสร้างธีม
- ส่วนขยาย Chrome
ภาพรวมสถาปัตยกรรม
คำอธิบายระดับสูงเกี่ยวกับสถาปัตยกรรมซอฟต์แวร์ของส่วนขยาย Chrome
- ส่วนขยาย Chrome
ให้ตัวเลือกแก่ผู้ใช้
วิธีให้ผู้ใช้ปรับแต่งส่วนขยายของคุณ
- ส่วนขยาย Chrome
คำขอเครือข่ายแบบข้ามต้นทาง
นำคำขอเครือข่ายแบบข้ามต้นทางในส่วนขยาย Chrome ไปใช้
- ส่วนขยาย Chrome
การส่งข้อความ
วิธีส่งข้อความระหว่างส่วนขยายและสคริปต์เนื้อหา
- ส่วนขยาย Chrome
บทแนะนำ: Google Analytics
คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตามการใช้ส่วนขยายของคุณด้วย Google Analytics
- ส่วนขยาย Chrome
ใช้ eval() ใน iframe ที่ทำแซนด์บ็อกซ์
วิธีใช้ eval() ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
แก้ไขข้อบกพร่องส่วนขยาย
วิธีการแก้ไขข้อบกพร่องของส่วนขยาย Chrome
- ส่วนขยาย Chrome
ประกาศสิทธิ์และเตือนผู้ใช้
วิธีใช้สิทธิ์เพื่อปกป้องผู้ใช้และส่วนขยาย
- ส่วนขยาย Chrome
OAuth2: ตรวจสอบสิทธิ์ผู้ใช้ด้วย Google
วิธีการแบบทีละขั้นตอนในการสร้างส่วนขยายที่เข้าถึง Google Contacts ของผู้ใช้ผ่าน Google People API, Chrome Identity API และ OAuth2
- ส่วนขยาย Chrome
OAuth 2.0: ตรวจสอบสิทธิ์ผู้ใช้ด้วย Google
วิธีการแบบทีละขั้นตอนในการสร้างส่วนขยายที่เข้าถึง Google Contacts ของผู้ใช้ผ่าน Google People API, Chrome Identity API และ OAuth2
- ส่วนขยาย Chrome
ธีมคืออะไร
หลักเกณฑ์ในการสร้างธีม
- ส่วนขยาย Chrome
Chrome Web Store
วิธีการโฮสต์ส่วนขยายใน Chrome เว็บสโตร์และอัปเดตส่วนขยายที่โฮสต์อยู่ใน Chrome เว็บสโตร์
- ส่วนขยาย Chrome
เปิดใช้อินพุตเสียงบนเว็บแบบสดแล้ว
เปิดใช้อินพุตเสียงบนเว็บแบบสดแล้ว
- Chrome
การใช้ eval ในส่วนขยาย Chrome
วิธีใช้ eval() ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
รูปแบบข้อความการแปล
เอกสารอ้างอิงเกี่ยวกับรูปแบบไฟล์ messages.json สำหรับส่วนขยายของ Chrome
- ส่วนขยาย Chrome
รูปแบบไฟล์ Manifest
ภาพรวมพร็อพเพอร์ตี้ของ manifest.json ที่คุณสามารถใช้ในส่วนขยาย Chrome ได้
- ส่วนขยาย Chrome
สคริปต์เนื้อหา
คำอธิบายสคริปต์เนื้อหาและวิธีใช้ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
สร้างแอปแรกของคุณ
บทแนะนำเกี่ยวกับวิธีสร้างแอป Chrome พื้นฐาน
การขยายเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีสร้างส่วนขยาย Chrome ที่เพิ่มฟังก์ชันการทำงานให้กับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- ส่วนขยาย Chrome
อุปกรณ์ USB
วิธีสื่อสารกับอุปกรณ์ USB จากแอป Chrome ของคุณ
สคริปต์เนื้อหา
คำอธิบายสคริปต์เนื้อหาและวิธีใช้ในส่วนขยาย Chrome
- ส่วนขยาย Chrome
ออฟไลน์ก่อน
วิธีสร้างแอป Chrome ที่ทำงานแบบออฟไลน์ได้
นโยบายรักษาความปลอดภัยเนื้อหา
ภาพรวมของ CSP สำหรับแอป Chrome และวิธีปฏิบัติตาม CSP
การแจ้งเตือนที่สมบูรณ์ด้วย webKit
วิธีใช้การแจ้งเตือนในส่วนขยาย Chrome
- ส่วนขยาย Chrome
API พื้นที่เก็บข้อมูล
วิธีจัดการพื้นที่เก็บข้อมูลในแอป Chrome
วงจรของแอป Chrome
ภาพรวมวงจรของแอป Chrome
ภาพรวมการพัฒนาส่วนขยาย
ภาพรวมความสามารถและองค์ประกอบของส่วนขยาย Chrome
- ส่วนขยาย Chrome
เนื้อหาภายนอก
วิธีการนำเสนอเนื้อหาภายนอกในแอป Chrome
เวอร์ชันไฟล์ Manifest
เอกสารอ้างอิงสำหรับพร็อพเพอร์ตี้ manifest_version ของ manifest.json
API เว็บ
แอป Chrome สามารถใช้ API ทั้งหมดที่มีให้บริการสำหรับเว็บไซต์
รองรับการช่วยเหลือพิเศษ
วิธีทำให้ส่วนขยาย Chrome เข้าถึงได้
- ส่วนขยาย Chrome
สถาปัตยกรรมแอป Chrome
ภาพรวมสถาปัตยกรรมซอฟต์แวร์ของแอป Chrome
อัปเดตอัตโนมัติ
วิธีเปิดใช้การอัปเดตอัตโนมัติสำหรับแอป Chrome ของคุณ
การตรวจสอบสิทธิ์ของผู้ใช้
วิธีตรวจสอบสิทธิ์ผู้ใช้ในแอป Chrome ของคุณ
ใช้วิธีติดตั้งอื่น
วิธีติดตั้งส่วนขยาย Chrome โดยใช้ค่ากำหนด JSON หรือรีจิสทรี Windows
- ส่วนขยาย Chrome
สถาปัตยกรรม MVC
ภาพรวมโมเดลสถาปัตยกรรมซอฟต์แวร์สำหรับตัวควบคุมมุมมองโมเดล
การช่วยเหลือพิเศษ (a11y)
วิธีทำให้ส่วนขยาย Chrome ที่ใช้ไฟล์ Manifest V2 เข้าถึงได้
- ส่วนขยาย Chrome
ตัวเลือกการเผยแพร่ส่วนขยายอื่นๆ
วิธีเผยแพร่ส่วนขยายของ Chrome นอก Chrome เว็บสโตร์
- ส่วนขยาย Chrome
การสื่อสารของเครือข่าย
วิธีใช้ TCP และ UDP ในแอป Chrome ของคุณ
จัดการกิจกรรมด้วยสคริปต์เบื้องหลัง
วิธีตอบกลับทริกเกอร์ (เหตุการณ์) ของเบราว์เซอร์จากสคริปต์พื้นหลังของส่วนขยาย Chrome
- ส่วนขยาย Chrome
ขยายเครื่องมือสำหรับนักพัฒนาเว็บ
วิธีสร้างส่วนขยาย Chrome ที่เพิ่มฟีเจอร์ให้กับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- ส่วนขยาย Chrome
การเปลี่ยนแปลงการกองซ้อนที่จะเกิดขึ้นกับเอลิเมนต์ "ตำแหน่ง:คงที่"
การเปลี่ยนแปลงการกองซ้อนที่จะเกิดขึ้นกับตําแหน่ง:องค์ประกอบคงที่
- Chrome
ท่าจอดที่ - เกาะติดตัวใน WebKit
ท่าจอดที่ - เกาะติดตัวใน WebKit
- Chrome
การผสานรวมอินพุต[type=file] กับ Filesystem API
การผสานรวมอินพุต[type=file] กับ Filesystem API
- Chrome
เวลาในหน่วยมิลลิวินาทีไม่เพียงพอ - performance.now
เวลาในหน่วยมิลลิวินาทีไม่เพียงพอ - performance.now
- Chrome
รายการข้อมูลสําหรับอินพุตแบบช่วง/สีจะนำเสนอตัวเลือกเริ่มต้นบางอย่าง
รายการข้อมูลสําหรับอินพุตแบบช่วง/สีจะนำเสนอตัวเลือกเริ่มต้นบางอย่าง
- Chrome
คำถามที่พบบ่อยเกี่ยวกับอินพุต[type=date] ใน Google Chrome
คำถามที่พบบ่อยเกี่ยวกับอินพุต[type=date] ใน Google Chrome
- Chrome
ลากและวางโฟลเดอร์ลงใน Chrome ได้แล้ว
ลากและวางโฟลเดอร์ลงใน Chrome ได้แล้ว
- Chrome
วิธีวัดประสิทธิภาพกราฟิกของเบราว์เซอร์
วิธีวัดประสิทธิภาพกราฟิกของเบราว์เซอร์
- Chrome
มาถึงแล้ว! xhr.send(ArrayBufferViews)
มาถึงแล้ว! xhr.send(ArrayBufferViews)
- Chrome
ใช้ประโยชน์จากการเร่ง GPU ใน Canvas แบบ 2 มิติ
ใช้ประโยชน์จากการเร่ง GPU ใน Canvas แบบ 2 มิติ
- Chrome
การเขียนหนังสือแบบพลิกได้โดยใช้ภูมิภาค CSS และการแปลงแบบ 3 มิติ
การเขียนหนังสือแบบพลิกได้โดยใช้ภูมิภาค CSS และการแปลงแบบ 3 มิติ
- Chrome
นโยบายรักษาความปลอดภัยเนื้อหา
นโยบายรักษาความปลอดภัยเนื้อหาสามารถลดความเสี่ยงและผลกระทบของการโจมตี Cross-site Scripting ในเบราว์เซอร์รุ่นใหม่ได้อย่างมาก
วิธีแปลง ArrayBuffer ไปยังและจากสตริง
วิธีแปลง ArrayBuffer ไปยังและจากสตริง
- Chrome
อย่าสร้างก้อนหิน แต่จงสร้าง
การเปลี่ยนแปลงข้อกำหนดล่าสุดใน File API ประกอบด้วยตัวสร้างใหม่สำหรับ Blob ซึ่งทำให้ BlobBuilder ไม่เกี่ยวข้อง
- Chrome
การตรวจสอบเฟรม Websocket อยู่ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome แล้ว
การเพิ่มความสามารถในการตรวจสอบให้กับข้อมูลที่ส่งผ่านสายใน WebSockets
- Chrome
เพิ่มรายการข้อมูลลงใน Chrome Canary แล้ว
การใช้ "รายการข้อมูล" ช่วยให้แอปของคุณกำหนดรายการผลการค้นหาที่แนะนำที่ผู้ใช้ควรเลือกได้ โดยจะเลือกตัวเลือกจากรายการหรือป้อนข้อความรูปแบบอิสระก็ได้
- Chrome
requestAnimationFrame API - มีความแม่นยำระดับวินาทีย่อย
กำลังจะมีการเปลี่ยนแปลงกับ equestAnimationFrame API
- Chrome
โปรโตคอล WebRTC
เมื่อวันที่ 24 มีนาคม Google ได้จัดกิจกรรม WebRTC Protothon ซึ่งเป็นกิจกรรมสำหรับนักพัฒนาซอฟต์แวร์ WebRTC เป็นครั้งแรกของโลก
- Chrome
การประมวลผลการอัปโหลดไฟล์ XHR2 ใน PHP
ตัวอย่างโค้ดของเซิร์ฟเวอร์ที่แสดงวิธีจัดการการอัปโหลดไฟล์
- Chrome
เพิ่มประสิทธิภาพให้กับ DOM ได้อย่างมาก - InsideHTML ของ WebKit นั้นทำงานเร็วขึ้น 240%
Kentaro Hara วิศวกร Chrome ทำการเพิ่มประสิทธิภาพโค้ด 7 รายการใน WebKit ซึ่งช่วยเพิ่มประสิทธิภาพสำหรับทั้ง Safari (JavaScriptCore) และ Chrome (V8)
- Chrome
สรุปแหล่งข้อมูลภายในของเว็บเบราว์เซอร์
ทรัพยากรส่วนใหญ่ที่อธิบายการทำงานภายในของเว็บเบราว์เซอร์
- Chrome
ทำให้หน้าเว็บทั้งหน้าเป็นแบบออฟไลน์โดยใช้ HTML5 FileSystem API
FileSystem API ช่วยให้สามารถจัดเก็บไฟล์และลำดับชั้นของโฟลเดอร์ไว้ในระบบไฟล์ในเครื่อง (แซนด์บ็อกซ์) และเพิ่ม/อัปเดต/นำทรัพยากรออกได้ตามต้องการ
- Chrome
ข้อมูลเบื้องต้นเกี่ยวกับการแมปแหล่งที่มา JavaScript
คุณเคยอยากทำให้โค้ดฝั่งไคลเอ็นต์อ่านง่ายและที่สำคัญคือแก้ไขข้อบกพร่องได้แม้ว่าจะรวมและทำให้โค้ดมีขนาดเล็กแล้วก็ตาม โดยไม่ส่งผลต่อประสิทธิภาพไหม ตอนนี้คุณทำได้แล้วด้วย แผนที่แหล่งที่มา
- Chrome
การเพิ่มประสิทธิภาพ JavaScript
JavaScript ค่อนข้างเร็ว แต่ก็ทำงานเร็วกว่าได้เสมอ อ่านเพิ่มเติมเกี่ยวกับวิธีการเพิ่มประสิทธิภาพ JavaScript ให้มีประสิทธิภาพ
- Chrome
คุณลักษณะทดลองใหม่ - สไตล์ชีตที่กำหนดขอบเขต
Chromium เพิ่งนำฟีเจอร์ใหม่จาก HTML5 มาใช้ ซึ่งเป็นสไตล์ชีตที่มีขอบเขต หรือที่รู้จักกันว่า
- Chrome
สรุปการสาธิต WebGL และ Web Audio API
นี่คือการสาธิต WebGL และ Web Audio API สุดเจ๋งบางส่วนที่ฉันเห็นในช่วง 2-3 สัปดาห์ที่ผ่านมา
- Chrome
SwiftShader นำการแสดงผล 3 มิติของซอฟต์แวร์มาไว้ใน Chrome
SwiftShader เป็นซอฟต์แวร์แสดงผล 3 มิติที่ใช้ใน Chrome 18 ซึ่งให้คุณใช้ CSS 3D และ WebGL ได้แม้จะใช้ GPU ที่ไม่อนุญาต
- Chrome
ตรวจหาการเปลี่ยนแปลง DOM ด้วยเครื่องมือสังเกตการเปลี่ยนแปลง
ข้อมูลเบื้องต้นเกี่ยวกับตัวสังเกตการเปลี่ยนแปลง
- Chrome
การใช้ Gmail เพื่อจัดการ mailto ทั้งหมด - ลิงก์ที่ใช้ RegisterProtocolHandler
ขอบคุณ navgator.registerProtocolHandler() คุณสามารถเชื่อมต่อ Gmail ให้เป็นโปรแกรมรับส่งอีเมลเริ่มต้นสำหรับลิงก์ mailto ทั้งหมด
- Chrome
Chrome สำหรับ Android - เร่งเครื่องเว็บบนอุปกรณ์เคลื่อนที่
Chrome สำหรับ Android รุ่นเบต้ามีพื้นฐานมาจากโครงการโอเพนซอร์ส Chromium ร่วมกับคุณลักษณะ HTML5 ล่าสุดหลายอย่างที่นักพัฒนาซอฟต์แวร์ Chrome รู้จักและชื่นชอบ
- Chrome
Pointer Lock API นำเกม FPS มาไว้ในเบราว์เซอร์
Pointer Lock API ช่วยให้เขียนเกมยิงมุมมองบุคคลที่หนึ่งที่เหมาะสมสำหรับเว็บได้
- Chrome
เสียง HTML5 และ Web Audio API เป็น BFF
createMediaElementSource() ช่วยให้คุณสามารถรวม HTML5 เข้ากับภาพ ตัวกรอง และพลังการประมวลผลของ Web Audio API
- Chrome
การเลิกใช้ XHR ที่มาพร้อมกัน
โปรดทราบ เพิ่งมีการเปลี่ยนแปลงข้อกำหนด XMLHttpRequest2 เพื่อห้ามส่งคำขอพร้อมกันเมื่อมีการตั้งค่า XMLHttpRequest.responseType
- Chrome
คำถามที่พบบ่อยเกี่ยวกับ Web Audio
การอัปเดตสั้นๆ นี้เป็นการพยายามตอบคำถามบางส่วนที่พบบ่อยเพื่อให้ประสบการณ์การใช้งาน Web Audio API น่าพึงพอใจยิ่งขึ้น
- Chrome
ขอแนะนำตัวอย่างโปรแกรมเล่นวิดีโอ
ตัวอย่างโปรแกรมเล่นวิดีโอเป็นเว็บแอปโปรแกรมเล่นวิดีโอแบบโอเพนซอร์สที่สร้างขึ้นโดยใช้สถาปัตยกรรมเดียวกันกับแอป 60 Minutes และ RedBull.tv
- Chrome
เอฟเฟ็กต์ตัวกรอง CSS ที่ไปปรากฏใน WebKit
Adobe ทำงานอย่างหนักเพื่อนำเทคโนโลยีที่น่าทึ่งนี้มาใช้กับ CSS โดยเฉพาะอย่างยิ่ง ฉันกำลังหมายถึง CSS Filter Effects 1.0 ซึ่ง WebKit ได้เริ่มนำมาใช้งานแล้ว
- Chrome
วัตถุที่ถ่ายโอนได้ - เร็วมาก
เมื่อใช้ออบเจ็กต์ที่โอนได้ ระบบจะโอนข้อมูลจากบริบทหนึ่งไปยังอีกบริบทหนึ่ง เครื่องมือนี้เป็นสำเนาแบบ Zero ปี ซึ่งช่วยปรับปรุงประสิทธิภาพในการส่งข้อมูลให้กับผู้ปฏิบัติงานได้เป็นอย่างมาก
- Chrome
ใช้ความแม่นยำปานกลางใน WebGL หากเป็นไปได้
โปรดทราบจากเพื่อนของเราที่ Opera ซึ่งได้ทดสอบ WebGL บนฮาร์ดแวร์ OpenGL ES 2.0 จริงๆ
- Chrome
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome เรื่องความเร็ว
การใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome เพื่อปรับปรุงความเร็วของแอป
- Chrome
สตรีมวิดีโอโดยใช้ MediaSource API
MediaSource API ขยาย "HTMLMediaElement" เพื่ออนุญาตให้ JavaScript สร้างสตรีมสื่อสำหรับการเล่น
- Chrome
สรุปการสาธิต WebGL
ต่อไปนี้เป็นการสาธิต WebGL ใหม่ๆ สุดเจ๋งจากเว็บเพื่อแสดงให้เห็นว่าเบราว์เซอร์ของคุณทำอะไรได้บ้าง
- Chrome
เครื่องมือสร้างแคชของแอปและเครื่องมือสร้างอัตโนมัติ
แคชของแอปพลิเคชันช่วยให้คุณเรียกใช้เว็บแอปแบบออฟไลน์ได้ เร่งเวลาเริ่มต้นใช้งานได้เร็วขึ้น และลดค่าแบนด์วิดท์
- Chrome
การกำหนดขอบเขตในธุรกรรม IndexedDB
IndexedDB เป็นมาตรฐานเว็บที่พัฒนาขึ้นเพื่อการจัดเก็บ Structured Data จำนวนมากในเบราว์เซอร์
- Chrome
ให้เนื้อหาของคุณเป็นประเด็น - API เต็มหน้าจอ
API เต็มหน้าจอช่วยให้เว็บแอปแจ้งเนื้อหาใดก็ตามในหน้าแบบเป็นโปรแกรมให้เข้าสู่โหมดการดูแบบเต็มหน้าจอของเบราว์เซอร์จาก JavaScript
- Chrome
อัปเดต WebSocket เป็นเวอร์ชันล่าสุดใน Chrome Canary แล้ว
WebSocket API ได้รับการอัปเดตเป็นเวอร์ชันล่าสุด (13) ใน Chrome Canary
- Chrome
การติดตาม HTML5 และเบราว์เซอร์ที่รองรับ
จริงๆ แล้วการติดตามคุณลักษณะเหล่านั้นอาจเป็นเรื่องท้าทาย แต่เฉพาะเมื่อคุณไม่ทราบว่าต้องดูที่ใด
- Chrome
นั่งรถไปกับ Three.js
เราเห็นนักพัฒนาซอฟต์แวร์จำนวนมากขึ้นเรื่อยๆ คิดค้นการสาธิต 3 มิติใหม่ๆ ไม่ว่าจะเป็นผู้เชี่ยวชาญ OpenGL อยู่แล้วหรือนักผจญภัยมือใหม่ที่เริ่มเล่น
- Chrome
คูปอง Game Conference ใหม่สำหรับนักพัฒนาเกม HTML5
ทำให้ฉันต้องทำรายงาน TPS ไม่เสร็จด้วยการเรียนรู้วิธีเขียนเกม HTML5 และ WebGL ที่เกมใหม่
- Chrome
วิดีโอความยาว 7 นาที - เคล็ดลับให้บริการคอนโซล JavaScript และ DOM API แบบใหม่
เพิ่มประสิทธิภาพให้กับคอนโซล JavaScript ใน Chrome DevTools
- Chrome
ผู้ปฏิบัติงาน ♥ ArrayBuffer
การสนับสนุน Chrome 13 และ FF5 ที่ส่ง "ArrayBuffer" (หรืออาร์เรย์ประเภท) ไปยัง/จาก Web Worker
- Chrome
โปรโตคอล WebSocket ใหม่มีความแตกต่างอย่างไร
ข้อกำหนดโปรโตคอล WebSocket ได้รับการอัปเดตเมื่อเร็วๆ นี้เพื่อแก้ไขปัญหาด้านความปลอดภัยก่อนหน้านี้และส่วนใหญ่มีความเสถียร
- Chrome
InsertAdjacentHTML ทุกที่
วิธีแทรกเนื้อหาในเอกสาร HTML
- Chrome
การแก้ไขข้อบกพร่อง Filesystem API
ระบบไฟล์ HTML5 เป็น API ที่มีประสิทธิภาพ มาพร้อมกับความซับซ้อนแต่ทรงพลัง เนื่องจากความซับซ้อนนี้ จะทำให้เกิดความยุ่งยากในการแก้ไขข้อบกพร่องมากยิ่งขึ้น
- Chrome
เรียกดูไฟล์ในเครื่องด้วย File System API
หากมีออบเจ็กต์ "ไฟล์" คุณอาจค้นหาและอ่านเนื้อหาบางส่วนได้โดยไม่ต้องอ่านไฟล์ทั้งไฟล์ในหน่วยความจำ
- Chrome
ไลบรารี/polyfills ของ HTML5 - กลางเดือนกรกฎาคม
ห้องสมุดที่น่าประทับใจอีกมากมายผุดขึ้นทั่วบริเวณ
- Chrome
ไม่พลาดเฟรม - การใช้ API การแสดงผลหน้าเว็บ + วิดีโอ HTML5
คุณสามารถใช้ API ระดับการเข้าถึงหน้าเว็บเพื่อตรวจสอบว่าแท็บปัจจุบันมองเห็นได้หรือไม่
- Chrome
ประกาศเปิดตัวเกมใหม่ "การประชุมสำหรับนักพัฒนาเกม HTML5"
ขอเชิญมาร่วมงาน New Game ซึ่งจะจัดขึ้นในวันที่ 1-2 พฤศจิกายน 2011 ที่ซานฟรานซิสโก แคลิฟอร์เนีย
- Chrome
การใช้รูปภาพข้ามโดเมนใน WebGL
ข้อกำหนดของ WebGL มีการอัปเดตสำคัญเกี่ยวกับวิธีขอรูปภาพแบบข้ามโดเมน
- Chrome
ไลบรารี HTML5 - ปลายเดือนมิถุนายน
ไม่นานมานี้มีการครอบตัดห้องสมุดที่น่าสนใจบางแห่ง
- Chrome
API การเปิดเผยหน้าเว็บ - เราได้รับความสนใจจากคุณหรือยัง
โชคดีที่ API ระดับการเข้าถึงหน้าเว็บใหม่ช่วยให้แอปของคุณค้นพบว่ามองเห็นอยู่หรือไม่
- Chrome
ตรงกันข้ามใน HTML5 + Web Audio API
ด้วยประสิทธิภาพของ GWT, HTML5 และ Web Audio API เราจึงสามารถสร้าง Contra เป็นผู้คิดค้นโค้ดโกงสุดโปรดของทุกคนได้
- Chrome
navigator.onLine ใน Chrome Dev เวอร์ชัน
ด้วย API ออฟไลน์ใน HTML5 จะไม่มีใครแก้ตัวได้ในการมอบประสบการณ์แบบออฟไลน์ไร้ที่ติให้กับผู้ใช้
- Chrome
ยินดีต้อนรับสู่ updated.html5rocks.com
เราได้สร้าง"HTML5 อัปเดตสตรีม ""เพื่อไฮไลต์สิ่งดีๆ ที่ควรค่าแก่การแชร์เพื่อนำเสนอข้อมูลให้นักพัฒนาซอฟต์แวร์ทราบได้เร็วขึ้น
- Chrome
ตรวจสอบเว็บแอปพลิเคชันของคุณในด้านความเร็ว
เว็บแอปที่รวดเร็วคือเว็บแอปที่ประสบความสําเร็จ งานของคุณในฐานะนักพัฒนาแอปยังไม่เสร็จสมบูรณ์จนกว่าคุณจะเพิ่มประสิทธิภาพทั้งประสิทธิภาพจริงและประสิทธิภาพที่ผู้ใช้รับรู้ของแอป
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
แนะนำเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ตอนที่ 1
Google Chrome เป็นเว็บเบราว์เซอร์ที่สมบูรณ์และทรงประสิทธิภาพ ซึ่งริเริ่มสิ่งที่เป็นไปได้สำหรับแอปพลิเคชันบนเว็บ Google ทำงานอย่างหนักเพื่อมอบประสบการณ์การท่องเว็บที่รวดเร็ว มีความเสถียร และมีฟีเจอร์มากมายสำหรับผู้ใช้ปลายทาง Google
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Workbox
- ส่วนขยาย Chrome
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- ส่วนขยาย Chrome
- Workbox
Policies
Extension policies
- ส่วนขยาย Chrome
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- รายงาน Chrome UX
LCP image subparts and RTT now available in CrUX
Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.
- Chrome
Dimensions
Technical documentation on CrUX dimensions.
- Workbox
- รายงาน Chrome UX
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- ส่วนขยาย Chrome
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- ส่วนขยาย Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- ส่วนขยาย Chrome
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- ส่วนขยาย Chrome
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- ส่วนขยาย Chrome
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- ส่วนขยาย Chrome
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- ส่วนขยาย Chrome
- Workbox
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- รายงาน Chrome UX
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- ส่วนขยาย Chrome
- Workbox
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- ส่วนขยาย Chrome
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- ส่วนขยาย Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- ส่วนขยาย Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- ส่วนขยาย Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- ส่วนขยาย Chrome
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- ส่วนขยาย Chrome
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- ส่วนขยาย Chrome
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- ส่วนขยาย Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- ส่วนขยาย Chrome
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- ส่วนขยาย Chrome
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- ส่วนขยาย Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- ส่วนขยาย Chrome
Create a side panel
TBD
- Workbox
- ส่วนขยาย Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- ส่วนขยาย Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- ส่วนขยาย Chrome
Overview of CrUX
Introduction to the CrUX dataset.
- รายงาน Chrome UX
- Workbox
Permissions
A list of permissions and user warnings available on the extensions platform.
- ส่วนขยาย Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- ส่วนขยาย Chrome
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- ส่วนขยาย Chrome
Distribute your extension
How to host your Chrome extension.
- Workbox
- ส่วนขยาย Chrome
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- ส่วนขยาย Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- ส่วนขยาย Chrome
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- ส่วนขยาย Chrome
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- ส่วนขยาย Chrome
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- ส่วนขยาย Chrome
- Workbox
Prepare your extension
Prepare your extension files.
- ส่วนขยาย Chrome
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- ส่วนขยาย Chrome
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- ส่วนขยาย Chrome
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- ส่วนขยาย Chrome
- Workbox
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- ส่วนขยาย Chrome
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- ส่วนขยาย Chrome
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Workbox
- ส่วนขยาย Chrome
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- ส่วนขยาย Chrome
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- ส่วนขยาย Chrome
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- ส่วนขยาย Chrome
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- ส่วนขยาย Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- ส่วนขยาย Chrome
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- ส่วนขยาย Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- ส่วนขยาย Chrome
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- ส่วนขยาย Chrome
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- ส่วนขยาย Chrome
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- ส่วนขยาย Chrome
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- ส่วนขยาย Chrome
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- ส่วนขยาย Chrome
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Workbox
- ส่วนขยาย Chrome
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- ส่วนขยาย Chrome
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- ส่วนขยาย Chrome
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- ส่วนขยาย Chrome
- Workbox
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- ส่วนขยาย Chrome
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- ส่วนขยาย Chrome
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- ส่วนขยาย Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- ส่วนขยาย Chrome
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- ส่วนขยาย Chrome
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- ส่วนขยาย Chrome
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- ส่วนขยาย Chrome
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- ส่วนขยาย Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- ส่วนขยาย Chrome
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- ส่วนขยาย Chrome
- Workbox
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- ส่วนขยาย Chrome
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- ส่วนขยาย Chrome
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- ส่วนขยาย Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- ส่วนขยาย Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- ส่วนขยาย Chrome
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- ส่วนขยาย Chrome
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Complete your listing information
How to add listing information for your Chrome Web Store item.
- ส่วนขยาย Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- ส่วนขยาย Chrome
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- ส่วนขยาย Chrome
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- ส่วนขยาย Chrome
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- ส่วนขยาย Chrome
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- ส่วนขยาย Chrome
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- ส่วนขยาย Chrome
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- ส่วนขยาย Chrome
- Workbox
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- ส่วนขยาย Chrome
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- ส่วนขยาย Chrome
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- ส่วนขยาย Chrome
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- ส่วนขยาย Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- ส่วนขยาย Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- ส่วนขยาย Chrome
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- ส่วนขยาย Chrome
- Workbox
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox