ใช้แผงเซ็นเซอร์เพื่อจำลองอินพุตเซ็นเซอร์ของอุปกรณ์ใดก็ได้
ภาพรวม
แผงเซ็นเซอร์ช่วยให้คุณทำสิ่งต่อไปนี้ได้
เปิดแผงเซ็นเซอร์
กดแป้นต่อไปนี้เพื่อเปิดเมนูคำสั่ง ทั้งนี้ขึ้นอยู่กับระบบปฏิบัติการของคุณ
- ใน MacOS ให้กด Command+Shift+P
- ใน Windows, Linux หรือ ChromeOS ให้กด Control+Shift+P
พิมพ์
sensorsเลือกแสดงเซ็นเซอร์ แล้วกด Enter แผงเซ็นเซอร์จะเปิดขึ้นที่ด้านล่างของหน้าต่าง DevTools
ลบล้างตำแหน่งทางภูมิศาสตร์
เว็บไซต์จำนวนมากใช้ประโยชน์จากตำแหน่งของผู้ใช้เพื่อมอบประสบการณ์ที่เกี่ยวข้องมากขึ้นแก่ผู้ใช้ ตัวอย่างเช่น เว็บไซต์พยากรณ์อากาศอาจแสดงพยากรณ์อากาศในพื้นที่ของผู้ใช้ เมื่อผู้ใช้ให้สิทธิ์เว็บไซต์เข้าถึงตำแหน่งของตนแล้ว
หากคุณกำลังสร้าง UI ที่เปลี่ยนแปลงไปตามตำแหน่งของผู้ใช้ คุณอาจต้องตรวจสอบว่าเว็บไซต์ทำงานได้อย่างถูกต้องในที่ต่างๆ ทั่วโลก
หากต้องการลบล้างตำแหน่งทางภูมิศาสตร์ ให้เปิดแผงเซ็นเซอร์ แล้วเลือกรายการใดรายการหนึ่งต่อไปนี้จากรายการตำแหน่งทางภูมิศาสตร์
- เมืองที่กำหนดไว้ล่วงหน้า เช่น โตเกียว
- สถานที่ที่กำหนดเองเพื่อป้อนพิกัดลองจิจูดและละติจูดที่กำหนดเอง
- เลือกตำแหน่งไม่พร้อมใช้งานเพื่อดูว่าเว็บไซต์ของคุณทำงานอย่างไรเมื่อตำแหน่งของผู้ใช้ไม่พร้อมใช้งาน
จำลองการวางแนวของอุปกรณ์
หากต้องการจำลองการวางแนวอุปกรณ์แบบต่างๆ ให้เปิดแผงเซ็นเซอร์ แล้วเลือกรายการใดรายการหนึ่งต่อไปนี้จากรายการการวางแนว
- การวางแนวที่กำหนดไว้ล่วงหน้าอย่างใดอย่างหนึ่ง เช่น แนวตั้งกลับหัว
- การวางแนวที่กำหนดเองเพื่อระบุการวางแนวที่แน่นอนของคุณเอง
หลังจากเลือกการวางแนวที่กำหนดเองแล้ว ระบบจะเปิดใช้ช่องอัลฟ่า เบต้า และแกมมา ดูอัลฟ่า เบต้า และแกมมาเพื่อทำความเข้าใจวิธีการทำงานของแกนเหล่านี้
นอกจากนี้ คุณยังตั้งค่าการวางแนวที่กำหนดเองได้โดยการลากโมเดลการวางแนว กด Shift ค้างไว้ก่อนลากเพื่อหมุนตามแกนอัลฟ่า
การกดแรง
หากต้องการทดสอบเหตุการณ์การแตะในเว็บไซต์ คุณสามารถบังคับให้แตะแทนการคลิกได้ แม้ว่าจะทดสอบในอุปกรณ์ที่ไม่มีหน้าจอสัมผัสก็ตาม
วิธีทริกเกอร์เหตุการณ์การแตะด้วยเคอร์เซอร์
- เปิดแผงเซ็นเซอร์
- ในรายการแบบเลื่อนลงแตะ ให้เลือกแตะแรง
- คลิกโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำในข้อความแจ้งที่ด้านบน
จำลองสถานะของ Idle Detector
Idle Detection API ช่วยให้คุณตรวจหาผู้ใช้ที่ไม่ได้ใช้งานและตอบสนองต่อการเปลี่ยนแปลงสถานะไม่ได้ใช้งานได้ DevTools ช่วยให้คุณจำลองการเปลี่ยนแปลงสถานะว่างได้ทั้งสำหรับสถานะผู้ใช้และสถานะหน้าจอ แทนที่จะรอให้สถานะว่างจริงเปลี่ยน
วิธีจำลองสถานะว่าง
เลือกช่องทำเครื่องหมายข้างชั่วคราว แล้วให้สิทธิ์ตรวจหาการไม่มีการใช้งานแก่หน้าเดโมในพรอมต์ จากนั้นให้โหลดหน้าซ้ำ
ในเมนูแบบเลื่อนลงจำลองสถานะของ Idle Detector ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้
- ไม่มีการจำลองที่ไม่มีการใช้งาน
- ผู้ใช้มีการใช้งาน ปลดล็อกหน้าจอแล้ว
- ผู้ใช้มีการใช้งาน ล็อกหน้าจอแล้ว
- ผู้ใช้ไม่มีการใช้งาน ปลดล็อกหน้าจอแล้ว
- ผู้ใช้ไม่มีการใช้งาน ล็อกหน้าจอแล้ว
จำลองการเกิดขึ้นพร้อมกันของฮาร์ดแวร์
หากต้องการจำลองประสิทธิภาพของเว็บไซต์ในอุปกรณ์ที่มีจำนวนคอร์ของโปรเซสเซอร์แตกต่างกัน คุณสามารถลบล้างค่าที่พร็อพเพอร์ตี้ navigator.hardwareConcurrency รายงานได้ แอปพลิเคชันบางอย่างใช้พร็อพเพอร์ตี้นี้เพื่อควบคุมระดับการทำงานแบบคู่ขนานของแอปพลิเคชัน เช่น เพื่อควบคุมขนาดพูลของ Emscripten pthread
วิธีจำลองการเกิดขึ้นพร้อมกันของฮาร์ดแวร์
- เปิดแผงเซ็นเซอร์
- ที่ด้านล่างของแผง ให้ค้นหาและเปิด Hardware concurrency
- ในช่องป้อนหมายเลข ให้ป้อนจำนวนคอร์ที่ต้องการจำลอง
หากต้องการเปลี่ยนกลับเป็นค่าเริ่มต้น ให้คลิกปุ่ม รีเซ็ต
จำลอง CPU Pressure
แรงดัน CPU หรือการประมวลผลคือชุดสถานะที่รายงานซึ่งช่วยให้คุณทราบปริมาณภาระงานที่การประมวลผลของระบบกำลังดำเนินการอยู่ และดูว่าใกล้ถึงขีดจำกัดหรือไม่ ข้อมูลนี้ช่วยให้คุณปรับแอปพลิเคชันแบบเรียลไทม์ เช่น การประชุมทางวิดีโอหรือวิดีโอเกม เพื่อใช้ประโยชน์จากกำลังประมวลผลที่มีอยู่ทั้งหมด พร้อมทั้งทำให้ระบบตอบสนองได้โดยการปรับปริมาณงานแบบเรียลไทม์
แผงเซ็นเซอร์ช่วยให้คุณจำลองสถานะที่ Compute Pressure API รายงานได้
วิธีจำลองแรงกดดันของ CPU ในเว็บไซต์
- เปิดแผงเซ็นเซอร์
- ที่ด้านล่างของแผง ให้ค้นหาส่วนแรงดัน CPU แล้วเลือกสถานะแรงดันที่อ่านได้อย่างใดอย่างหนึ่ง ได้แก่ ไม่มีการลบล้าง ปกติ ปานกลาง รุนแรง หรือวิกฤต
- คลิกโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำในข้อความแจ้งที่ด้านบนของเครื่องมือสำหรับนักพัฒนาเว็บ
