Chrome vs. Firefox Extensions

Chrome vs. Firefox Extensions

本文关键字：Extensions Firefox vs Chrome      更新时间：2023-09-26

我为Firefox编写了一个简单的扩展。不幸的是，我的朋友使用Chrome，我不明白为什么相同的代码在Chrome中没有任何作用。Firefox的标签和Chrome的标签有什么区别?下面是代码:

Manifest.json: 

{
  "manifest_version": 2,
  "name": "customAddon",
  "description": "Unsurprisingly, this addon does things.",
  "version": "1",
   "background": {
    "persistent": true,
    "scripts": ["customAddon.js"]
  },
  "permissions": [
   "tabs",
   "http://*.com/"
   ]
}

customAddon.js: 

chrome.tabs.onUpdated.addListener(function(tabId , info) {
    if (info.status == "complete") {
            if (window.location.href == 'http://ninjakiwi.com/Games/Action/Play/SAS-Zombie-Assault-4.html') {
                var elem = document.getElementById('secondary'); 
                elem.innerHTML = ''; 
                var removeLinks = (function() {
                    return function(passedElems){ 
                        for (i = 0; i < passedElems.length; i++) {
                            passedElems[i].setAttribute('onclick','return false;');
                        }}})(); 
                removeLinks(document.getElementsByClassName('group'));
                removeLinks(document.getElementsByClassName('nav'));
                removeLinks(document.getElementsByClassName('local-skin'));
                document.getElementsByClassName('header-bar')[0].setAttribute('style','padding-left:85px; padding-right:-85px;');}}
    }
});

您的customAddon.js代码运行是一个独立的，不可见的页面，称为背景页面。

当然，它的location.href永远不会是那个URL，它的元素也永远不会匹配你所期望的。

你真正需要的是内容脚本。您可以设置过滤器，告诉它应该加载到哪个页面，然后它将在访问页面DOM的情况下执行，这正是您所需要的。无需使用tabs API

相关文章：