Question

所以我目前正在制作谷歌浏览器扩展程序，我想要做的是将我的本地CSS之一复制到网页上，以替换它。这就是我所拥有的，但它不是复制它们，而是创建新文件。如何让我复制本地文件而不是创建新文件？

function ChangeStyle(Style){
    var header =  document.getElementsByTagName("head")[0]
    var oringinal_link = document.getElementsByTagName("link")[0]
    oringinal_link.remove()
    if(Style === 1){
        $("head").prepend('<link rel="stylesheet" type="text/css" href="/default.css">')
    } else if(Style === 2){
        $("head").prepend('<link rel="stylesheet" type="text/css" href="/style1.css">')
    } else if(Style === 3){
        $("head").prepend('<link rel="stylesheet" type="text/css" href="/style2.css">')
    }
    console.log("[The Sustainer] Style " + Style + " has been loaded!")

这是我的content.js文件。

Answer 1

您必须在清单文件中包含要上传的css文件作为Web可访问。

{ ...,   
  "web_accessible_resources": ["default.css", "style1.css", "style2.css"],
...}

只能在内容脚本中加载css文件。

用本地文件替换CSS

1 个答案: