![](https://developer.chrome.com/static/docs/puppeteer/images/hero.png?authuser=8&%3Bhl=th&hl=th)
นักเชิดหุ่นกระบอก
Puppeteer เป็นไลบรารี JavaScript ที่มี API ระดับสูงเพื่อทําให้ทั้ง Chrome และ Firefox ทำงานอัตโนมัติผ่านโปรโตคอลเครื่องมือสําหรับนักพัฒนาซอฟต์แวร์ Chrome และ WebDriver BiDi
ใช้เพื่อทำงานใดๆ ในเบราว์เซอร์ให้เป็นแบบอัตโนมัติ ตั้งแต่การจับภาพหน้าจอและสร้าง PDF ไปจนถึงการไปยังส่วนต่างๆ และทดสอบ UI ที่ซับซ้อน รวมถึงวิเคราะห์ประสิทธิภาพ
แนวคิด
การโต้ตอบกับหน้าเว็บ
การดักรับข้อมูลในเครือข่าย
ถ่ายภาพหน้าจอ
โหมดการเรียกใช้
บล็อกโพสต์
การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows
ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ของ Windows ใน Chromium โดยตรง ซึ่งส่งผลให้การแสดงผลข้อความในเบราว์เซอร์ที่พัฒนาบน Chromium ใน Windows ดีขึ้น
เข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติเมื่อเล่นสื่อ
Chrome อนุญาตให้เว็บแอปที่เล่นสื่อเข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติ
Chrome 134 เบต้า
สำรวจฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome
มีอะไรใหม่ใน Chrome 133
Chrome 133 พร้อมให้ใช้งานแล้ว เรามีฟีเจอร์ CSS ใหม่ๆ ที่น่าตื่นเต้นและอีกมากมายให้คุณค้นพบ
ปรับปรุงขั้นตอนการลงชื่อเข้าใช้บนเว็บด้วยแท็บการตรวจสอบสิทธิ์สำหรับ Android
ปรับปรุงการตรวจสอบสิทธิ์บนเว็บด้วยแท็บการให้สิทธิ์สำหรับ Android
เพิ่มการมีส่วนร่วมของผู้ใช้ด้วยประวัติเฉพาะแอปในแท็บ Chrome ที่กำหนดเอง
ขอแนะนำประวัติเฉพาะแอปสำหรับแท็บที่กำหนดเองของ Chrome สำหรับ Android
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 133
ประวัติแชท AI แบบถาวร การนำทางที่ดีขึ้น การละเว้นข้อมูล และสแต็กเทรซในประสิทธิภาพ แผง "มีอะไรใหม่" ใหม่ และอื่นๆ
มีอะไรใหม่ใน WebGPU (Chrome 133)
รูปแบบเวิร์กเท็กซ์ unorm8x4-bgra และ 1 คอมโพเนนต์เพิ่มเติม อนุญาตให้ขอขีดจำกัดที่ไม่รู้จักด้วยค่าที่ไม่ระบุ การเปลี่ยนแปลงกฎการจัดแนว WGSL ประสิทธิภาพที่เพิ่มขึ้นของ WGSL เมื่อใช้การทิ้ง และอื่นๆ อีกมากมาย
ข้อมูลอัปเดตเกี่ยวกับส่วนขยาย Chrome ประจำเดือนมกราคม 2025
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
การปรับปรุงนโยบายของ Chrome เว็บสโตร์: เพิ่มความชัดเจนและความสอดคล้องสำหรับนักพัฒนาแอป
Chrome เว็บสโตร์มุ่งมั่นที่จะส่งเสริมระบบนิเวศที่มีคุณภาพสูงและเชื่อถือได้สำหรับนักพัฒนาแอปและผู้ใช้ เพื่อให้สอดคล้องกับเป้าหมายนี้ เราจึงขอประกาศการปรับปรุงนโยบายชุดหนึ่งซึ่งออกแบบมาเพื่อความชัดเจนและความสอดคล้องกันทั่วทั้งแพลตฟอร์ม
ลดความซับซ้อนในการตรวจหาฟีเจอร์ WebAuthn สำหรับพาสคีย์
ดูวิธีตรวจหาความสามารถของ WebAuthn ด้วย `getClientCapabilities()` และปรับแต่งเวิร์กโฟลว์การตรวจสอบสิทธิ์ให้กับผู้ใช้
ค้างเมื่อใช้โหมดประหยัดพลังงาน
ตั้งแต่ Chrome เวอร์ชัน 133 เป็นต้นไป แท็บที่ทำงานอยู่เบื้องหลังซึ่งใช้ CPU มากและมีสิทธิ์จะหยุดทำงานเมื่อโหมดประหยัดพลังงานเปิดอยู่
พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google พร้อมใช้งานใน iOS แล้ว
ตอนนี้ Chrome ใน iOS 17 ขึ้นไปสามารถสร้าง ซิงค์ และตรวจสอบสิทธิ์ด้วยพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) ได้แล้ว ซึ่งทำให้พาสคีย์ใน GPM พร้อมใช้งานในทุกที่ที่ Chrome พร้อมให้บริการ
การอัปเกรด attr() ของ CSS
ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง
scroll-state() ของ CSS
เหมือนกับการค้นหาคอนเทนเนอร์ แต่สําหรับการค้นหาที่ค้าง หยุดชะงัก และล้น
Chrome 133 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
text-box-trim ของ CSS
เพิ่มพื้นที่ว่างเหนือและใต้เนื้อหาข้อความเพื่อให้เกิดความสมดุล
วิธีที่เราได้เปิดตัว Gemini ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
มีอะไรใหม่ใน Chrome 132
Chrome 132 พร้อมให้ใช้งานแล้ว องค์ประกอบกล่องโต้ตอบจะได้รับ ToggleEvent ซึ่งรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API รองรับ Android และ WebView
ผู้ชนะใน Built-in AI Challenge
พบกับแอปและส่วนขยายที่ชนะจาก Built-in AI Challenge ซึ่งเราเชิญให้คุณมาจินตนาการถึงสิ่งที่เป็นไปได้ด้วย Gemini Nano ใน Chrome
การรองรับส่วนขยาย Web Vitals สิ้นสุดแล้ว
การผสานรวมส่วนขยาย Web Vitals เข้ากับเครื่องมือสำหรับนักพัฒนาเว็บเสร็จสมบูรณ์แล้ว และการรองรับส่วนขยายดังกล่าวสิ้นสุดลง
มีอะไรใหม่ใน WebGPU (Chrome 132)
การใช้มุมมองพื้นผิว การผสมพื้นผิวแบบ 32 บิต การผสมพื้นผิวแบบ Float แอตทริบิวต์ adapterInfo ของ GPUDevice การกำหนดค่าบริบท Canvas ที่มีรูปแบบไม่ถูกต้องจะทำให้เกิดข้อผิดพลาด JavaScript การกรองข้อจำกัดของตัวสุ่มตัวอย่างในพื้นผิว การทดสอบกลุ่มย่อยแบบขยาย การปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ การรองรับรูปแบบพื้นผิวแบบ 16 บิตที่แปลงค่าให้เป็นมาตรฐานแบบทดลอง และอื่นๆ
ตัวอย่างการใช้งานการป้อนข้อความอัตโนมัติ: ข้อมูลเชิงลึกจากการใช้งานจริง
การศึกษาของ Chrome แสดงให้เห็นว่าฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้ผู้ใช้กรอกแบบฟอร์มได้เร็วขึ้นและมีอัตราการหยุดกลางคันลดลง
ผลการค้นหาจากแบบฟอร์มคำขอเลือกแบบกำหนดเองสำหรับความคิดเห็นของนักพัฒนาแอป
ขอขอบคุณที่สละเวลาแชร์ความคิดเห็นกับเรา ตรวจสอบรายละเอียด และช่วยกำหนดมาตรฐาน
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 132
แก้ไขข้อบกพร่องของคำขอเครือข่าย ไฟล์ต้นทาง และร่องรอยประสิทธิภาพด้วย Gemini, ดูประวัติการแชทกับ AI และอีกมากมาย
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
CSS Wrapped 2024
ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024
การเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
เราจะนําแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองออกในเดือนมกราคม 2025 โดยจะมีข้อมูลเชิงลึกใหม่ในแผงประสิทธิภาพแทน
อนาคตของ WebGPU
ดูข้อมูลเกี่ยวกับฟีเจอร์ AI และการแสดงผลใหม่ที่มีการพูดคุยกันในการประชุมกลุ่มทำงาน GPU for the Web ครั้งล่าสุด
วิดีโอการช่วยเหลือพิเศษได้รับรางวัลเว็บจากการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API
เราได้เลือก ViddyScribe สำหรับรางวัลเว็บในการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API โดยได้แสดงให้เห็นว่า Gemini ช่วยให้วิดีโอบนเว็บเข้าถึงได้ง่ายขึ้นได้อย่างไรด้วยการสร้างคำบรรยายแทนเสียงสำหรับวิดีโอทุกรายการ
เตรียมส่วนขยายของคุณเมื่อเราเริ่มทดสอบเมนูส่วนขยายใหม่
วิธีเตรียมส่วนขยายให้พร้อมใช้งานในเมนูส่วนขยายใหม่
เข้าร่วมช่วงทดลองใช้ Translator API จากต้นทาง
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว
กำกับเนื้อหาการติดตามในแผงประสิทธิภาพโดยตรง
ดูวิธีทําให้ร่องรอยประสิทธิภาพเข้าใจง่ายขึ้นด้วยฟีเจอร์คําอธิบายประกอบใหม่ในเครื่องมือสําหรับนักพัฒนาเว็บ
Chrome 132 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
ขอแนะนำ Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
เข้าร่วม Prompt API สำหรับช่วงทดลองใช้จากต้นทางของส่วนขยาย Chrome
เข้าร่วมช่วงทดลองใช้ Prompt API สำหรับต้นทางส่วนขยาย Chrome และเข้าถึง Gemini Nano ใน Chrome
เข้าร่วมช่วงทดลองใช้ Summarizer API จากต้นทาง
เข้าร่วมการทดลองใช้เวอร์ชันต้นทางเพื่อช่วยผู้ใช้กลั่นบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้เป็นข้อมูลสรุปที่กระชับและมีข้อมูลเชิงลึก
ใหม่ใน Chrome 131
Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย
มีอะไรใหม่ใน WebGPU (Chrome 131)
ระยะการครอบตัดใน WGSL, GPUCanvasContext getConfiguration(), องค์ประกอบพื้นฐานของจุดและเส้นต้องไม่มีอคติเชิงลึก, ฟังก์ชันในตัวของ Inclusive Scan สำหรับกลุ่มย่อย, การรองรับแบบทดลองสำหรับการวาดหลายครั้งโดยอ้อม, ตัวเลือกการคอมไพล์โมดูล Shader แบบ Strict Math, นำ GPUAdapter requestAdapterInfo() ออก และอื่นๆ
ตัวเลือกเพิ่มเติมสำหรับการจัดสไตล์ <details>
ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่
ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างราบรื่นด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
การแชร์ข้อมูลเข้าสู่ระบบที่ราบรื่นช่วยให้คุณส่งสัญญาณไปยังเครื่องมือจัดการรหัสผ่านได้อย่างปลอดภัยว่าผู้ใช้สามารถลงชื่อเข้าใช้โดยใช้ข้อมูลเข้าสู่ระบบเดียวกันในแอปและเว็บไซต์ Android
ตรวจสอบเมตริก Core Web Vitals แบบเรียลไทม์ในแผงประสิทธิภาพ
ตรวจสอบเมตริก Core Web Vitals ที่เผยแพร่อยู่ในแผงประสิทธิภาพ
เพิ่มเนื้อหาในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS
สร้างส่วนหัวและส่วนท้ายที่กำหนดเองเมื่อพิมพ์หน้าเว็บ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 131
แก้ไขข้อบกพร่อง CSS ด้วย Gemini, ใส่คำอธิบายประกอบสิ่งที่ค้นพบ และรับข้อมูลเชิงลึกในแผงประสิทธิภาพ พบการเปลี่ยนเลย์เอาต์และภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite และอื่นๆ อีกมากมาย
การนํา --headless=old ออกจาก Chrome
Chrome 132 ไม่มีโหมด Headless แบบเก่าอีกต่อไป เปลี่ยนไปใช้ Chrome-headless-shell หรือโหมดไม่มีส่วนหัวใหม่
ป้ายเลื่อนใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาองค์ประกอบที่เลื่อนได้เร็วขึ้น
ดูว่าป้ายเลื่อนใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้การแก้ไขข้อบกพร่ององค์ประกอบที่เลื่อนได้ง่ายขึ้นได้อย่างไร (และวิธีที่เราสร้างป้ายนี้)
5 สิ่งที่น่าทึ่งที่คุณทำได้ด้วยความช่วยเหลือจาก AI ในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
Chrome 131 เบต้า
สำรวจฟีเจอร์ที่จะเปิดตัวใน Chrome กับเบต้าล่าสุด
ใหม่ใน Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130
มีอะไรใหม่ใน WebGPU (Chrome 130)
การผสมแบบ 2 แหล่ง การปรับปรุงเวลาในการคอมไพล์ตัวปรับแสงเงาในส่วนโลหะ การเลิกใช้งาน GPU requestAdapterInfo() และอื่นๆ
สิ่งที่จะเกิดขึ้นกับส่วนขยาย Chrome ในเดือนตุลาคม 2024
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
พร็อพเพอร์ตี้กล่องตกแต่งใน Chrome 130
Chrome 130 มีการสนับสนุนกล่อง-การตกแต่งกล่องอย่างสมบูรณ์แบบที่ไม่มีคำนำหน้า
ระงับการเข้าถึงเครือข่ายส่วนตัวชั่วคราว
การเปิดตัวการเข้าถึงเครือข่ายส่วนตัว (PNA) ถูกระงับ
Translation API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ขณะนี้ Translation API พร้อมใช้งานสำหรับผู้เข้าร่วมโปรแกรมทดลองใช้ AI ในตัวก่อนเปิดตัวแล้ว
การเปลี่ยนแปลงการรับช่วงค่าสำหรับการจัดรูปแบบการเลือก CSS
การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS จะเกิดขึ้นใน Chrome 131
จับการคาดคะเนในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: เหตุผลที่ทำให้ยากและวิธีช่วยปรับปรุง
ดูวิธีที่เครื่องมือแก้ไขข้อบกพร่องของ DevTools คาดคะเนว่าจะพบข้อยกเว้นหรือไม่
เข้าร่วมภารกิจ AI ในตัวของ Google Chrome
เรากำลังเปิดตัวภารกิจ AI ในตัว ซึ่งขอเชิญให้คุณมาประยุกต์ใช้ Gemini Nano ใน Chrome เพื่อพลิกโฉมความเป็นไปได้
การปรับปรุงประสบการณ์การใช้งานหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์บนอุปกรณ์เคลื่อนที่
เรายินดีที่จะเปิดตัวชุดการเปลี่ยนแปลง UI ซึ่งทำให้หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ตอบสนองได้ดียิ่งขึ้นและเหมาะกับอุปกรณ์เคลื่อนที่
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 130
คําแนะนําเกี่ยวกับเมตริกสดและเบรดครัมบ์ที่คุณไปยังส่วนต่างๆ ได้ในแผงประสิทธิภาพ ตัวกรองเครือข่ายที่พลิกโฉม การส่งออก HAR ที่มีการตรวจสอบสุขอนามัย และอื่นๆ
ลบการแคชแล้ว: ตรวจสอบ ล้าง และปิดใช้แคช
ตรวจสอบและแก้ปัญหาแคชด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ส่วนขยาย Web Vitals พร้อมใช้งานในเครื่องมือสําหรับนักพัฒนาเว็บแล้ว
ส่วนขยาย Web Vitals จะผสานรวมกับแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งจะสิ้นสุดการรองรับแบบสแตนด์อโลนในเดือนมกราคม 2025
Writer และ Rewriter API พร้อมให้ทดลองใช้ก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API เขียนและเขียนใหม่ใน Chrome ได้แล้ว
Chrome เพื่อซิงค์พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google ระหว่างเดสก์ท็อปกับ Android
เร็วๆ นี้ Chrome บนเดสก์ท็อปจะสามารถสร้างพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) และซิงค์ข้อมูลในแพลตฟอร์มเหล่านั้นนอกเหนือจาก Android
ต้องการความคิดเห็น: เราควรกำหนด CSS Masonry อย่างไร
การเปรียบเทียบข้อกำหนดเฉพาะสำหรับการก่ออิฐที่เสนอ 2 รายการ
Chrome 130 เบต้า
ทดสอบเว็บไซต์ด้วยฟีเจอร์และการเปลี่ยนแปลงใน Chrome เบต้าล่าสุด
การทดสอบ Chrome: การแชร์กระบวนการ
การทดสอบการแชร์กระบวนการและผลกระทบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome' ประสบการณ์ของนักพัฒนาแอป
ใหม่ใน Chrome 129
เรากำลังเปิดตัว Chrome 129 อยู่ คุณสามารถให้ผลตอบแทนในงานที่ยาวๆ ได้ เพื่อปรับปรุงประสิทธิภาพ คุณสามารถทำให้องค์ประกอบเคลื่อนไหวด้วยขนาดที่แท้จริง มีการเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่งแท็ก Anchor และอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 129
ตรวจสอบประสิทธิภาพ Core Web Vitals ในพื้นที่และของผู้ใช้จริงใน DevTools
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome มีวิธีใหม่ในการตรวจสอบประสิทธิภาพ Core Web Vitals ในเครื่องและเปรียบเทียบกับข้อมูลผู้ใช้จริงจากภาคสนาม
มีอะไรใหม่ใน WebGPU (Chrome 129)
การรองรับ HDR ด้วยโหมดการปรับโทนสีแคนวาส การรองรับกลุ่มย่อยที่ขยายการให้บริการ และอื่นๆ
การอัปเดต RFCOMM ของบลูทูธใน Web Serial
ดูวิธีตรวจหาว่าพอร์ตอนุกรม RFCOMM ของบลูทูธพร้อมใช้งานหรือไม่ด้วย Web Serial
หยุดหน้าจอชั่วคราวและตรวจสอบองค์ประกอบที่หายไป
ตรึงองค์ประกอบใน DOM เพื่อให้คุณตรวจสอบองค์ประกอบเหล่านั้นด้วย DevTools ได้
คำขอความคิดเห็นของนักพัฒนาแอป: ตัวเลือกที่ปรับแต่งได้
ดูตัวอย่างฟีเจอร์ใหม่ "การเลือกที่ปรับแต่งได้" ก่อนใคร
API ล็อกแป้นพิมพ์และล็อกเคอร์เซอร์ต้องได้รับสิทธิ์จาก Chrome 131
Keyboard Lock API ช่วยให้นักพัฒนาแอปมอบประสบการณ์การใช้งานแบบเต็มหน้าจอที่สมจริงสำหรับกรณีการใช้งานที่หลากหลาย ซึ่งรวมถึงเว็บไซต์แบบอินเทอร์แอกทีฟ เกม การสตรีมเดสก์ท็อประยะไกล หรือแอปพลิเคชัน
ขอแนะนำช่วงทดลองใช้ Digital Credentials API จากต้นทาง
ช่วงทดลองใช้จากต้นทางสำหรับ Digital Credentials API จะเริ่มจาก Chrome 128 Digital Credentials API คือ API แพลตฟอร์มเว็บแบบใหม่ที่ช่วยให้เว็บไซต์สามารถเลือกขอข้อมูลที่ยืนยันได้เกี่ยวกับผู้ใช้ผ่านข้อมูลเข้าสู่ระบบดิจิทัล เช่น ใบขับขี่หรือบัตรประจำตัวประชาชนที่จัดเก็บไว้ในกระเป๋าเงินดิจิทัล
การเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่ง Anchor
การเปลี่ยนแปลงที่เกี่ยวข้องกับ API การกำหนดตำแหน่งแท็ก Anchor ที่คุณควรทราบ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 129
คำขอค้นหาใน "ประสิทธิภาพ" > เครือข่าย ใช้ข้อมูลทดสอบในแบบฟอร์มที่อยู่ด้วยการป้อนข้อความอัตโนมัติ, ส่งออกไปยัง Puppeteer สำหรับ Firefox ในแผงโปรแกรมอัดเสียง, มองหาปัญหาด้านประสิทธิภาพได้อย่างรวดเร็วด้วยการสังเกตการณ์ในแผงประสิทธิภาพ และอื่นๆ
ขอแนะนำคำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON สำหรับ WebAuthn ใน Chrome
ตอนนี้ WebAuthn ใน Chrome สามารถใช้คำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON ได้แล้ว
Language Detection API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สร้างต้นแบบได้ด้วย API ตรวจจับภาษาใน Chrome ได้แล้ว
Chrome 129 เบต้า
ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน
ใหม่ใน Chrome 128
Chrome 128 กำลังเปิดตัว ด้วยการแสดงผลที่ปรับปรุงใหม่สำหรับองค์ประกอบทับทิมพร้อมการขึ้นบรรทัดใหม่ Promise.try จะเริ่มต้นเชน Promise ได้ง่ายขึ้น อินเทอร์เฟซ PointerEvent ขยายให้สามารถระบุปากกาหลายด้ามแบบไม่ซ้ำกัน นอกจากนี้ยังมีอีกมากมายและอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 128
การปรับปรุงประสิทธิภาพการช่วยเหลือพิเศษของ Chromium
โพสต์จาก Ahmed Elwasefi ที่แชร์ว่าทําไมเขาจึงกลายมาเป็น Contributor ของ Chromium ผ่าน Google Summer of Code
มีอะไรใหม่ใน WebGPU (Chrome 128)
การทดสอบกับกลุ่มย่อย เลิกใช้งานความลำเอียงในการตั้งค่าสำหรับบรรทัดและจุด
ช่วงทดลองใช้ File System Observer API จากต้นทาง
ทีม Chrome กำลังทดสอบ File System Observer API ใหม่ซึ่งจะแจ้งให้นักพัฒนาซอฟต์แวร์ทราบเกี่ยวกับการเปลี่ยนแปลงในระบบไฟล์
Summarization API พร้อมให้ดูตัวอย่างล่วงหน้า
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API การสรุปสำหรับ Gemini Nano ใน Chrome ได้แล้ว
เหตุการณ์การสแนปการเลื่อน
ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace
4 วิธีในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบ 4 วิธีที่ไม่เหมือนใครในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 128
ข้อมูลเชิงลึกของคอนโซลเผยแพร่ในยุโรป การติดตามเครือข่ายที่ปรับปรุงแล้วและ API เพื่อปรับแต่งแทร็กในแผงประสิทธิภาพ และอื่นๆ
WebDriver BiDi พร้อมใช้งานจริงใน Firefox, Chrome และ Puppeteer
Puppeteer 23 มีการสนับสนุนที่เสถียรสำหรับ Firefox 129 ขึ้นไป โดยมี API แบบรวมสำหรับระบบอัตโนมัติของ Chrome และ Firefox โดยอิงตาม WebDriver BiDi
เข้าร่วมการทดสอบ AI ในตัวของ Chrome
ข้อมูลอัปเดตเกี่ยวกับ AI ในตัว, Prompt API และแผน AI ของ Chrome
การอัปเดต UX พาสคีย์ใน Chrome ใน Android
ตอนนี้ Chrome ใน Android ได้ผสานรวมเครื่องมือจัดการข้อมูลเข้าสู่ระบบแล้ว ซึ่งช่วยให้เครื่องมือจัดการรหัสผ่านของบุคคลที่สามสามารถใช้พาสคีย์ใน Android 14 ขึ้นไป
การทำงานอัตโนมัติด้วย WebDriver BiDi พร้อมใช้งานบน BrowserStack แล้ว
BrowserStack มีการรองรับ WebDriver BiDi ซึ่งจะช่วยเพิ่มประสิทธิภาพการทดสอบ Selenium Grid ด้วยการทำงานอัตโนมัติที่ขับเคลื่อนด้วยเหตุการณ์
ไม่ใช่แค่นิพจน์ทั่วไป: การปรับปรุงการแยกวิเคราะห์ค่า CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีที่ทีมเครื่องมือสำหรับนักพัฒนาเว็บปรับปรุงวิธีนำเสนอรูปแบบในแท็บสไตล์
ตัวแบ่งบรรทัด <ruby> และพร็อพเพอร์ตี้ CSS Ruby-align
องค์ประกอบ Ruby ในบรรทัดและคุณสมบัติ CSS Ruby-align
Chrome 128 เบต้า
ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน
ใหม่ใน Chrome 127
Chrome 127 กำลังเปิดตัว การสนับสนุนการปรับขนาดแบบอักษรช่วยให้การเปิดใช้งานของผู้ใช้มีผลใน Document Picture-in-Picture API คอนเทนเนอร์แบบเลื่อนที่โฟกัสได้ของแป้นพิมพ์ และยังมีอีกมากมาย Adriana Jara อธิบายรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาแอปใน Chrome 127
วิธีที่ Chrome ช่วยให้ผู้ใช้ติดตั้งแอปที่ตนให้ความสำคัญ
งานวิจัยผู้ใช้ภายในของ Chrome แสดงให้เห็นว่าผู้คนจำนวนมากให้ความสำคัญกับการติดตั้งเว็บแอป ซึ่งมีประโยชน์มากมาย เช่น Chrome และนักพัฒนาเว็บสามารถช่วยคุณได้หลายวิธี ซึ่งรวมถึงฟีเจอร์ใหม่สำหรับการโปรโมตด้วยการเรียนรู้ของเครื่อง
มีอะไรใหม่ใน WebGPU (Chrome 127)
การทดสอบการรองรับ OpenGL ES บน Android, แอตทริบิวต์ข้อมูล GPUAdapter, การปรับปรุงการทำงานร่วมกันของ WebAssembly และอื่นๆ
ขอความคิดเห็นของนักพัฒนาซอฟต์แวร์เกี่ยวกับลำดับการอ่านและองค์ประกอบที่มีการแสดงผล: เนื้อหา
ช่วยให้เรามั่นใจว่าขั้นตอนการอ่านตรงกับความต้องการของคุณ
ความเข้าใจผิดเกี่ยวกับการเปลี่ยนมุมมอง
เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
ส่วนขยาย Chrome: การปรับปรุงนโยบายที่สำคัญ
ประกาศนี้ประกอบด้วยการอัปเดตหน้านโยบายโปรแกรมสำหรับนักพัฒนาแอปที่ออกแบบมาเพื่อส่งเสริมการพัฒนาผลิตภัณฑ์ที่มีคุณภาพสูง ป้องกันพฤติกรรมหลอกลวง และดูแลให้ผู้ใช้มีข้อมูลให้ความยินยอม
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 127
การวางตำแหน่งแท็ก Anchor ของ CSS ในองค์ประกอบ, "ไม่ต้องหยุดชั่วคราวที่นี่' ปรับปรุงแล้ว" ใน "แหล่งที่มา", Listener เหตุการณ์ของการเลื่อนสแนปแบบใหม่, ค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย และอื่นๆ
การเพิ่มประเภทที่เชื่อถือได้ลงใน YouTube
YouTube กำลังยกระดับความปลอดภัยของแพลตฟอร์มด้วย Trusted Types เพื่อป้องกันการโจมตีแบบ Cross-site Scripting แต่อาจส่งผลกระทบต่อส่วนขยายของคุณ
จัดส่ง Long Animation Frame API แล้ว
Long Animation Frame API (LoAF) จัดส่งมาจาก Chrome 123 และตอนนี้เราได้อัปเดตเครื่องมือและคำแนะนำเพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจาก API ใหม่นี้
เบื้องหลัง Chrome เว็บสโตร์: การสอบถามเรื่องความเชื่อถือและความปลอดภัย
เราได้พูดคุยกับทีมที่ดูแลการตรวจสอบใน Chrome เว็บสโตร์
ประสิทธิภาพ IndexedDB สูงสุดด้วยที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ทีม Chrome ได้ทำการปรับปรุงหลายอย่างที่เกี่ยวข้องกับการใช้งาน IndexedDB (IDB)
ช่วงทดลองใช้จากต้นทางสำหรับองค์ประกอบใหม่ <สิทธิ์>
ทีม Chrome กำลังทดสอบกับองค์ประกอบใหม่ < สิทธิ์> HTML ที่ประกาศ เพื่อขอให้ผู้ใช้เข้าถึงฟีเจอร์ที่มีประสิทธิภาพ
มีอะไรใหม่ใน WebGPU (Chrome 126)
เพิ่มขีดจำกัด maxTextureArrayLayers, การเพิ่มประสิทธิภาพการอัปโหลดบัฟเฟอร์สำหรับแบ็กเอนด์ Vulkan, การปรับปรุงเวลาการคอมไพล์ตัวปรับแสงเงา, บัฟเฟอร์คำสั่งที่ส่งต้องไม่ซ้ำกัน และการอัปเดต Dawn
Chrome 127 เบต้า
ทดสอบฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome โดยการดาวน์โหลดเวอร์ชันเบต้า
ข้อมูลล่าสุดของ CSS และ UI บนเว็บ: สรุป I/O 2024
อ่านประกาศทั้งหมดของ CSS และ UI บนเว็บจากงาน Google I/O 2024
สิ่งใหม่ๆ ใน Chrome 126
Chrome 126 กำลังเปิดตัวแล้ว ด้วยการรองรับการเปลี่ยนข้ามเอกสารใน ViewTransitions API ทำให้ CloseWatcher API ใช้งานได้อีกครั้ง รวมทั้งทำให้ Gamepad API ทำงานสั่นสะเทือน และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 126
3 ฟีเจอร์ใหม่สำหรับปรับแต่งเวิร์กโฟลว์ประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดเพื่อช่วยให้คุณจัดระเบียบแผงประสิทธิภาพและเน้นที่ข้อมูลที่คุณต้องการมากที่สุด
ข้ามการตรวจสอบการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยาย
เรายินดีที่จะประกาศเปิดตัวฟีเจอร์ใหม่ที่จะช่วยให้นักพัฒนาแอปข้ามกระบวนการตรวจสอบสําหรับการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยายซึ่งใช้ไฟล์ Manifest V3 ได้โดยใช้ Declarative Net Request API
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 126
โหมดการกำหนดค่าแทร็กที่ปรับปรุงใหม่, รายการละเว้นในแผนภูมิ Flame Chart และลด CPU ลง 20 เท่าในแผงประสิทธิภาพ และอื่นๆ
ส่วนขยาย Chrome ที่งาน Google I/O 2024
งาน Google I/O อีกงานหนึ่งก็อยู่หลังเรา และเราก็ได้พูดถึงการอัปเดตส่วนขยายที่น่าตื่นเต้นทั้งหมดแล้ว
มีอะไรใหม่ในเฟรมเวิร์ก JavaScript (พฤษภาคม 2024)
เอกสารฉบับนี้ให้ไฮไลต์สั้นๆ เกี่ยวกับสิ่งที่เกิดขึ้นล่าสุดในระบบนิเวศของเฟรมเวิร์ก JavaScript
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 1
ส่วนที่ 1/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงในเว็บ
สรุปข้อมูล AI บนเว็บ I/O 2024: โมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
อ่านสรุปจาก Web AI ที่งาน I/O 2024 เรียนรู้เกี่ยวกับโมเดล เครื่องมือ และ API ใหม่สำหรับเว็บแอปถัดไปของคุณ
การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU สำหรับ Web AI ที่เร็วขึ้น ตอนที่ 2
ส่วนที่ 2/2 ดูวิธีที่การเพิ่มประสิทธิภาพ WebAssembly และ WebGPU ช่วยปรับปรุงประสิทธิภาพของแมชชีนเลิร์นนิงบนเว็บ
มีอะไรใหม่เกี่ยวกับการเปลี่ยนมุมมอง (ข้อมูลอัปเดตเกี่ยวกับ Google I/O 2024)
ประกาศเกี่ยวกับการเปลี่ยนมุมมองข้ามเอกสารสำหรับ MPA การเปลี่ยนมุมมองแบบเลือกที่มีประเภทที่ใช้งานอยู่ และการแชร์รูปแบบภาพเคลื่อนไหวด้วย View-transition-class
Chrome 126 เบต้า
Chrome 126 เบต้าประกอบด้วยการเปลี่ยนมุมมองข้ามเอกสาร, ส่วนขยายทริกเกอร์ Gamepad API ที่รบกวนการทำงาน และฟีเจอร์อื่นๆ
ขอแนะนำการรองรับ UIA ใน Windows
ระบบรองรับเฟรมเวิร์กการทำงานอัตโนมัติของ Windows UI ใน Chrome 126
การรองรับ SVG สำหรับ Async Clipboard API
ตอนนี้ Async Clipboard API จัดการกับรูปภาพ SVG ได้แล้ว
ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย
พบกับฟีเจอร์ที่น่าตื่นเต้นจากเซสชันและประเด็นสำคัญสำหรับนักพัฒนาซอฟต์แวร์ Google I/O
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: ลบล้างและจำลองการตอบกลับของเครือข่าย
ดูวิธีลบล้างและจำลองการตอบสนองของเครือข่ายด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
สิ่งใหม่ๆ ใน Chrome 125
Chrome 125 กำลังเปิดตัวแล้ว ไม่ว่าจะเป็น CSS Anchor Positioning API, Compute Pressure API, การขยายไปยัง Storage Access API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 125
ขอแนะนำ CSS Anchor Positioning API
จัดตำแหน่งองค์ประกอบให้สัมพันธ์กันโดยใช้ API การวางตำแหน่งจุดยึดใหม่
นำการทดสอบไปใช้ในองค์กรด้วย Chrome
ดูวิธีก้าวข้ามความท้าทายด้วยการทดสอบในสภาพแวดล้อมระดับองค์กร
เครื่องมือจาก Chrome สำหรับการทดสอบอัตโนมัติที่ราบรื่น
ภาพรวมคร่าวๆ เกี่ยวกับ Puppeteer, Chrome Headless และ Chrome สำหรับการทดสอบและแหล่งข้อมูลอื่นๆ จากทีมเครื่องมือของ Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 125
สาเหตุของข้อผิดพลาดในคอนโซล, สถิติของตัวเลือก CSS ในประสิทธิภาพ, ส่วนหัวคำแนะนำล่วงหน้าในเครือข่าย และอื่นๆ
เหตุใดความสามารถของ CSS และ UI จึงสำคัญต่อเว็บไซต์อีคอมเมิร์ซของคุณ
ดูวิธีที่เว็บไซต์อีคอมเมิร์ซได้ประโยชน์จากการใช้ฟีเจอร์ CSS และ UI ล่าสุด เช่น ดูการเปลี่ยน, ภาพเคลื่อนไหวที่ขับเคลื่อนโดยการเลื่อน, Popover API และอื่นๆ
มีอะไรใหม่ใน WebGPU (Chrome 125)
กลุ่มย่อยที่อยู่ระหว่างการพัฒนาและแสดงผลเป็นส่วนของพื้นผิว 3 มิติ
ขอแนะนำ "ปลดปล่อยพลังของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน"
หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน
ข้อเสนอทางเลือกสำหรับการก่ออิฐ CSS
ข้อเสนอในการกำหนดการก่ออิฐและตารางกริดในข้อกำหนดเฉพาะ
ช่วงทดลองใช้การเข้าถึงเครือข่ายส่วนตัว (PNA) สำหรับบริบทที่ไม่ปลอดภัยกำลังจะสิ้นสุดลง โปรดใช้ข้อความแจ้งสิทธิ์ PNA
หากต้องการเข้าถึงอุปกรณ์เครือข่ายส่วนตัวจากเว็บไซต์ที่แปลงเป็น HTTPS ไม่ได้ คุณต้องใช้ข้อความแจ้งสิทธิ์เพื่อผ่อนคลายการตรวจสอบเนื้อหาผสม
Chrome 125 เบต้า
การจัดตำแหน่ง Anchor ของ CSS, ฟังก์ชันแบบขั้นบันไดของ CSS, Compute Pressure API และอื่นๆ
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
ช่วงทดลองใช้จากต้นทางสำหรับ API แบบพับได้
API แบบพับได้เป็น API 2 แบบใน Chrome ที่ออกแบบมาเพื่อช่วยให้นักพัฒนาแอปกำหนดเป้าหมายไปยังอุปกรณ์แบบพับได้
ใหม่ใน Chrome 124
Chrome 124 กำลังเปิดตัวแล้ว มี API ใหม่ 2 รายการที่อนุญาตให้ใช้ Shadow DOM จาก JavaScript ได้ คุณใช้สตรีมใน Web Socket ได้ มุมมองการเปลี่ยนจะดียิ่งขึ้นเล็กน้อย และยังมีอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 124
ตอนนี้ผู้ใช้ต้องการสิทธิ์เข้าถึงอุปกรณ์ MIDI
ตอนนี้ Chrome จะปิดกั้น Web MIDI API ทั้งหมดหลังข้อความแจ้งสิทธิ์
สนุกและมีประสิทธิภาพ: ข้อมูลเบื้องต้นเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ค้นพบวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บช่วยปรับปรุงการพัฒนาเว็บแอปพลิเคชันของคุณ
มีอะไรใหม่ใน WebGPU (Chrome 124)
พื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและอ่านและเขียน การสนับสนุนผู้ปฏิบัติงานของบริการและผู้ปฏิบัติงานที่แชร์ แอตทริบิวต์ข้อมูลอะแดปเตอร์ใหม่ และการแก้ไขข้อบกพร่อง
การย้อนกลับเวอร์ชันในแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
สัปดาห์นี้เรายินดีที่จะเปิดตัวฟีเจอร์ใหม่ที่ช่วยให้นักพัฒนาแอปสามารถเปลี่ยนกลับไปใช้ส่วนขยายเวอร์ชันที่เผยแพร่ก่อนหน้านี้ใน Chrome เว็บสโตร์ เป้าหมายของเราคือการช่วยให้นักพัฒนาแอปมีความมั่นใจมากขึ้นเมื่อเผยแพร่การอัปเดต โดยเฉพาะเมื่อเปลี่ยนไปใช้
ประเภทการนำทางพร้อมใช้งานแล้วใน CrUX
เรียนรู้เกี่ยวกับเมตริก Navigation_types ใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และวิธีใช้เมตริกดังกล่าวเพื่ออธิบายและเพิ่มประสิทธิภาพเมตริกประสิทธิภาพเว็บของคุณ
ลาก่อน JS Profiler ทำโปรไฟล์ CPU ด้วยแผงประสิทธิภาพ
ดูเส้นทางในอนาคตในการสร้างโปรไฟล์ประสิทธิภาพของ CPU, ทำความเข้าใจสาเหตุและวิธีที่เราเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 124
การสนับสนุนภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน แผงการป้อนข้อความอัตโนมัติ ตัวเลือกใหม่สำหรับ WebRTC ในการควบคุมเครือข่าย และอื่นๆ
WebAssembly JavaScript Promise Integration (JSPI) เข้าสู่ช่วงทดลองใช้จากต้นทาง
JavaScript Promise Integration (JSPI) เป็น API ที่อนุญาตให้โค้ดตามลำดับแบบซิงโครนัสที่คอมไพล์ WebAssembly เข้าถึง API ของเว็บแบบอะซิงโครนัสได้
ช่วงทดลองใช้จากต้นทางAPI ของFetchLater
ดูข้อมูลเกี่ยวกับ fetchLater API ซึ่งขณะนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่สำหรับขอการดึงข้อมูลที่เลื่อนเวลาออกไป ซึ่งจะดำเนินการเสร็จสมบูรณ์แม้ว่าจะปิดหน้าไปแล้ว
แถบเลื่อนที่โฟกัสได้ของแป้นพิมพ์
เราจะเปิดตัวการเปลี่ยนแปลงเพื่อให้แถบเลื่อนที่ไม่มีการตั้งค่า Tabindex และไม่สามารถโฟกัสแป้นพิมพ์สำหรับเด็กได้
Chrome 124 เบต้า
แอตทริบิวต์ HTML writesuggestions, WebSocketStream API, ส่วนหัวคำขอ HTTP ลำดับความสำคัญ และอีกมากมาย
สิ่งใหม่ๆ ใน Chrome 123
Chrome 123 กำลังเปิดตัวแล้ว ฟังก์ชันใหม่สำหรับธีมมืด, Long Animation Frames API, Service Worker Static Routing API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 123
ใช้ Service Worker Static Routing API เพื่อข้าม Service Worker สำหรับเส้นทางที่ระบุ
ดูวิธีใช้ API ใหม่นี้ซึ่งมีให้ใน Chrome 123
การเข้าถึงเครือข่ายส่วนตัว: การปกป้องอีกระดับสำหรับ Web Worker และการดึงข้อมูลการนำทาง
ดูข้อมูลเกี่ยวกับกลไกการรักษาความปลอดภัยที่สำคัญของการเข้าถึงเครือข่ายส่วนตัวสำหรับผู้ปฏิบัติงานเว็บ การดึงข้อมูลการนำทาง และการป้องกันที่กำลังจะเกิดขึ้น เอกสารนี้ยังครอบคลุมสิ่งที่เจ้าของเว็บไซต์ควรทำหากใช้เครือข่ายส่วนตัว
เครื่องมือด้านประสิทธิภาพในปี 2024 และปีต่อๆ ไป
เรียนรู้เกี่ยวกับแผนของทีม Chrome ในการปรับปรุงแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บ
ซ่อนคำขอส่วนขยายและการปรับปรุงแผงเครือข่ายเพิ่มเติม
สำรวจการปรับปรุงล่าสุดในแผง Chrome DevTools Network ซึ่งออกแบบมาเพื่อลดความซับซ้อนของประสบการณ์การแก้ไขข้อบกพร่องในเว็บ
มีอะไรใหม่ใน WebGPU (Chrome 123)
การรองรับฟังก์ชันในตัวของ DP4a, พารามิเตอร์ตัวชี้แบบไม่จำกัด, น้ำตาลไวยากรณ์สำหรับการยกเลิกการอ้างอิงคอมโพสิตใน WGSL และอื่นๆ
เพิ่มประสิทธิภาพในการบีบอัดด้วยพจนานุกรมที่แชร์
การบีบอัดบนเว็บกำลังได้รับการปรับปรุงอย่างมากจากการบีบอัดพจนานุกรมที่แชร์ เรียนรู้ว่าไลบรารีเหล่านี้คืออะไร ทำงานอย่างไร และช่วยลดเวลาที่ใช้ในการโหลดให้มากกว่าการบีบอัดมาตรฐานสำหรับทรัพยากรบนเว็บทั้งแบบคงที่และแบบไดนามิกได้อย่างไร
ดาวน์โหลด Headless Chrome แบบเก่าเป็น Chrome-headless-shell
ตอนนี้คุณสามารถดาวน์โหลด Chrome แบบไม่มีส่วนหัวเป็นไบนารีแบบสแตนด์อโลนสำหรับ Chrome ทุกรุ่นที่แสดงต่อผู้ใช้ทุกคนได้แล้ว
การปรับปรุง Speculation Rules API
รายละเอียดการอัปเดตล่าสุดของ Speculation Rules API รวมถึงกฎของเอกสาร การตั้งค่าความกระตือรือร้น ขีดจำกัด และกฎการคาดเดาที่รองรับบนแพลตฟอร์ม
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 123)
ไข่อีสเตอร์ การจำลองหน้าแบบโฟกัสใน "องค์ประกอบ" > รูปแบบ การตรวจสอบ Lighthouse ใหม่ และอื่นๆ
ส่วนขยาย Chrome: เส้นทางการทดสอบการระงับการทำงานของ Service Worker
ในโพสต์นี้ ทีม Looker ได้แชร์เส้นทางการแก้ปัญหาการทดสอบผู้ปฏิบัติงานของบริการส่วนขยาย โดยเฉพาะอย่างยิ่ง วิธีตรวจสอบว่าส่วนขยาย Chrome ทำงานได้อย่างถูกต้องเมื่อมีการระงับโปรแกรมทำงานของบริการ
แพ็กเกจ Next.js สำหรับการจัดการไลบรารีของบุคคลที่สาม
ดูวิธีใช้ไลบรารี @next/Third-partyies เพื่อเพิ่มประสิทธิภาพการโหลดทรัพยากรของบุคคลที่สามยอดนิยม
รองรับการปรับแนวเนื้อหาในเลย์เอาต์บล็อกและตาราง
จาก Chrome 123 ให้ใช้ "ปรับเนื้อหา" เพื่อจัดตำแหน่งรายการโดยไม่ต้องสร้างคอนเทนเนอร์ Flex หรือตารางกริด
Chrome 123 เบต้า
ฟังก์ชันสี light-dark() ของ CSS, ปรับแนวเนื้อหาสำหรับบล็อก, คุณสมบัติการปรับขนาดฟิลด์ และเหตุการณ์การแสดงหน้าเว็บ
สิ่งใหม่ๆ ใน Chrome 122
Chrome 122 กำลังเปิดตัวแล้ว สำหรับ Storage Buckets API ใหม่ การอัปเดตแผงประสิทธิภาพของ DevTools มีตัวเลือกที่ไม่ผ่านการตรวจสอบในการอ่าน HTML ด้วย Async Clipboard API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 122
การเปลี่ยนแปลงของ CSS ::การรับช่วงค่าฉากหลัง
ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง
แผงประสิทธิภาพที่ทำงานเร็วขึ้น 400% ผ่านการรับรู้
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บเป็นเครื่องมือที่มีประสิทธิภาพในการวินิจฉัย แก้ไขข้อบกพร่อง และแก้ไขปัญหาด้านประสิทธิภาพของเว็บแอป ในโอกาสนี้ เราจะอธิบายให้คุณทราบถึงวิธีที่เราใช้แผงประสิทธิภาพในเครื่องมือสําหรับนักพัฒนาเว็บเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพเอง และวิธีที่เราใช้แผงประสิทธิภาพที่ดีขึ้นอย่างมาก
มีอะไรใหม่ใน WebGPU (Chrome 122)
โหมดความเข้ากันได้อยู่ระหว่างการพัฒนา เพิ่มขีดจำกัด maxVertexAttributes และอัปเดต Dawn
ขอแนะนำวิธีใหม่ในการสร้างประสบการณ์การแก้ไขเว็บแบบกำหนดเองโดยใช้ EditContext API
EditContext เป็น API ใหม่ที่เปิดตัวใน Chrome และ Edge ซึ่งช่วยนักพัฒนาซอฟต์แวร์ในการสร้างฟีเจอร์แก้ไขข้อความขั้นสูงในเบราว์เซอร์ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้ได้ในโพสต์นี้
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 122)
คำเตือนเกี่ยวกับการยกเลิกการใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน การแก้ไขข้อบกพร่องที่ได้รับการปรับปรุงในแผงเครือข่าย การแสดงเส้นทางในแผงประสิทธิภาพ และอื่นๆ
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของการนำทางแบบคาดเดาเพื่อให้โหลดหน้าเว็บได้เร็วขึ้น
ท่องเว็บได้เร็วขึ้นด้วยการโหลดแบบคาดเดาและดูวิธีแก้ไขข้อบกพร่อง
การทดลองใช้การเลิกใช้งาน SharedArrayBuffer ใน Chrome บนเดสก์ท็อปขยายไปยัง Chrome 124 แล้ว
การทดลองใช้การเลิกใช้งานสำหรับ SharedArrayBuffer ที่ไม่มีการแยกแบบข้ามต้นทางในเดสก์ท็อปของ Chrome จะขยายเวลาจนถึง Chrome 124
Chrome 122 เบต้า
Chrome 122 รุ่นเบต้าจะมอบเครื่องมือช่วยเหลือ Iterator, การตั้งค่า, Storage Buckets API, อ่าน HTML ที่ไม่ผ่านการตรวจสอบใน Async Clipboard API และอีกมากมาย
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
สิ่งใหม่ๆ ใน Chrome 121
Chrome 121 กำลังเปิดตัวแล้ว การอัปเดต CSS, การปรับปรุง Speculation Rules API, ช่วงทดลองใช้จากต้นทางสำหรับ Element Recording API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 121
มีอะไรใหม่ใน WebGPU (Chrome 121)
รองรับ WebGPU ใน Android, การใช้ DXC สำหรับการคอมไพล์ตัวปรับแสงเงา, การค้นหาการประทับเวลาในการส่งผ่านการประมวลผลและแสดงผล, จุดแรกเข้าเริ่มต้นไปยังโมดูลตัวปรับแสงเงา, รองรับ display-p3 เป็นพื้นที่สี GPUExternalTexture, ข้อมูลฮีปของหน่วยความจำ และอื่นๆ
ทดสอบเว็บบลูทูธด้วย Puppeteer
ใช้ Puppeteer เพื่อทดสอบฟีเจอร์ที่ใช้ Web Bluetooth API ใน Chrome
เข้าถึง DOM อย่างปลอดภัยด้วย Angular SSR
ดูวิธีใช้ DOM ร่วมกับ SSR อย่างปลอดภัยใน Angular
เพิ่มประสิทธิภาพการทดสอบโมเดล AI ของเว็บ: WebGPU, WebGL และ Chrome แบบ Headless
ค้นพบโซลูชันของเราสำหรับวิธีการทดสอบเบราว์เซอร์โดยอัตโนมัติอย่างสม่ำเสมอและปรับปรุงประสิทธิภาพของแอปพลิเคชัน
โหมดการเขียนแนวตั้ง CSS สำหรับองค์ประกอบการควบคุมแบบฟอร์ม
Chrome เพิ่มฟีเจอร์ CSS ระหว่างประเทศใหม่อีกรายการ
สิทธิ์ถาวรสำหรับ File System Access API
โพสต์นี้จะอธิบายวิธีจัดการสิทธิ์แบบถาวรสำหรับ File System Access API และยังให้ข้อมูลสรุปเกี่ยวกับสถานะปัจจุบันของปัญหาและความท้าทายที่กำลังได้รับการแก้ไขด้วย