标签：javascript jquery google-chrome google-chrome-extension

我的问题很简单,我只是想弄清楚最简单的方法.

我的chrome扩展的当前迭代使用按钮将DIV注入到网页中,当按下该按钮时,将执行一个功能.

我想在不注入DIV的情况下执行此操作,方法是在工具栏中按下浏览器按钮时在我的一个内容脚本中执行一个函数.最简单的方法是什么？我相信我必须使用背景页面,我在文档中看到的唯一一件事就是在两端注册一些监听事件.如果这是唯一/最简单的方法,我该怎么做呢？

解决方法:

是的,使用在后台脚本和内容脚本之间来回发送的消息来完成从浏览器或页面操作按钮联系内容脚本

第一步：告诉后台脚本如何在browserAction / pageAction按钮上单击

chrome.browserAction.onClicked.addListener(function(tab) {
   ...
});

第2步：在browserAction.onClicked事件监听器内,您可以向内容脚本发送消息(实际上是对任何代码进行监听！)：

chrome.tabs.sendMessage(tab.id, {<YOURMESSAGEPAYLOAD>});

步骤3：在内容脚本中,为传入消息添加侦听器

chrome.runtime.onMessage.addListener(function(request, sender, callback) {
   // request contains the YOURMESSAGEPAYLOAD sent above as a Javascript object literal
});

您也可以反过来使用内容脚本中的以下内容将消息从内容脚本发送到后台脚本

chrome.runtime.sendMessage({<YOURMESSAGEPAYLOAD>});

然后以与上面提到的相同的方式在后台脚本中使用onMessage监听器.

标签：javascript,jquery,google-chrome,google-chrome-extension
来源： https://codeday.me/bug/20191007/1866121.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。