ภาพรวมของแท็บการแสดงผล

Sofia Emelianova

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

ภาพรวม

แท็บการแสดงผลช่วยให้คุณทำสิ่งต่อไปนี้ได้

• สำรวจปัญหาด้านประสิทธิภาพการแสดงผล สังเกตการทาสีซ้ำ การเปลี่ยนเลย์เอาต์ เลเยอร์ และการ์ด ปัญหาการเลื่อน ดูสถิติการแสดงผลและ Core Web Vitals
• จำลองฟีเจอร์สื่อ CSS ทดสอบวิธีที่หน้าเว็บแสดงผลด้วยฟีเจอร์สื่อ CSS ที่แตกต่างกันโดยไม่ต้องระบุด้วยตนเองในโค้ดหรือสภาพแวดล้อมการทดสอบ
• ใส่เอฟเฟกต์ที่เป็นประโยชน์อื่นๆ ไฮไลต์เฟรมโฆษณา จำลองโฟกัสในหน้าเว็บ ปิดใช้แบบอักษรและรูปแบบรูปภาพในเครื่อง เปิดใช้ธีมมืดอัตโนมัติ และจำลองภาวะบกพร่องทางการมองเห็น

เปิดแท็บการแสดงผล

วิธีเปิดแท็บการแสดงผล

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

2. กด Command+Shift+P (Mac) หรือ Control+Shift+P (Windows, Linux, ChromeOS) เพื่อเปิด เมนูคำสั่ง

   

3. เริ่มพิมพ์ rendering แล้วเลือกแสดงการแสดงภาพ แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแท็บการแสดงผลที่ด้านล่างของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ

หรือจะเปิดแท็บการแสดงผลโดยใช้วิธีต่อไปนี้ก็ได้

• กด Esc เพื่อเปิดลิ้นชัก และที่มุมบนซ้าย ให้คลิกเครื่องมือเพิ่มเติม > การแสดงผล
• ที่มุมขวาบน ให้คลิกตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > การแสดงผล