Sofia Emelianova
ค้นพบชุดตัวเลือกที่ส่งผลต่อการแสดงเนื้อหาเว็บด้วยภาพรวมของฟีเจอร์แท็บการแสดงผลในเครื่องมือสำหรับนักพัฒนาเว็บ
ภาพรวม
แท็บการแสดงผลช่วยให้คุณทำสิ่งต่อไปนี้ได้
- สำรวจปัญหาด้านประสิทธิภาพการแสดงผล สังเกตการทาสีซ้ำ การเปลี่ยนเลย์เอาต์ เลเยอร์ และการ์ด ปัญหาการเลื่อน ดูสถิติการแสดงผลและ Core Web Vitals
- จำลองฟีเจอร์สื่อ CSS ทดสอบวิธีที่หน้าเว็บแสดงผลด้วยฟีเจอร์สื่อ CSS ที่แตกต่างกันโดยไม่ต้องระบุด้วยตนเองในโค้ดหรือสภาพแวดล้อมการทดสอบ
- ใส่เอฟเฟกต์ที่เป็นประโยชน์อื่นๆ ไฮไลต์เฟรมโฆษณา จำลองโฟกัสในหน้าเว็บ ปิดใช้แบบอักษรและรูปแบบรูปภาพในเครื่อง เปิดใช้ธีมมืดอัตโนมัติ และจำลองภาวะบกพร่องทางการมองเห็น
เปิดแท็บการแสดงผล
วิธีเปิดแท็บการแสดงผล
กด Command+Shift+P (Mac) หรือ Control+Shift+P (Windows, Linux, ChromeOS) เพื่อเปิด เมนูคำสั่ง
เริ่มพิมพ์
renderingแล้วเลือกแสดงการแสดงภาพ แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแท็บการแสดงผลที่ด้านล่างของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ
หรือจะเปิดแท็บการแสดงผลโดยใช้วิธีต่อไปนี้ก็ได้
- กด Esc เพื่อเปิดลิ้นชัก และที่มุมบนซ้าย ให้คลิกเครื่องมือเพิ่มเติม
> การแสดงผล - ที่มุมขวาบน ให้คลิกตัวเลือกเพิ่มเติม
> เครื่องมือเพิ่มเติม > การแสดงผล