Overflow-detector

A tool to detect which DOM element causes a horizontal scroll

什麼是Overflow-detector?

Overflow-detector是由Unknown開發的Chrome擴展程式,該擴展的主要功能是“A tool to detect which DOM element causes a horizontal scroll”。

擴展截圖

screenshot

下載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 Overflow-detector
ID gpdnihamialibcjfmdnfbjcljnfbgkbc
官方網址 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"
            ]
        }
    ]
}