javascript - 修改chrome扩展并且不要破坏扩展

Question

修改chrome扩展的js代码并重启chrome后，修改后的chrome扩展会被破坏。三个月前，我对同一个扩展做了同样的事情，效果很好。

这次我买了一台新电脑和最新版本的chrome(46.0.2490.86 m)，但是一旦我修改了扩展的源代码，它就被破坏了。

这是源代码和扩展。PS:我认为这是因为chrome拒绝我修改其原始扩展代码。

扩展名:totop.扩展功能:每页添加返回顶部按钮和底部按钮

我只是将“500”修改为“100”以加快其速度。

主脚本.js:

 $("head").prepend("<style>._BackToTopPlus{width:35px;height:35px;border-radius:5px; position:fixed; right:10px; cursor:pointer; background-repeat:no-repeat; background-position:50% 50%; background-color:#000; opacity:.1;transition:opacity .2s ease-in-out;z-index:99999;}._BackToTopPlus:hover{opacity:.5}</style>");
var level=$(window).height()/2-50;
$("body").append("<div class='_BackToTopPlus' style='background-image:url(data:img/png;base64,R0lGODlhEgAUAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAASABQAAAImjI+py+IPo4xmWmRpyq5dFkzgoY3VY5KS9ykcKy6vnMEr3W417hQAOw==);top:"+(level-40)+"px;'></div>").append("<div class='_BackToTopPlus' style='background-image:url(data:img/png;base64,R0lGODlhEgAUAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAASABQAAAIqlB2peX27nINKNsoswnrTLmABKJKcJH5PGl3siKZdabZgWN2rzuPv/yoAADs=);top:"+(level+5)+"px;'></div>");
var jsq=0;
$("._BackToTopPlus").eq(0).click(function(){$("body").animate({scrollTop:0},500);}).mouseover(function(){
    jsq=setInterval(function(){
        $("body").scrollTop($("body").scrollTop()-1);
    },20);
}).mouseout(function(){clearInterval(jsq);jsq=null;});
$("._BackToTopPlus").eq(1).click(function(){$("body").animate({scrollTop:$(document).height()},500);}).mouseover(function(){
    jsq=setInterval(function(){
        $("body").scrollTop($("body").scrollTop()+1);
    },20);
}).mouseout(function(){clearInterval(jsq);jsq=null;});

Answer 1

花了1年时间，我自己得到了答案!

Chrome浏览器会在线自动检测其所有扩展程序以保证安全，因此编辑一个扩展程序文件后，Chrome浏览器会报告该扩展程序错误。

解决方案

1. 将所有扩展文件复制出来，编辑我们需要的文件，删除其他不相关的文件，修改manifest.json。
2. 启动 Chrome 开发模式
3. 加载扩展

示例

旧扩展文件包括

• _区域设置
• _元数据
• jq.js
• Logo .png
• manifest.json
• 脚本.js

新的扩展文件

我们需要的文件是:

• jq.js
• Logo .png
• manifest.json
• 脚本.js

编辑 sript.js 以获得我们需要的功能。编辑manifest.json，我的manifest.json如下:

```

{
   "content_scripts": [ {
      "js": [ "jq.js", "script.js" ],
      "matches": [ "http://*/*", "https://*/*" ]
   } ],
   "icons": {
      "128": "logo.png"
   },
   "manifest_version": 2,
   "name": "ToTop",
   "version": "1.0.0.0"
}

```