Question

我正在开发一个Chrome扩展程序，它可以改变学校项目网页上的字母颜色。我做到了这一点它改变了颜色，但我面临的问题是它＆＃34; corupts＆＃34;介于两者之间的一切

 <script></script>

标签所以当页面想要加载脚本时它不能，因为其中有HTML代码。

这是我到目前为止的JavaScript代码：

＆＃13;

window.onload = function(){

var letters = ["b", "d", "a", "o"];
var results;
var resultb;
var colors = ["#b32400", "#006622", "#cc0099", "#0000ff"];
var re;
  
for (x = 0; x < letters.length; x++) {
  results = letters[x].fontcolor(colors[x]);
  resultb = letters[x].toUpperCase().fontcolor(colors[x]);

  res = new RegExp("(" + letters[x] + ")(?!([^<]+)?>)", "g");
  reb = new RegExp("(" + letters[x].toUpperCase() + ")(?!([^<]+)?>)", "g");

  $("body").children().each(function() {
    $(this).html($(this).html().replace(res, results));
    $(this).html($(this).html().replace(reb, resultb));
  });
}
}

＆＃13;

Answer 1

名为scriptinject的文件：

var s = document.createElement('script');
s.src = chrome.extension.getURL('script.js');
s.onload = function() {
    this.remove();
};
(document.head || document.documentElement).appendChild(s);

使用上面的代码将“script.js”添加到manifest.json中的web_accessible_resources。

在清单中：

    "content_scripts": {
    "matches": ["http://*"],
    "js": ["scriptinject.js"]
},
"web_accessible_resources": ["script.js"]

script.js包含您的代码

排除<script> </script>标记以及它们之间的所有内容JavaScript

1 个答案: