Chrome扩展程序：在页面上仅显示图像（无文本）

Question

是否有可能在插件启用时编写仅在页面上显示图片的Chrome扩展程序（隐藏所有文字）？

有些插件可以隐藏所有图像。我需要相反的东西：一个只包含图像的页面，以及所有隐藏的文本。

理想情况下，此行为也应限制在页面上的某个位置（例如，在特定DIV内），但这不是必需的。

Answer 1

如果你想隐藏所有的html标签但是img那么，是的，这是可能的，并且非常容易。您可以使用content style覆盖目标页面的CSS并隐藏除图像标记之外的所有内容。

以下是如何做到这一点：

manifest.json：

{
    "name": "Test extension",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "Some description",
    "icons": {
        "16": "images/icon-16.png",
        "128": "images/icon-128.png"
    },
    "default_locale": "en",
    "content_scripts": [
        {
            "matches": [
                "http://*/*",
                "https://*/*"
            ],
            "css" : [
                "styles/contentstyle.css"
            ],
            "run_at": "document_end"
        }
    ]
}

scripts/contentstyle.css

body {
    visibility: hidden;
}

* img {
    visibility: visible;
}

请注意，此CRX不会显示通过CSS设置为background-image的图片，仅显示img个标记。