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

不念不忘少年蓝@ 2022-11-27 12:16 389阅读 0赞

注意使用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 条评论，389人围观）

还没有评论，来说两句吧...

相关阅读

相关 chrome扩展控制popup页面动态切换

文章目录 1、通过控制元素的显示隐藏达到popup页面切换的效果 2、通过监听页面重新加载完成不同popup的切换 3、直接修改popup页面locat

妖狐艹你老母/ 2023年10月14日 09:02/ 0 赞/ 37 阅读

相关 chrome扩展开发之hello world

chrome扩展开发之hello world -------------------- 如需转载请标明出处：[http://blog.csdn.net/itas109

忘是亡心i/ 2023年01月19日 08:28/ 0 赞/ 256 阅读

相关 CHROME扩展笔记之获取网站根域名

/ 获取网站的根域名 / function getMainHost() { var key = 'author_'+Math.random()

梦里梦外;/ 2022年11月27日 12:17/ 0 赞/ 149 阅读

相关 CHROME扩展笔记之cookie监听与赋值

cookie监听与赋值操作需要manifest文件里声明权限，cookie 权限如下： { "permissions": [ "cookies", "

ゝ一世哀愁。/ 2022年11月27日 12:16/ 0 赞/ 263 阅读

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

注意使用chrome.tabs.onUpdated.addListener需要在manifest.json声明tabs权限 permissions: \[‘tabs’\]

不念不忘少年蓝@/ 2022年11月27日 12:16/ 0 赞/ 390 阅读

相关 CHROME扩展笔记之监听页面xhr请求

在页面头部加载完时立即注入下面代码，注入完成后如若有xhr请求就可以监听到了 ;(function () { if ( typeof window.Cus

桃扇骨/ 2022年11月27日 12:16/ 0 赞/ 617 阅读

相关 CHROME扩展笔记之拒绝unsafe-eval求值

开发插件选项页时由于引用了vue框架开发前端页面，导致拒绝eval求值问题 Uncaught EvalError: Refused to evaluate a string

你的名字/ 2022年11月10日 14:16/ 0 赞/ 770 阅读

相关 CHROME扩展笔记之webRequest·图片拦截

使用webRequest首先需要在manifest权限里声明,\[“webRequest”,“webRequestBlocking”,"以及监控的地址，如监控所有则：\: //

短命女/ 2022年11月01日 13:44/ 0 赞/ 266 阅读

相关 CHROME扩展笔记之chrome.alarms定时器的使用

chrome.alarms > 描述：使用 chrome.alarms API 安排代码周期性地或者在将来的指定时间运行。 > 可用版本：从 Chrome 22

小灰灰/ 2022年09月12日 09:54/ 0 赞/ 544 阅读

相关 chrome扩展-打造个性化的web页面

今天介绍一下如何开发一款简单的chrome插件 1. 什么是chrome插件 chrome插件也叫chrome扩展。其实chrome插件就是一个以chrome浏览器为宿

叁歲伎倆/ 2022年02月20日 10:45/ 0 赞/ 385 阅读