หน้านี้ได้รับการแปลโดย Cloud Translation API

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

Jecelyn Yeen

ใช้เครื่องมือสำหรับนักพัฒนาเว็บในภาษาที่ต้องการ

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome รองรับภาษามากกว่า 80 ภาษาแล้ว คุณจึงทำงานในภาษาที่ต้องการได้

เปิดการตั้งค่า จากนั้นเลือกภาษาที่ต้องการใต้เมนูแบบเลื่อนลงค่ากำหนด > ภาษา แล้วโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ

ค่ากำหนด" width="800" height="494">

ปัญหา Chromium: 1163928

อุปกรณ์ Nest Hub ใหม่ในรายการอุปกรณ์

ตอนนี้คุณจำลองขนาดของ Nest Hub และ Nest Hub Max ในโหมดอุปกรณ์ได้แล้ว

คลิกเปิด/ปิดแถบเครื่องมืออุปกรณ์ เลือก Nest Hub หรือ Nest Hub Max ในรายการอุปกรณ์

อุปกรณ์ Nest Hub ในโหมดอุปกรณ์

ปัญหา Chromium: 1223525

ช่วงทดลองใช้จากต้นทางในมุมมองรายละเอียดเฟรม

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

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

เปิดหน้าเว็บที่มีช่วงทดลองใช้จากต้นทาง (เช่น หน้าสาธิต) ในแผงแอปพลิเคชัน ให้เลื่อนลงไปที่ส่วนเฟรม แล้วเลือกเฟรมด้านบน

ช่วงทดลองใช้จากต้นทางในมุมมองรายละเอียดเฟรม

ปัญหา Chromium: 607555

ป้ายคำค้นหาคอนเทนเนอร์ CSS ใหม่

ระบบจะเพิ่มป้ายคอนเทนเนอร์ใหม่ข้างองค์ประกอบคอนเทนเนอร์ (องค์ประกอบระดับบนที่ตรงกับเกณฑ์ของกฎ ที่ - @container รายการ) คลิกป้ายเพื่อสลับการแสดงการวางซ้อนของคอนเทนเนอร์ที่เลือกและองค์ประกอบรองลงมาของการค้นหาทั้งหมดบนหน้าเว็บ

ป้ายคำค้นหาคอนเทนเนอร์ CSS

ปัญหา Chromium: 1146422

ช่องทำเครื่องหมายใหม่เพื่อสลับตัวกรองเครือข่าย

ใช้ช่องทำเครื่องหมายกลับใหม่เพื่อกลับตัวกรองในแผงเครือข่าย

ตัวอย่างเช่น คุณสามารถพิมพ์ "status-code: 404" เพื่อกรองคำขอเครือข่ายที่มีสถานะ 404 ได้ เลือกช่องทำเครื่องหมายกลับเพื่อยกเลิกตัวกรอง (แสดงคำขอเครือข่ายทั้งหมดที่ไม่ได้อยู่ในสถานะ 404)

สลับตัวกรองเครือข่าย

ปัญหา Chromium: 1054464

การเลิกใช้งานแถบด้านข้างของ Console ที่กำลังจะเกิดขึ้น

เราจะนำแถบด้านข้างของคอนโซลออกเพื่อย้าย UI ของตัวกรองไปยังแถบเครื่องมือ คุณมีข้อกังวลหรือความคิดเห็นใดๆ ไหม โปรดแจ้งให้เราทราบผ่านเครื่องติดตามปัญหานี้

ข้อความการเลิกใช้งานแถบด้านข้างของคอนโซล

ปัญหา Chromium: 1232937

แสดงส่วนหัว `Set-Cookie` ดิบในแท็บปัญหาและแผงเครือข่าย

ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงส่วนหัว Set-Cookie ที่เป็นข้อมูลดิบในแท็บปัญหา

