Chrome 扩展被 Etsy 屏蔽了？

Question

我正在尝试构建一个新的 chrome 扩展，用于向 Etsy 列表页面添加一个按钮。该扩展程序已解压，安装后在任何站点上都能正常运行。然而，无论我怎样尝试，我都无法在 Etsy 上看到变化。

这是运行的内容脚本：

document.body.appendChild( div );
div.appendChild( btnForm );
btnForm.appendChild( btn );
div.id = 'myDivId';
div.style.position = 'fixed';
div.style.top = '50%';
div.style.left = '50%';
div.style.width = '100%';
div.style.height = '100%';
div.style.backgroundColor = 'red';

同样，这在我测试过的任何其他网页上都很好用。我正在使用的权限：

"permissions" : [
"declarativeContent",
"contextMenus",
"tabs",
"http://*/*",
"https://*/*"

],

谢谢！

Answer 1

您的清单文件看起来像

{
    "name": "SimplydevTranslator",
    "homepage_url": "https://github.com/bsmahala/",
    "version": "1.0",
    "permissions": [
        "*://*/*", "tabs", "webNavigation", "activeTab"
    ], 
    "content_scripts": [{
        "matches": ["*://*/*"],
        "js": ["contentscript.js"],
        "run_at": "document_idle",
        "all_frames": true
    }],
    "manifest_version": 2
}

你的代码必须写成

// contentscript.js

function appendButton() {

 var div= document.createElement('div');
 var btnForm  = document.createElement('div');
 var btn = document.createElement('button');

 document.body.appendChild( div );
 div.appendChild( btnForm );
 btnForm.appendChild( btn );

 div.id = 'myDivId';
 div.style.position = 'fixed';
 div.style.top = '50%';
 div.style.left = '50%';
 div.style.width = '100%';
 div.style.height = '100%';
 div.style.backgroundColor = 'red';

}


appendButton();

Chrome 扩展被 Etsy 屏蔽了？

Chrome Extension is being blocked by Etsy?

javascript

google-chrome-extension

etsy