使用FireFox Extension在本地更改远程网站的JavaScript？

Question

我正在尝试编写浏览器扩展插件，以在第三方网站上添加一些功能并重新格式化某些数据。

我安装了Firefox Developer Edition。然后，我根据Beastify创建了一个简单的附加扩展。

我写了一个简单的脚本来监视span元素的innerHTML何时发生变化，然后做一些处理。

此代码的工作，但它不是我想要做的事情的方式：

function fixformat(){ 
    var value = document.getElementById("value"); 

    var valueFloat = parseFloat(value.innerHTML); 

    if (valueFloat < 1000) valueFloat += 1000; 

    value.innerHTML = valueFloat; 
} 
setInterval(fixformat, 100); 

在它与下面的代码更新实时值的远程服务器：

totValue += _currentValue; 
value = document.getElementById("value"); 
value.innerHTML = totValue; 

但我想，以取代这一行：

value.innerHTML = totValue; 

有了这个：

value.innerHTML = totValue + 1000; 

此代码被埋在一个巨大的远程JavaScript文件中，当我浏览他们的网站时，它会被加载大约二十个javascript文件。这个JavaScript文件有大约4000行代码。当新信息可用时，它每1-15秒执行一次。

有没有一些方法来编程钩入该远程JavaScript文件？做一些简单的搜索和替换该代码行，这将使其他一切正常执行？

Answer 1

您将使用beforescriptexecute事件侦听器并更改脚本的.textContent。

https://developer.mozilla.org/en-US/docs/Web/Events/beforescriptexecute

下面是一个例子：

document.addEventListener("beforescriptexecute", function(e) { 
     src = e.target.src; 
     content = e.target.text; 

     if (src.search("i18n.js") > -1) { 
      // Stop original script 
      e.preventDefault(); 
      e.stopPropagation(); 
      window.jQuery(e.target).remove(); 

      var script = document.createElement('script'); 

      script.textContent = 'script you want'; 

      (document.head || document.documentElement).appendChild(script); 
      script.onload = function() { 
       this.parentNode.removeChild(this); 
      } 
     } 
    } 
} 

Answer 2

好吧，我放弃了对浏览器扩展的想法，现在因为我可以做我有Greasemonkey脚本的愿望。这是我写的脚本，努力创建“钩”到远程JavaScript来代替一行代码：

// ==UserScript== 
// @name  test load 
// @namespace testing 
// @description testing 
// @include  https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ 
// @version  1 
// @grant  none 
// @run-at document-start 
// ==/UserScript== 
document.addEventListener("beforescriptexecute", function(e) { 
    src = e.target.src; 
    content = e.target.text; 
    console.log("src: " + src); 
    if (src.search("script.js") > -1) { 
     var newContent = ""; 
     $.ajax({ 
      async: false, 
      type: 'GET', 
      url: '/script.js', 
      success: function(data) { //inject code via search and replace 
       newContent=data.replace('totValue += value;', 'totValue += value + 1000;'); 
      } 
     }); 
     // Stop original script 
     e.preventDefault(); 
     e.stopPropagation(); 
     window.jQuery(e.target).remove(); 
     var script = document.createElement('script'); 
     script.textContent = newContent; 
     (document.head || document.documentElement).appendChild(script); 
     script.onload = function() { 
      this.parentNode.removeChild(this); 
     } 
    } 
});