ก่อนหน้านี้เครื่องมือสำหรับนักพัฒนาเว็บไม่แสดงคุกกี้ที่มีรูปแบบไม่ถูกต้อง (ส่วนหัว Set-Cookie ไม่ถูกต้อง) ในแผงเครือข่าย เมื่อเพิ่มตัวกรอง response-header-set-cookie ใหม่ในแผงเครือข่าย ผู้ใช้จะกรองการตอบสนองของส่วนหัว Set-Cookie ดิบได้ เครื่องมือสำหรับนักพัฒนาเว็บจะลิงก์ส่วนหัว Set-Cookie ดิบในแท็บปัญหากับแผงเครือข่าย

ส่วนหัว "Set-Cookie" ดิบในแท็บปัญหาและแผงเครือข่าย

ปัญหา Chromium: 1179186

ตัวเข้าถึงโฆษณาแบบดิสเพลย์เนทีฟที่สอดคล้องกันเป็นพร็อพเพอร์ตี้ของตัวเองในคอนโซล

ตอนนี้คอนโซลจะแสดงตัวเข้าถึงดั้งเดิมเป็นพร็อพเพอร์ตี้ของตัวเองอย่างสม่ำเสมอ

ตัวอย่างเช่น เมื่อประเมินนิพจน์ new Int8Array([1, 2, 3]) ในคอนโซล ตัวเข้าถึงแบบเนทีฟ เช่น length, byteOffset ไม่ได้แสดงในตัวอย่าง ในการอัปเดตล่าสุดนี้ ผู้เข้าถึงแบบเนทีฟจะแสดงในตัวอย่าง และระบบจะประเมินค่าอย่างตั้งใจเมื่อขยาย

ตัวเข้าถึงโฆษณาแบบดิสเพลย์เนทีฟที่สอดคล้องกันเป็นพร็อพเพอร์ตี้ของตัวเองในคอนโซล

ปัญหาเกี่ยวกับ Chromium: 1076820, 1199247

สแต็กเทรซข้อผิดพลาดที่เหมาะสมสำหรับสคริปต์ในบรรทัดที่มี #sourceURL

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

ก่อนหน้านี้เครื่องมือสำหรับนักพัฒนาเว็บแสดงตำแหน่งที่ไม่ถูกต้องสำหรับสคริปต์ในหน้าที่มี #sourceURL เมื่อเทียบกับเอกสารโดยรอบแทนที่จะสัมพันธ์กับแท็กเปิด <script>

สแต็กเทรซข้อผิดพลาดที่เหมาะสมสำหรับสคริปต์ในบรรทัดที่มี #sourceURL

ปัญหาเกี่ยวกับ Chromium: 1183990, 578269

เปลี่ยนรูปแบบสีในแผงที่คำนวณ

ตอนนี้คุณสามารถเปลี่ยนรูปแบบสีขององค์ประกอบใดก็ได้ในแผงที่คำนวณโดย Shift + คลิกตัวอย่างสี

Shift+คลิกตัวอย่างสีเพื่อเปลี่ยนรูปแบบสี

ปัญหา Chromium: 1226371

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

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

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

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

ปัญหา Chromium: 1223391

[ทดลอง] ซ่อนปัญหาในแท็บปัญหา

เปิดใช้การทดสอบซ่อนปัญหาเพื่อซ่อนปัญหาในแท็บปัญหา ซึ่งจะช่วยให้คุณมุ่งความสนใจไปที่ปัญหาสำคัญที่สำคัญกับคุณได้

ในแท็บปัญหา ให้วางเมาส์เหนือปัญหา แล้วคลิกเมนูปัญหา ทางด้านขวา เลือกซ่อนปัญหาลักษณะนี้เพื่อซ่อนปัญหานั้น

เมนูซ่อนบริบทของปัญหาแบบทดลอง

ปัญหา Chromium: 1175722

ดาวน์โหลดช่องตัวอย่าง

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

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

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

ส่งคำแนะนำหรือความคิดเห็นถึงเราผ่าน crbug.com
รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม > ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ
ทวีตที่ @ChromeDevTools
แสดงความคิดเห็นเกี่ยวกับ "มีอะไรใหม่ในวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ" หรือเคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บวิดีโอ YouTube