Overflow-detector

A tool to detect which DOM element causes a horizontal scroll

What is Overflow-detector?

Overflow-detector is a Chrome extension developed by Unknown, and its main feature is "A tool to detect which DOM element causes a horizontal scroll".

Extension Screenshots

screenshot

Download Overflow-detector Extension CRX File

Download Overflow-detector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name Overflow-detector Overflow-detector
ID gpdnihamialibcjfmdnfbjcljnfbgkbc
Official URL https://chromewebstore.google.com/detail/overflow-detector/gpdnihamialibcjfmdnfbjcljnfbgkbc
Description A tool to detect which DOM element causes a horizontal scroll
File Size 12.06 KB
Installation Count 1,263
Current Version 0.1.0
Last Updated 2020-05-21
Publish Date 2020-05-21
Rating 5.00/5 Total 5 Ratings
Developer Unknown
Payment Type free
Supported Languages 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"
            ]
        }
    ]
}