问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

CHROME扩展笔记之页面更新监听

更新时间:2021-09-22 11:07 作者:slongzhang_点击:

注意使用chrome.tabs.onUpdated.addListener需要在manifest.json声明tabs权限
permissions: [‘tabs’]
并且需要重新加载插件,如重新加载还是无法生效,请移除插件重新导入

/**
* 监听tab页面变化(用于处理页面logo问题)
*/
chrome.tabs.onUpdated.addListener(function(tabId,changeInfo,tab){
	if( changeInfo.url == undefined){return false;}
	// 检查是否是wish页面的tab
	if(tab.url.indexOf('pinterest.com') > 0){
		// 通知对应的tab页面url变化了,需要优化为离开立即移除,进入则加载完毕再添加
		if (tab.status === 'loading'){
		chrome.tabs.sendMessage(tabId,{type:'tabUpdate', tab:tab}, function(response)
		{
			console.log('来自content的回复:'+response);
		});
		}
	}
});

script_content接收

/**
* 接收后台发给content-script的消息
* 
*/
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse)
{
    if(request.type == 'tabUpdate'){
    	// GhandleInject_tabUpdate 自定义的一个函数,如果有定义这个函数则执行该函数,如果没有则不处理
        typeof(GhandleInject_tabUpdate) == 'function' && GhandleInject_tabUpdate();
    }
    // sendResponse('我收到了你的消息!');
});
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容