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