Overflow-detector - ส่วนขยายแท็บใหม่สำหรับ Chrome
เหตุใดจึงมีประโยชน์
หากคุณมีองค์ประกอบ DOM (เช่น
) เครื่องมือนี้สามารถบอกคุณได้ว่าองค์ประกอบใดทำให้เกิดการเลื่อนในแนวนอน อาจมีประโยชน์ในสถานการณ์ต่างๆ โดยทั่วไปจะมีประโยชน์ในสถานการณ์ที่คุณไม่ต้องการทราบสาเหตุของการเลื่อนแนวนอน ตัวอย่างเช่น:
คุณมีเพจที่มีสองคอลัมน์ ในหนึ่งคอลัมน์มีองค์ประกอบ ในขณะที่อีกคอลัมน์หนึ่งมี
องค์ประกอบ เมื่อผู้ใช้เลื่อนดูหน้านี้ ในช่วงเวลาหนึ่ง เขาจะถึงจุดสิ้นสุดของคอลัมน์แรก และในเวลาเดียวกัน เขาจะถึงจุดสิ้นสุดของคอลัมน์ที่สอง มีโอกาสสูงที่หน้าจะเป็นการเลื่อนแนวนอน
เหตุใดจึงมีประโยชน์ในสถานการณ์นั้น
ดังที่ได้กล่าวไว้ข้างต้น มีโอกาสดีที่ หน้าเป็นแบบเลื่อนแนวนอน ซึ่งหมายความว่ามีโอกาสที่หากผู้ใช้ไปถึงจุดสิ้นสุดของคอลัมน์แรก อาจไม่มีทางไปถึงจุดสิ้นสุดของคอลัมน์ที่สอง และในทางกลับกัน. ตัวอย่างเช่น คุณมีหน้าที่มีแถวเดียว และในแถวนี้มีองค์ประกอบเดียว นี่เป็นตัวอย่างที่เข้าใจง่ายมาก หากผู้ใช้ไปถึงจุดสิ้นสุดของหน้า ไม่มีทางที่เขาจะไปถึงจุดสิ้นสุดของแถว
ในเครื่องมือนี้ คุณสามารถค้นหาว่าองค์ประกอบใดทำให้เกิดการเลื่อนแนวนอนนี้ และคุณทำไม่ได้ ไม่จำเป็นต้องตรวจสอบแต่ละองค์ประกอบด้วยตนเองเพื่อค้นหา เครื่องมือนี้ช่วยให้คุณทราบได้อย่างรวดเร็วว่าองค์ประกอบใดทำให้เกิดการเลื่อนแนวนอนนี้