Overflow-detectorとは何ですか？

Overflow-detectorはUnknownによって開発されたChromeの拡張機能で、その主な機能は「A tool to detect which DOM element causes a horizontal scroll」です。

拡張機能のスクリーンショット

Overflow-detector拡張機能のCRXファイルをダウンロード

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" ] } ] }