Chrome 扩展程序:在网页上仅显示图片(不显示文字)

Question

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

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

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

Answer 1

如果你想隐藏所有html标签，但img那么，是的，这是可能的，而且很容易做到。您可以使用覆盖目标页面的 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标签。