สำรวจ Chrome
เตรียมพร้อมสำหรับ Chrome บน Android ที่แสดงแบบเต็มหน้าจอ
Chrome บน Android จะใช้พื้นที่เต็มหน้าจอตั้งแต่ Chrome เวอร์ชัน 135 เป็นต้นไป
- Chrome
การวิเคราะห์เครือข่ายขั้นสูงด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การวิเคราะห์เครือข่ายขั้นสูงด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ป๊อปอัป = คำแนะนำ
สำรวจโหมดใหม่ของป๊อปอัปที่ลดความซับซ้อนของเคล็ดลับเครื่องมือและองค์ประกอบอื่นๆ ที่ลอยอยู่
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 134)
ปรับปรุงภาระงานแมชชีนเลิร์นนิงด้วยกลุ่มย่อย การปรับปรุงเวลาคอมไพล์เชดเดอร์ใน D3D12 นำการรองรับประเภทพื้นผิวที่กรองแบบลอยตัวออกเพื่อใช้ผสม และอื่นๆ
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 134
แผงความเป็นส่วนตัวและความปลอดภัย การจำกัด CPU ที่ปรับเทียบแล้ว การไฮไลต์ของบุคคลที่หนึ่งและบุคคลที่สามในประสิทธิภาพ ข้อมูลเชิงลึกใหม่ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows
ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ของ Windows ใน Chromium โดยตรง ซึ่งส่งผลให้การแสดงผลข้อความในเบราว์เซอร์ที่พัฒนาบน Chromium ใน Windows ดีขึ้น
- Chrome
ตอนนี้ส่วนย่อยของรูปภาพ LCP และ RTT พร้อมใช้งานใน CrUX แล้ว
ดูข้อมูลเกี่ยวกับการเปลี่ยนแปลงรายงานประสบการณ์ของผู้ใช้ Chrome (การเปลี่ยนแปลง CrUX) ในรุ่นเดือนกุมภาพันธ์ 2025 ซึ่งรวมถึงส่วนย่อยของรูปภาพ LCP, ประเภททรัพยากร LCP และ RTT
- Chrome
เข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติเมื่อเล่นสื่อ
Chrome อนุญาตให้เว็บแอปที่เล่นสื่อเข้าสู่การแสดงภาพซ้อนภาพโดยอัตโนมัติ
- Chrome
Chrome 134 เบต้า
สำรวจฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome
- Chrome
มีอะไรใหม่ใน Chrome 133
Chrome 133 พร้อมให้ใช้งานแล้ว เรามีฟีเจอร์ CSS ใหม่ๆ ที่น่าตื่นเต้นและอีกมากมายให้คุณค้นพบ
- Chrome
ปรับปรุงขั้นตอนการลงชื่อเข้าใช้บนเว็บด้วยแท็บการตรวจสอบสิทธิ์สำหรับ Android
ปรับปรุงการตรวจสอบสิทธิ์บนเว็บด้วยแท็บการให้สิทธิ์สำหรับ Android
- Chrome
เพิ่มการมีส่วนร่วมของผู้ใช้ด้วยประวัติเฉพาะแอปในแท็บ Chrome ที่กำหนดเอง
ขอแนะนำประวัติเฉพาะแอปสำหรับแท็บที่กำหนดเองของ Chrome สำหรับ Android
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 133
ประวัติแชท AI แบบถาวร การนำทางที่ดีขึ้น การละเว้นข้อมูล และสแต็กเทรซในประสิทธิภาพ แผง "มีอะไรใหม่" ใหม่ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 133)
รูปแบบเวิร์กเท็กซ์ unorm8x4-bgra และ 1 คอมโพเนนต์เพิ่มเติม อนุญาตให้ขอขีดจำกัดที่ไม่รู้จักด้วยค่าที่ไม่ระบุ การเปลี่ยนแปลงกฎการจัดแนว WGSL ประสิทธิภาพที่เพิ่มขึ้นของ WGSL เมื่อใช้การทิ้ง และอื่นๆ อีกมากมาย
- Chrome
- WebGpu
ข้อมูลอัปเดตเกี่ยวกับส่วนขยาย Chrome ประจำเดือนมกราคม 2025
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
- Chrome
- ส่วนขยาย Chrome
การปรับปรุงนโยบายของ Chrome เว็บสโตร์: เพิ่มความชัดเจนและความสอดคล้องสำหรับนักพัฒนาแอป
Chrome เว็บสโตร์มุ่งมั่นที่จะส่งเสริมระบบนิเวศที่มีคุณภาพสูงและเชื่อถือได้สำหรับนักพัฒนาแอปและผู้ใช้ เพื่อให้สอดคล้องกับเป้าหมายนี้ เราจึงขอประกาศการปรับปรุงนโยบายชุดหนึ่งซึ่งออกแบบมาเพื่อความชัดเจนและความสอดคล้องกันทั่วทั้งแพลตฟอร์ม
- ส่วนขยาย Chrome
- Chrome
ลดความซับซ้อนในการตรวจหาฟีเจอร์ WebAuthn สำหรับพาสคีย์
ดูวิธีตรวจหาความสามารถของ WebAuthn ด้วย `getClientCapabilities()` และปรับแต่งเวิร์กโฟลว์การตรวจสอบสิทธิ์ให้กับผู้ใช้
- Chrome
- พาสคีย์
ค้างเมื่อใช้โหมดประหยัดพลังงาน
ตั้งแต่ Chrome เวอร์ชัน 133 เป็นต้นไป แท็บที่ทำงานอยู่เบื้องหลังซึ่งใช้ CPU มากและมีสิทธิ์จะหยุดทำงานเมื่อโหมดประหยัดพลังงานเปิดอยู่
- Chrome
พาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google พร้อมใช้งานใน iOS แล้ว
ตอนนี้ Chrome ใน iOS 17 ขึ้นไปสามารถสร้าง ซิงค์ และตรวจสอบสิทธิ์ด้วยพาสคีย์ในเครื่องมือจัดการรหัสผ่านบน Google (GPM) ได้แล้ว ซึ่งทำให้พาสคีย์ใน GPM พร้อมใช้งานในทุกที่ที่ Chrome พร้อมให้บริการ
- พาสคีย์
- Chrome
การอัปเกรด attr() ของ CSS
ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง
- Chrome
scroll-state() ของ CSS
เหมือนกับการค้นหาคอนเทนเนอร์ แต่สําหรับการค้นหาที่ค้าง หยุดชะงัก และล้น
- Chrome
Chrome 133 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
- Chrome
text-box-trim ของ CSS
เพิ่มพื้นที่ว่างเหนือและใต้เนื้อหาข้อความเพื่อให้เกิดความสมดุล
- Chrome
วิธีที่เราได้เปิดตัว Gemini ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน Chrome 132
Chrome 132 พร้อมให้ใช้งานแล้ว องค์ประกอบกล่องโต้ตอบจะได้รับ ToggleEvent ซึ่งรองรับการแชร์วิดีโอระดับองค์ประกอบ และ File System Access API รองรับ Android และ WebView
- Chrome
ผู้ชนะใน Built-in AI Challenge
พบกับแอปและส่วนขยายที่ชนะจาก Built-in AI Challenge ซึ่งเราเชิญให้คุณมาจินตนาการถึงสิ่งที่เป็นไปได้ด้วย Gemini Nano ใน Chrome
- Chrome
การรองรับส่วนขยาย Web Vitals สิ้นสุดแล้ว
การผสานรวมส่วนขยาย Web Vitals เข้ากับเครื่องมือสำหรับนักพัฒนาเว็บเสร็จสมบูรณ์แล้ว และการรองรับส่วนขยายดังกล่าวสิ้นสุดลง
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 132)
การใช้มุมมองพื้นผิว การผสมพื้นผิวแบบ 32 บิต การผสมพื้นผิวแบบ Float แอตทริบิวต์ adapterInfo ของ GPUDevice การกำหนดค่าบริบท Canvas ที่มีรูปแบบไม่ถูกต้องจะทำให้เกิดข้อผิดพลาด JavaScript การกรองข้อจำกัดของตัวสุ่มตัวอย่างในพื้นผิว การทดสอบกลุ่มย่อยแบบขยาย การปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ การรองรับรูปแบบพื้นผิวแบบ 16 บิตที่แปลงค่าให้เป็นมาตรฐานแบบทดลอง และอื่นๆ
- Chrome
- WebGpu
ตัวอย่างการใช้งานการป้อนข้อความอัตโนมัติ: ข้อมูลเชิงลึกจากการใช้งานจริง
การศึกษาของ Chrome แสดงให้เห็นว่าฟีเจอร์ป้อนข้อความอัตโนมัติช่วยให้ผู้ใช้กรอกแบบฟอร์มได้เร็วขึ้นและมีอัตราการหยุดกลางคันลดลง
- Chrome
ผลการค้นหาจากแบบฟอร์มคำขอเลือกแบบกำหนดเองสำหรับความคิดเห็นของนักพัฒนาแอป
ขอขอบคุณที่สละเวลาแชร์ความคิดเห็นกับเรา ตรวจสอบรายละเอียด และช่วยกำหนดมาตรฐาน
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 132
แก้ไขข้อบกพร่องของคำขอเครือข่าย ไฟล์ต้นทาง และร่องรอยประสิทธิภาพด้วย Gemini, ดูประวัติการแชทกับ AI และอีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
บันทึกและวิเคราะห์การติดตามประสิทธิภาพด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
CSS Wrapped 2024
ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024
การเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ
เราจะนําแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองออกในเดือนมกราคม 2025 โดยจะมีข้อมูลเชิงลึกใหม่ในแผงประสิทธิภาพแทน
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
อนาคตของ WebGPU
ดูข้อมูลเกี่ยวกับฟีเจอร์ AI และการแสดงผลใหม่ที่มีการพูดคุยกันในการประชุมกลุ่มทำงาน GPU for the Web ครั้งล่าสุด
- Chrome
- WebGpu
วิดีโอการช่วยเหลือพิเศษได้รับรางวัลเว็บจากการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API
เราได้เลือก ViddyScribe สำหรับรางวัลเว็บในการแข่งขันนักพัฒนาซอฟต์แวร์ Gemini API โดยได้แสดงให้เห็นว่า Gemini ช่วยให้วิดีโอบนเว็บเข้าถึงได้ง่ายขึ้นได้อย่างไรด้วยการสร้างคำบรรยายแทนเสียงสำหรับวิดีโอทุกรายการ
- Chrome
เตรียมส่วนขยายของคุณเมื่อเราเริ่มทดสอบเมนูส่วนขยายใหม่
วิธีเตรียมส่วนขยายให้พร้อมใช้งานในเมนูส่วนขยายใหม่
- Chrome
เข้าร่วมช่วงทดลองใช้ Translator API จากต้นทาง
แปลข้อความแบบสดในเบราว์เซอร์โดยใช้โมเดล AI ในเครื่อง ตอนนี้ผู้ใช้สามารถมีส่วนร่วมในภาษาแม่ได้แล้ว
- Chrome
กำกับเนื้อหาการติดตามในแผงประสิทธิภาพโดยตรง
ดูวิธีทําให้ร่องรอยประสิทธิภาพเข้าใจง่ายขึ้นด้วยฟีเจอร์คําอธิบายประกอบใหม่ในเครื่องมือสําหรับนักพัฒนาเว็บ
- Chrome
Chrome 132 เบต้า
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดที่พร้อมให้บริการใน Chrome
- Chrome
Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
ขอแนะนำ Signal API สำหรับพาสคีย์ใน Chrome บนเดสก์ท็อป
- พาสคีย์
- Chrome
เข้าร่วม Prompt API สำหรับช่วงทดลองใช้จากต้นทางของส่วนขยาย Chrome
เข้าร่วมช่วงทดลองใช้ Prompt API สำหรับต้นทางส่วนขยาย Chrome และเข้าถึง Gemini Nano ใน Chrome
- Chrome
เข้าร่วมช่วงทดลองใช้ Summarizer API จากต้นทาง
เข้าร่วมการทดลองใช้เวอร์ชันต้นทางเพื่อช่วยผู้ใช้กลั่นบทความที่ยาว เอกสารที่ซับซ้อน หรือแม้แต่การสนทนาในแชทที่มีชีวิตชีวาให้เป็นข้อมูลสรุปที่กระชับและมีข้อมูลเชิงลึก
- Chrome
ใหม่ใน Chrome 131
Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 131)
ระยะการครอบตัดใน WGSL, GPUCanvasContext getConfiguration(), องค์ประกอบพื้นฐานของจุดและเส้นต้องไม่มีอคติเชิงลึก, ฟังก์ชันในตัวของ Inclusive Scan สำหรับกลุ่มย่อย, การรองรับแบบทดลองสำหรับการวาดหลายครั้งโดยอ้อม, ตัวเลือกการคอมไพล์โมดูล Shader แบบ Strict Math, นำ GPUAdapter requestAdapterInfo() ออก และอื่นๆ
- Chrome
- WebGpu
ตัวเลือกเพิ่มเติมสำหรับการจัดสไตล์ <details>
ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่
ช่วยให้ผู้ใช้ลงชื่อเข้าใช้ได้อย่างราบรื่นด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
การแชร์ข้อมูลเข้าสู่ระบบที่ราบรื่นช่วยให้คุณส่งสัญญาณไปยังเครื่องมือจัดการรหัสผ่านได้อย่างปลอดภัยว่าผู้ใช้สามารถลงชื่อเข้าใช้โดยใช้ข้อมูลเข้าสู่ระบบเดียวกันในแอปและเว็บไซต์ Android
- Chrome
ตรวจสอบเมตริก Core Web Vitals แบบเรียลไทม์ในแผงประสิทธิภาพ
ตรวจสอบเมตริก Core Web Vitals ที่เผยแพร่อยู่ในแผงประสิทธิภาพ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เพิ่มเนื้อหาในขอบของหน้าเว็บเมื่อพิมพ์โดยใช้ CSS
สร้างส่วนหัวและส่วนท้ายที่กำหนดเองเมื่อพิมพ์หน้าเว็บ
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 131
แก้ไขข้อบกพร่อง CSS ด้วย Gemini, ใส่คำอธิบายประกอบสิ่งที่ค้นพบ และรับข้อมูลเชิงลึกในแผงประสิทธิภาพ พบการเปลี่ยนเลย์เอาต์และภาพเคลื่อนไหวที่ไม่ได้ทำการ Composite และอื่นๆ อีกมากมาย
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
การนํา --headless=old ออกจาก Chrome
Chrome 132 ไม่มีโหมด Headless แบบเก่าอีกต่อไป เปลี่ยนไปใช้ Chrome-headless-shell หรือโหมดไม่มีส่วนหัวใหม่
- Chrome
ป้ายเลื่อนใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ: ค้นหาองค์ประกอบที่เลื่อนได้เร็วขึ้น
ดูว่าป้ายเลื่อนใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้การแก้ไขข้อบกพร่ององค์ประกอบที่เลื่อนได้ง่ายขึ้นได้อย่างไร (และวิธีที่เราสร้างป้ายนี้)
- Chrome
5 สิ่งที่น่าทึ่งที่คุณทำได้ด้วยความช่วยเหลือจาก AI ในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับกรณีการใช้งานที่สนุกสนานและน่าตื่นเต้นของแผงความช่วยเหลือจาก AI ใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
Chrome 131 เบต้า
สำรวจฟีเจอร์ที่จะเปิดตัวใน Chrome กับเบต้าล่าสุด
- Chrome
ใหม่ใน Chrome 130
Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 130)
การผสมแบบ 2 แหล่ง การปรับปรุงเวลาในการคอมไพล์ตัวปรับแสงเงาในส่วนโลหะ การเลิกใช้งาน GPU requestAdapterInfo() และอื่นๆ
- Chrome
- WebGpu
สิ่งที่จะเกิดขึ้นกับส่วนขยาย Chrome ในเดือนตุลาคม 2024
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงฟีเจอร์ส่วนขยายที่น่าตื่นเต้นที่นักพัฒนาแอปจะได้ใช้งานในอนาคต
- Chrome
- ส่วนขยาย Chrome
พร็อพเพอร์ตี้กล่องตกแต่งใน Chrome 130
Chrome 130 มีการสนับสนุนกล่อง-การตกแต่งกล่องอย่างสมบูรณ์แบบที่ไม่มีคำนำหน้า
- Chrome
ระงับการเข้าถึงเครือข่ายส่วนตัวชั่วคราว
การเปิดตัวการเข้าถึงเครือข่ายส่วนตัว (PNA) ถูกระงับ
- Chrome
Translation API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ขณะนี้ Translation API พร้อมใช้งานสำหรับผู้เข้าร่วมโปรแกรมทดลองใช้ AI ในตัวก่อนเปิดตัวแล้ว
- Chrome
การเปลี่ยนแปลงการรับช่วงค่าสำหรับการจัดรูปแบบการเลือก CSS
การเปลี่ยนแปลงการสืบทอดไฮไลต์ CSS จะเกิดขึ้นใน Chrome 134
- Chrome
จับการคาดคะเนในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: เหตุผลที่ทำให้ยากและวิธีช่วยปรับปรุง
ดูวิธีที่เครื่องมือแก้ไขข้อบกพร่องของ DevTools คาดคะเนว่าจะพบข้อยกเว้นหรือไม่
- Chrome
เข้าร่วมภารกิจ AI ในตัวของ Google Chrome
เรากำลังเปิดตัวภารกิจ AI ในตัว ซึ่งขอเชิญให้คุณมาประยุกต์ใช้ Gemini Nano ใน Chrome เพื่อพลิกโฉมความเป็นไปได้
- Chrome
การปรับปรุงประสบการณ์การใช้งานหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์บนอุปกรณ์เคลื่อนที่
เรายินดีที่จะเปิดตัวชุดการเปลี่ยนแปลง UI ซึ่งทำให้หน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์ตอบสนองได้ดียิ่งขึ้นและเหมาะกับอุปกรณ์เคลื่อนที่
- ส่วนขยาย Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บของ Chrome 130
คําแนะนําเกี่ยวกับเมตริกสดและเบรดครัมบ์ที่คุณไปยังส่วนต่างๆ ได้ในแผงประสิทธิภาพ ตัวกรองเครือข่ายที่พลิกโฉม การส่งออก HAR ที่มีการตรวจสอบสุขอนามัย และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ลบการแคชแล้ว: ตรวจสอบ ล้าง และปิดใช้แคช
ตรวจสอบและแก้ปัญหาแคชด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ส่วนขยาย Web Vitals พร้อมใช้งานในเครื่องมือสําหรับนักพัฒนาเว็บแล้ว
ส่วนขยาย Web Vitals จะผสานรวมกับแผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ซึ่งจะสิ้นสุดการรองรับแบบสแตนด์อโลนในเดือนมกราคม 2025
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
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 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
การอัปเดต RFCOMM ของบลูทูธใน Web Serial
ดูวิธีตรวจหาว่าพอร์ตอนุกรม RFCOMM ของบลูทูธพร้อมใช้งานหรือไม่ด้วย Web Serial
- Chrome
หยุดหน้าจอชั่วคราวและตรวจสอบองค์ประกอบที่หายไป
ตรึงองค์ประกอบใน DOM เพื่อให้คุณตรวจสอบองค์ประกอบเหล่านั้นด้วย DevTools ได้
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
คำขอความคิดเห็นของนักพัฒนาแอป: ตัวเลือกที่ปรับแต่งได้
ดูตัวอย่างฟีเจอร์ใหม่ "การเลือกที่ปรับแต่งได้" ก่อนใคร
- Chrome
API ล็อกแป้นพิมพ์และล็อกเคอร์เซอร์ต้องได้รับสิทธิ์จาก Chrome 131
Keyboard Lock API ช่วยให้นักพัฒนาแอปมอบประสบการณ์การใช้งานแบบเต็มหน้าจอที่สมจริงสำหรับกรณีการใช้งานที่หลากหลาย ซึ่งรวมถึงเว็บไซต์แบบอินเทอร์แอกทีฟ เกม การสตรีมเดสก์ท็อประยะไกล หรือแอปพลิเคชัน
- Chrome
ขอแนะนำช่วงทดลองใช้ Digital Credentials API จากต้นทาง
ช่วงทดลองใช้จากต้นทางสำหรับ Digital Credentials API จะเริ่มจาก Chrome 128 Digital Credentials API คือ API แพลตฟอร์มเว็บแบบใหม่ที่ช่วยให้เว็บไซต์สามารถเลือกขอข้อมูลที่ยืนยันได้เกี่ยวกับผู้ใช้ผ่านข้อมูลเข้าสู่ระบบดิจิทัล เช่น ใบขับขี่หรือบัตรประจำตัวประชาชนที่จัดเก็บไว้ในกระเป๋าเงินดิจิทัล
- Chrome
การเปลี่ยนแปลงไวยากรณ์การกำหนดตำแหน่ง Anchor
การเปลี่ยนแปลงที่เกี่ยวข้องกับ API การกำหนดตำแหน่งแท็ก Anchor ที่คุณควรทราบ
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 129
คำขอค้นหาใน "ประสิทธิภาพ" > เครือข่าย ใช้ข้อมูลทดสอบในแบบฟอร์มที่อยู่ด้วยการป้อนข้อความอัตโนมัติ, ส่งออกไปยัง Puppeteer สำหรับ Firefox ในแผงโปรแกรมอัดเสียง, มองหาปัญหาด้านประสิทธิภาพได้อย่างรวดเร็วด้วยการสังเกตการณ์ในแผงประสิทธิภาพ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
ขอแนะนำคำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON สำหรับ WebAuthn ใน Chrome
ตอนนี้ WebAuthn ใน Chrome สามารถใช้คำแนะนำ คำขอต้นทางที่เกี่ยวข้อง และการเรียงลำดับ JSON ได้แล้ว
- Chrome
Language Detection API พร้อมให้ใช้งานเวอร์ชันตัวอย่างก่อนเปิดตัว
ตอนนี้ผู้เข้าร่วม EPP สร้างต้นแบบได้ด้วย API ตรวจจับภาษาใน Chrome ได้แล้ว
- Chrome
Chrome 129 เบต้า
ดูตัวอย่าง Chrome รุ่นถัดไปด้วยโพสต์นี้ซึ่งอธิบายฟีเจอร์ต่างๆ ในรุ่นเบต้าปัจจุบัน
- 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
Summarization API พร้อมให้ดูตัวอย่างล่วงหน้า
ตอนนี้ผู้เข้าร่วม EPP สามารถสร้างต้นแบบด้วย API การสรุปสำหรับ Gemini Nano ใน Chrome ได้แล้ว
- Chrome
เหตุการณ์การสแนปการเลื่อน
ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace
- Chrome
4 วิธีในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ค้นพบ 4 วิธีที่ไม่เหมือนใครในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 128
ข้อมูลเชิงลึกของคอนโซลเผยแพร่ในยุโรป การติดตามเครือข่ายที่ปรับปรุงแล้วและ API เพื่อปรับแต่งแทร็กในแผงประสิทธิภาพ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
WebDriver BiDi พร้อมใช้งานจริงใน Firefox, Chrome และ Puppeteer
Puppeteer 23 มีการสนับสนุนที่เสถียรสำหรับ Firefox 129 ขึ้นไป โดยมี API แบบรวมสำหรับระบบอัตโนมัติของ Chrome และ Firefox โดยอิงตาม WebDriver BiDi
- Chrome
เข้าร่วมการทดสอบ AI ในตัวของ Chrome
ข้อมูลอัปเดตเกี่ยวกับ AI ในตัว, Prompt API และแผน AI ของ Chrome
- Chrome
การอัปเดต UX พาสคีย์ใน Chrome ใน Android
ตอนนี้ Chrome ใน Android ได้ผสานรวมเครื่องมือจัดการข้อมูลเข้าสู่ระบบแล้ว ซึ่งช่วยให้เครื่องมือจัดการรหัสผ่านของบุคคลที่สามสามารถใช้พาสคีย์ใน Android 14 ขึ้นไป
- Chrome
การทำงานอัตโนมัติด้วย WebDriver BiDi พร้อมใช้งานบน BrowserStack แล้ว
BrowserStack มีการรองรับ WebDriver BiDi ซึ่งจะช่วยเพิ่มประสิทธิภาพการทดสอบ Selenium Grid ด้วยการทำงานอัตโนมัติที่ขับเคลื่อนด้วยเหตุการณ์
- Chrome
ไม่ใช่แค่นิพจน์ทั่วไป: การปรับปรุงการแยกวิเคราะห์ค่า CSS ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีที่ทีมเครื่องมือสำหรับนักพัฒนาเว็บปรับปรุงวิธีนำเสนอรูปแบบในแท็บสไตล์
- Chrome
ตัวแบ่งบรรทัด <ruby> และพร็อพเพอร์ตี้ CSS Ruby-align
องค์ประกอบ Ruby ในบรรทัดและคุณสมบัติ CSS Ruby-align
- 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
ความเข้าใจผิดเกี่ยวกับการเปลี่ยนมุมมอง
เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- Chrome
- ส่วนขยาย Chrome
ส่วนขยาย Chrome: การปรับปรุงนโยบายที่สำคัญ
ประกาศนี้ประกอบด้วยการอัปเดตหน้านโยบายโปรแกรมสำหรับนักพัฒนาแอปที่ออกแบบมาเพื่อส่งเสริมการพัฒนาผลิตภัณฑ์ที่มีคุณภาพสูง ป้องกันพฤติกรรมหลอกลวง และดูแลให้ผู้ใช้มีข้อมูลให้ความยินยอม
- Chrome
- ส่วนขยาย Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 127
การวางตำแหน่งแท็ก Anchor ของ CSS ในองค์ประกอบ, "ไม่ต้องหยุดชั่วคราวที่นี่' ปรับปรุงแล้ว" ใน "แหล่งที่มา", Listener เหตุการณ์ของการเลื่อนสแนปแบบใหม่, ค่าที่กำหนดล่วงหน้าสำหรับการควบคุมเครือข่าย และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การเพิ่มประเภทที่เชื่อถือได้ลงใน YouTube
YouTube กำลังยกระดับความปลอดภัยของแพลตฟอร์มด้วย Trusted Types เพื่อป้องกันการโจมตีแบบ Cross-site Scripting แต่อาจส่งผลกระทบต่อส่วนขยายของคุณ
- ส่วนขยาย Chrome
- Chrome
จัดส่ง Long Animation Frame API แล้ว
Long Animation Frame API (LoAF) จัดส่งมาจาก Chrome 123 และตอนนี้เราได้อัปเดตเครื่องมือและคำแนะนำเพื่อช่วยให้คุณได้รับประโยชน์สูงสุดจาก API ใหม่นี้
- Chrome
เบื้องหลัง Chrome เว็บสโตร์: การสอบถามเรื่องความเชื่อถือและความปลอดภัย
เราได้พูดคุยกับทีมที่ดูแลการตรวจสอบใน Chrome เว็บสโตร์
- Chrome
- ส่วนขยาย Chrome
ประสิทธิภาพ IndexedDB สูงสุดด้วยที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ทีม Chrome ได้ทำการปรับปรุงหลายอย่างที่เกี่ยวข้องกับการใช้งาน IndexedDB (IDB)
- Chrome
ช่วงทดลองใช้จากต้นทางสำหรับองค์ประกอบใหม่ <สิทธิ์>
ทีม Chrome กำลังทดสอบกับองค์ประกอบใหม่ < สิทธิ์> HTML ที่ประกาศ เพื่อขอให้ผู้ใช้เข้าถึงฟีเจอร์ที่มีประสิทธิภาพ
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 126)
เพิ่มขีดจำกัด maxTextureArrayLayers, การเพิ่มประสิทธิภาพการอัปโหลดบัฟเฟอร์สำหรับแบ็กเอนด์ Vulkan, การปรับปรุงเวลาการคอมไพล์ตัวปรับแสงเงา, บัฟเฟอร์คำสั่งที่ส่งต้องไม่ซ้ำกัน และการอัปเดต Dawn
- Chrome
- WebGpu
Chrome 127 เบต้า
ทดสอบฟีเจอร์ล่าสุดที่กำลังจะเปิดตัวใน Chrome โดยการดาวน์โหลดเวอร์ชันเบต้า
- 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
3 ฟีเจอร์ใหม่สำหรับปรับแต่งเวิร์กโฟลว์ประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเกี่ยวกับฟีเจอร์ล่าสุดเพื่อช่วยให้คุณจัดระเบียบแผงประสิทธิภาพและเน้นที่ข้อมูลที่คุณต้องการมากที่สุด
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ข้ามการตรวจสอบการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยาย
เรายินดีที่จะประกาศเปิดตัวฟีเจอร์ใหม่ที่จะช่วยให้นักพัฒนาแอปข้ามกระบวนการตรวจสอบสําหรับการเปลี่ยนแปลงที่มีสิทธิ์ในส่วนขยายซึ่งใช้ไฟล์ Manifest V3 ได้โดยใช้ Declarative Net Request API
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 126
โหมดการกำหนดค่าแทร็กที่ปรับปรุงใหม่, รายการละเว้นในแผนภูมิ Flame Chart และลด CPU ลง 20 เท่าในแผงประสิทธิภาพ และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ส่วนขยาย Chrome ที่งาน Google I/O 2024
งาน Google I/O อีกงานหนึ่งก็อยู่หลังเรา และเราก็ได้พูดถึงการอัปเดตส่วนขยายที่น่าตื่นเต้นทั้งหมดแล้ว
- Chrome
มีอะไรใหม่ในเฟรมเวิร์ก 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
มีอะไรใหม่เกี่ยวกับการเปลี่ยนมุมมอง (ข้อมูลอัปเดตเกี่ยวกับ 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
ข้อมูลอัปเดต 10 ประการจาก Google I/O 2024: ปลดล็อกศักยภาพของ AI สำหรับนักพัฒนาเว็บทุกราย
พบกับฟีเจอร์ที่น่าตื่นเต้นจากเซสชันและประเด็นสำคัญสำหรับนักพัฒนาซอฟต์แวร์ Google I/O
- Chrome
เคล็ดลับสำหรับเครื่องมือสำหรับนักพัฒนาเว็บ: ลบล้างและจำลองการตอบกลับของเครือข่าย
ดูวิธีลบล้างและจำลองการตอบสนองของเครือข่ายด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
สิ่งใหม่ๆ ใน Chrome 125
Chrome 125 กำลังเปิดตัวแล้ว ไม่ว่าจะเป็น CSS Anchor Positioning API, Compute Pressure API, การขยายไปยัง Storage Access API และอีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 125
- 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
ขอแนะนำ "ปลดปล่อยพลังของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน"
หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน
- Chrome
ข้อเสนอทางเลือกสำหรับการก่ออิฐ CSS
ข้อเสนอในการกำหนดการก่ออิฐและตารางกริดในข้อกำหนดเฉพาะ
- Chrome
ช่วงทดลองใช้การเข้าถึงเครือข่ายส่วนตัว (PNA) สำหรับบริบทที่ไม่ปลอดภัยกำลังจะสิ้นสุดลง โปรดใช้ข้อความแจ้งสิทธิ์ PNA
หากต้องการเข้าถึงอุปกรณ์เครือข่ายส่วนตัวจากเว็บไซต์ที่แปลงเป็น HTTPS ไม่ได้ คุณต้องใช้ข้อความแจ้งสิทธิ์เพื่อผ่อนคลายการตรวจสอบเนื้อหาผสม
- Chrome
Chrome 125 เบต้า
การจัดตำแหน่ง Anchor ของ CSS, ฟังก์ชันแบบขั้นบันไดของ CSS, Compute Pressure API และอื่นๆ
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- Chrome
- ส่วนขยาย Chrome
ช่วงทดลองใช้จากต้นทางสำหรับ API แบบพับได้
API แบบพับได้เป็น API 2 แบบใน Chrome ที่ออกแบบมาเพื่อช่วยให้นักพัฒนาแอปกำหนดเป้าหมายไปยังอุปกรณ์แบบพับได้
- Chrome
ใหม่ใน Chrome 124
Chrome 124 กำลังเปิดตัวแล้ว มี API ใหม่ 2 รายการที่อนุญาตให้ใช้ Shadow DOM จาก JavaScript ได้ คุณใช้สตรีมใน Web Socket ได้ มุมมองการเปลี่ยนจะดียิ่งขึ้นเล็กน้อย และยังมีอื่นๆ อีกมากมาย Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 124
- Chrome
ตอนนี้ผู้ใช้ต้องการสิทธิ์เข้าถึงอุปกรณ์ MIDI
ตอนนี้ Chrome จะปิดกั้น Web MIDI API ทั้งหมดหลังข้อความแจ้งสิทธิ์
- Chrome
สนุกและมีประสิทธิภาพ: ข้อมูลเบื้องต้นเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ค้นพบวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บช่วยปรับปรุงการพัฒนาเว็บแอปพลิเคชันของคุณ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 124)
พื้นผิวพื้นที่เก็บข้อมูลแบบอ่านอย่างเดียวและอ่านและเขียน การสนับสนุนผู้ปฏิบัติงานของบริการและผู้ปฏิบัติงานที่แชร์ แอตทริบิวต์ข้อมูลอะแดปเตอร์ใหม่ และการแก้ไขข้อบกพร่อง
- Chrome
- WebGpu
การย้อนกลับเวอร์ชันในแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome เว็บสโตร์
สัปดาห์นี้เรายินดีที่จะเปิดตัวฟีเจอร์ใหม่ที่ช่วยให้นักพัฒนาแอปสามารถเปลี่ยนกลับไปใช้ส่วนขยายเวอร์ชันที่เผยแพร่ก่อนหน้านี้ใน Chrome เว็บสโตร์ เป้าหมายของเราคือการช่วยให้นักพัฒนาแอปมีความมั่นใจมากขึ้นเมื่อเผยแพร่การอัปเดต โดยเฉพาะเมื่อเปลี่ยนไปใช้
- Chrome
- ส่วนขยาย Chrome
ประเภทการนำทางพร้อมใช้งานแล้วใน CrUX
เรียนรู้เกี่ยวกับเมตริก Navigation_types ใหม่ในรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และวิธีใช้เมตริกดังกล่าวเพื่ออธิบายและเพิ่มประสิทธิภาพเมตริกประสิทธิภาพเว็บของคุณ
- Chrome
ลาก่อน JS Profiler ทำโปรไฟล์ CPU ด้วยแผงประสิทธิภาพ
ดูเส้นทางในอนาคตในการสร้างโปรไฟล์ประสิทธิภาพของ CPU, ทำความเข้าใจสาเหตุและวิธีที่เราเลิกใช้งานเครื่องมือสร้างโปรไฟล์ JavaScript
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ, Chrome 124
การสนับสนุนภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน แผงการป้อนข้อความอัตโนมัติ ตัวเลือกใหม่สำหรับ WebRTC ในการควบคุมเครือข่าย และอื่นๆ
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
WebAssembly JavaScript Promise Integration (JSPI) เข้าสู่ช่วงทดลองใช้จากต้นทาง
JavaScript Promise Integration (JSPI) เป็น API ที่อนุญาตให้โค้ดตามลำดับแบบซิงโครนัสที่คอมไพล์ WebAssembly เข้าถึง API ของเว็บแบบอะซิงโครนัสได้
- Chrome
ช่วงทดลองใช้จากต้นทางAPI ของFetchLater
ดูข้อมูลเกี่ยวกับ fetchLater API ซึ่งขณะนี้อยู่ในช่วงทดลองใช้จากต้นทาง ซึ่งเป็น API ใหม่สำหรับขอการดึงข้อมูลที่เลื่อนเวลาออกไป ซึ่งจะดำเนินการเสร็จสมบูรณ์แม้ว่าจะปิดหน้าไปแล้ว
- 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
มีอะไรใหม่ใน WebGPU (Chrome 123)
การรองรับฟังก์ชันในตัวของ DP4a, พารามิเตอร์ตัวชี้แบบไม่จำกัด, น้ำตาลไวยากรณ์สำหรับการยกเลิกการอ้างอิงคอมโพสิตใน WGSL และอื่นๆ
- Chrome
- WebGpu
เพิ่มประสิทธิภาพในการบีบอัดด้วยพจนานุกรมที่แชร์
การบีบอัดบนเว็บกำลังได้รับการปรับปรุงอย่างมากจากการบีบอัดพจนานุกรมที่แชร์ เรียนรู้ว่าไลบรารีเหล่านี้คืออะไร ทำงานอย่างไร และช่วยลดเวลาที่ใช้ในการโหลดให้มากกว่าการบีบอัดมาตรฐานสำหรับทรัพยากรบนเว็บทั้งแบบคงที่และแบบไดนามิกได้อย่างไร
- Chrome
ดาวน์โหลด Headless Chrome แบบเก่าเป็น Chrome-headless-shell
ตอนนี้คุณสามารถดาวน์โหลด Chrome แบบไม่มีส่วนหัวเป็นไบนารีแบบสแตนด์อโลนสำหรับ Chrome ทุกรุ่นที่แสดงต่อผู้ใช้ทุกคนได้แล้ว
- Chrome
การปรับปรุง Speculation Rules API
รายละเอียดการอัปเดตล่าสุดของ Speculation Rules 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
สิ่งใหม่ๆ ใน Chrome 122
Chrome 122 กำลังเปิดตัวแล้ว สำหรับ Storage Buckets API ใหม่ การอัปเดตแผงประสิทธิภาพของ DevTools มีตัวเลือกที่ไม่ผ่านการตรวจสอบในการอ่าน HTML ด้วย Async Clipboard API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 122
- Chrome
การเปลี่ยนแปลงของ CSS ::การรับช่วงค่าฉากหลัง
ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง
- Chrome
แผงประสิทธิภาพที่ทำงานเร็วขึ้น 400% ผ่านการรับรู้
แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บเป็นเครื่องมือที่มีประสิทธิภาพในการวินิจฉัย แก้ไขข้อบกพร่อง และแก้ไขปัญหาด้านประสิทธิภาพของเว็บแอป ในโอกาสนี้ เราจะอธิบายให้คุณทราบถึงวิธีที่เราใช้แผงประสิทธิภาพในเครื่องมือสําหรับนักพัฒนาเว็บเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพเอง และวิธีที่เราใช้แผงประสิทธิภาพที่ดีขึ้นอย่างมาก
- Chrome
มีอะไรใหม่ใน WebGPU (Chrome 122)
โหมดความเข้ากันได้อยู่ระหว่างการพัฒนา เพิ่มขีดจำกัด maxVertexAttributes และอัปเดต Dawn
- Chrome
- WebGpu
ขอแนะนำวิธีใหม่ในการสร้างประสบการณ์การแก้ไขเว็บแบบกำหนดเองโดยใช้ EditContext API
EditContext เป็น API ใหม่ที่เปิดตัวใน Chrome และ Edge ซึ่งช่วยนักพัฒนาซอฟต์แวร์ในการสร้างฟีเจอร์แก้ไขข้อความขั้นสูงในเบราว์เซอร์ได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งนี้ได้ในโพสต์นี้
- Chrome
มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 122)
คำเตือนเกี่ยวกับการยกเลิกการใช้งานคุกกี้ของบุคคลที่สามในแผงเครือข่ายและแอปพลิเคชัน การแก้ไขข้อบกพร่องที่ได้รับการปรับปรุงในแผงเครือข่าย การแสดงเส้นทางในแผงประสิทธิภาพ และอื่นๆ
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- Chrome
เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การแก้ไขข้อบกพร่องของการนำทางแบบคาดเดาเพื่อให้โหลดหน้าเว็บได้เร็วขึ้น
ท่องเว็บได้เร็วขึ้นด้วยการโหลดแบบคาดเดาและดูวิธีแก้ไขข้อบกพร่อง
- Chrome
- เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
การทดลองใช้การเลิกใช้งาน SharedArrayBuffer ใน Chrome บนเดสก์ท็อปขยายไปยัง Chrome 124 แล้ว
การทดลองใช้การเลิกใช้งานสำหรับ SharedArrayBuffer ที่ไม่มีการแยกแบบข้ามต้นทางในเดสก์ท็อปของ Chrome จะขยายเวลาจนถึง Chrome 124
- Chrome
Chrome 122 เบต้า
Chrome 122 รุ่นเบต้าจะมอบเครื่องมือช่วยเหลือ Iterator, การตั้งค่า, Storage Buckets API, อ่าน HTML ที่ไม่ผ่านการตรวจสอบใน Async Clipboard API และอีกมากมาย
- Chrome
เกิดอะไรขึ้นในส่วนขยาย Chrome
ภาพรวมของการเปลี่ยนแปลงล่าสุดในส่วนขยาย Chrome รวมถึงคุณลักษณะส่วนขยายที่น่าตื่นเต้นซึ่งนักพัฒนาซอฟต์แวร์สามารถคาดหวังได้
- Chrome
- ส่วนขยาย Chrome
สิ่งใหม่ๆ ใน Chrome 121
Chrome 121 กำลังเปิดตัวแล้ว การอัปเดต CSS, การปรับปรุง Speculation Rules API, ช่วงทดลองใช้จากต้นทางสำหรับ Element Recording API และอื่นๆ อีกมากมาย Adriana Jara มีรายละเอียดทั้งหมดเกี่ยวกับสิ่งใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 121
- Chrome