【问题标题】:For a Google Chrome extension, how can I create an on/off toggle in the browser icon?对于 Google Chrome 扩展程序,如何在浏览器图标中创建开/关切换?
【发布时间】:2012-03-24 12:04:47
【问题描述】:

例如,当您点击下拉菜单中的浏览器图标时,Adblock 会有一个“关闭”选项。

我希望用户能够打开/关闭我的域扩展,而不必禁用它来关闭它。

另一种选择是在网页布局上放置一个静态按钮,然后打开/关闭扩展或样式表。

【问题讨论】:

    标签: google-chrome google-chrome-extension toggle


    【解决方案1】:

    您需要在扩展程序中添加“browser_action”。您在 manifest.json 中将其定义为详细的here

    在您的后台脚本/页面中使用 onClicked 事件监听器来根据用户点击禁用/启用应用程序。 您还可以使用相同的事件处理函数来更改浏览器操作图标或徽章文本,以向用户显示状态更改/当前状态。

    【讨论】:

    • 正是我需要的!但是..我需要帮助来实现这一点。我了解清单部分,但我需要帮助来添加 javascript 以定义不同的样式表,而不仅仅是单个 CSS。我有一个完整的样式表,我想在单击时在页面上运行,并在再次单击时将其关闭。
    • 具体来说,在示例中他们有这个:chrome.tabs.executeScript( null, {code:"document.body.style.background='red !important'"}); }); 但我需要做的是在该调用中定义一个包含在扩展中的 .css 样式表。
    • 我接受了这个答案,因为虽然你没有详细说明,但你给了我我要求的信息。我学到了一些东西。谢谢!
    • 要向网页添加样式表,请使用清单并将清单添加到“content_scripts”下。有关详细信息,请参阅here。要实现开关 - 如果 css 很小,一种简单的方法是将背景页面的开/关事件传递给内容脚本,然后从页面元素中添加/删除特定的类。您可以查看this answer 以获得关于此方法和其他方法的更好、更详细的说明。
    【解决方案2】:

    您可以尝试在弹出窗口中混合使用local storagetoggle,以及围绕您的代码的条件语句

    【讨论】:

      【解决方案3】:

      Abraham,您可以尝试使用这个 Chrome 扩展程序:

      链接:https://chrome.google.com/webstore/detail/niemebbfnfbjfojajlmnbiikmcpjkkja

      您可以使用它来快速启用/禁用所有扩展。

      我在这个网站上找到了这个扩展: http://www.addictivetips.com/internet-tips/disable-all-extensions-in-chrome-with-a-single-click/

      文章还提到了 2 个扩展,您可以使用它们通过 URL 框中的命令启用/禁用扩展(“启用 ”)

      【讨论】:

      • 虽然你提到了一些不错的扩展,但用户问的是如何在自己开发扩展的同时编写功能代码:)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多