Overflow-detectorคืออะไร?

Overflow-detector เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Unknown และคุณลักษณะหลักของมันคือ "A tool to detect which DOM element causes a horizontal scroll"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Overflow-detector

ดาวน์โหลดไฟล์ส่วนขยาย Overflow-detector ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

This tool iterate through all HTML DOM elements and compare their width with it's parent to check which element is exceeding its parent's width. Except some special circumstances, that DOM element which exceeds their parent element might be causing the horizontal scroll to the parent. When HTML stack is not properly ordered, this might be causing a horizontal scroll to the HTML body itself i.e. A page level scroll. During development, developers find it hard to detect which element is causing this horizontal scroll. They will inspect each and every DOM element to find the root of their problem manually. This tool will help doing it easily.

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Overflow-detector
ID	gpdnihamialibcjfmdnfbjcljnfbgkbc
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/overflow-detector/gpdnihamialibcjfmdnfbjcljnfbgkbc
คำอธิบาย	A tool to detect which DOM element causes a horizontal scroll
ขนาดไฟล์	12.06 KB
จำนวนการติดตั้ง	1,263
เวอร์ชันปัจจุบัน	0.1.0
อัปเดตครั้งล่าสุด	2020-05-21
วันที่เผยแพร่	2020-05-21
คะแนน	5.00/5 รวมทั้งหมด 5 คะแนน
ผู้พัฒนา	Unknown
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Overflow-detector", "version": "0.1.0", "description": "A tool to detect which DOM element causes a horizontal scroll", "manifest_version": 2, "author": "Aravinth Ramesh", "icons": { "128": "images\/Overflow-detector-logo-128.png" }, "browser_action": { "default_icon": { "16": "images\/Overflow-detector-logo-16.png", "32": "images\/Overflow-detector-logo-32.png", "48": "images\/Overflow-detector-logo-48.png", "128": "images\/Overflow-detector-logo-128.png" }, "default_title": "An extension to find the DOM element which is causing the horizontal scroll.", "default_popup": "popup.html" }, "permissions": [ "activeTab" ], "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+F", "mac": "MacCtrl+Shift+F" }, "description": "Opens hello.html" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "contentScript.js" ] } ] }