chrome插件开发:当background发送给front消息时报错(tabid错误)

(一)报错内容是:

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

(二)代码是这样::

chrome.tabs.query ({ }, function(tabs){
    chrome.tabs.sendMessage(tabs[0].id, {message:"calculate"}, function(response) {
		。。。。。
});  

百度搜索到的案例都是类似代码也是这样的。原因在于tabs[0]错误,不一定是tabs[0],有可能是tabs[1]或tabs[2]。。。

(三)解决办法是:填入正确的tab.id怎么获取对应的tab.id,答案如下:

chrome.extension.onMessage.addListener(
	function(request, sender, sendResponse) {
		//console.log('sender==>' + sender.id+'=>'+sender.tab.id  );//可以测试看看
		if( request != null && request.to == Request_TO_TmSearchPage ){//提交
			startLoadOrderYMX(  request  ,  sender.tab.id  );
		}
 });//end addListener

https://happytime.tmall.com/

另外chrome开发文档,可以参考:
http://open.chrome.360.cn/extension_dev/extension.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发一个Chrome插件来监听浏览器的交互,您可以按照以下步骤操作: 1. 创建一个新的文件夹,作为您的插件项目的根目录。 2. 在根目录中创建一个名为“manifest.json”的文件。这是Chrome插件的配置文件,其中包含插件的名称、版本、图标等信息。示例: ``` { "manifest_version": 2, "name": "My Extension", "version": "1.0", "description": "My Chrome Extension", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "permissions": ["tabs", "activeTab"] } ``` 3. 在根目录中创建一个名为“background.js”的文件。这是您的插件的后台脚本,用于监听浏览器的交互事件。示例: ``` chrome.runtime.onInstalled.addListener(function() { console.log("Extension installed"); }); chrome.tabs.onActivated.addListener(function(activeInfo) { console.log("Tab activated: " + activeInfo.tabId); }); chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { if (changeInfo.status == "complete") { console.log("Tab updated: " + tabId); } }); chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { console.log("Message received: " + message); }); ``` 4. 在Chrome浏览器中打开“扩展程序”页面(可以在地址栏中输入“chrome://extensions/”打开)。在页面右上角启用“开发者模式”。 5. 点击“加载已解压的扩展程序”,选择您的插件项目的根目录。 6. 您的插件现在已经加载,并在后台监听浏览器的交互事件。您可以在“background.js”中编写适当的代码来响应这些事件。 需要注意的是,您需要在“manifest.json”文件中声明必要的权限,例如“tabs”和“activeTab”,以便您的插件能够访问浏览器的标签页和活动标签页。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值