时间戳

首页 > 解决方案 > 扩展内容脚本（JS/或 CSS）不适用

css - 扩展内容脚本（JS/或 CSS）不适用

问题描述

我想要一个带有我自己的 CSS 代码的 Google Chrome 扩展程序，用于网站编程。我试图在 content_scripts 中包含我自己的 CSS 脚本，但它没有用。我不能像 JavaScript 那样插入 css。这是我的代码：

清单.json

{
"name": "XXX",
"version": "0.0.1",
"manifest_version": 2,
"permissions": [
    "tabs",
    "http://*/*",
    "https://*/*",
    "file:///*/*"
],
"content_scripts": [
    {
        "matches": [
            "*://www.google.com/*",
            "*://google.com/*"
        ],
        "css": [
            "style.css"
        ],
        "js": [
             "index.js"
        ],
        "all_frames": true
    }
],
"web_accessible_resources": [
    "style.css"
]
}

样式.css

body{
    background-color: #303030;
}

index.js

prompt('code injected');

标签： cssgoogle-chrome-extension

解决方案

Chrome 通过隐藏www.
正确的匹配模式是

https://www.google.com/*

或者

*://www.google.com/*

匹配http和https。

您可以通过在地址栏中右键单击使 Chrome 显示完整的 URL：

推荐阅读