javascript - 使用 Chrome 扩展从网页中删除图像

标签 javascript google-chrome google-chrome-extension

我正在尝试编写一个简单的 google chrome 扩展,它可以从 stackoverflow.com 中删除 stackoverflow Logo 。网站。但这不起作用。

这是我的作品。

manifest.json

{
  "manifest_version": 2,
  "name": "Transpose",
  "description": "Extension to switch images",
  "version": "1.0",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab"
  ]
}

popup.html

<!doctype html>
<html>
<head>
    <title>Transpose</title>
    <script src="jquery-1.11.3.min.js"></script>
    <script src="popup.js"></script>
</head>
<body>
<h1>Transpose</h1>
<button id="btnEnable">Enable Add-on</button>
</body>
</html>

popup.js

document.addEventListener('DOMContentLoaded', function () {

    chrome.tabs.getCurrent(function (tab) {
        //alert(tab.title);

        $('#btnEnable').on('click', function () {

            $('#hlogo').remove();

        });

    });

}, false);

谁能帮我找出错误吗?

最佳答案

请记住,此代码与页面的其余部分不在同一环境中运行。这是它自己的 html 页面,有自己的 DOM、事件处理程序等。您需要将脚本注入(inject) stackoverflow 页面,您可以从 here 学习如何操作。 。

关于javascript - 使用 Chrome 扩展从网页中删除图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34555225/

相关文章:

javascript - Vuex 不对复杂对象使用react

google-chrome - 如何在 Ubuntu 中向 firefox 和 chrome 添加新的 MIME/协议(protocol)处理程序?

javascript - 显示导航菜单水平镶边问题

javascript - 在表单中显示保存的选项

google-chrome - 控制台在页面加载时打开Chrome的速度较慢

javascript - 如何在没有html的情况下使用angularjs(过滤器服务)(用于chrome扩展)

javascript - 当您在 JavaScript 中声明两个具有相同名称和作用域的变量时会发生什么?

javascript - 将复杂的 SVG 元素附加到选区

javascript - 尽管日志消息正确,JQuery fadeIn() 仍无法正常工作

css - float : left positions the first letter outside the text block on Chrome