`

chrome扩展 tab的onupdate事件

 
阅读更多
最近在写一个小东西,发现以前知道的一些小细节竟然忘记了,很多恍然大悟之后感觉很幼稚的东西还是挺打击人的,小记于此,便于查询

chrome的开发环境提供了tab的一系列监听事件其中一个是 onUpdate事件
https://developer.chrome.com/extensions/tabs.html#event-onUpdated
官方api的写法对我来讲还是有点迷惑性的,比如
chrome.tabs.onUpdated.addListener(function(integer tabId, object changeInfo, Tab tab) {...});

调用的时候,直接贴过去了。但是程序并没有反映,那是js出现了解析错误。原因在于它的参数,调用方法的时候,参数是不用声明类型的,如下才是正确:
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  alert(tabId);
});


重新载入扩展应用之后发现了这个alert运行了两次,究其原因,输出一下它的changeInfo看了一下它的status,原来是这个tab打开之后,有两个变化,一个是loading,一个是complate。

附录:changeInfo的内容如下
changeInfo ( object )
Lists the changes to the state of the tab that was updated.
status ( optional string )
The status of the tab. Can be either loading or complete.
pinned ( optional boolean )
The tab's new pinned state.
url ( optional string )
The tab's URL if it has changed.
分享到:
评论

相关推荐

    Winform 高仿 Chrome 的 Tab页控件

    在.NET框架下的Windows Forms(Winform)开发中,创建一个高仿Chrome浏览器样式的Tab页控件是一项常见的需求。这个控件通常用于提供多页面浏览或切换的功能,以提升用户体验。"Winform 高仿 Chrome 的 Tab页控件...

    chrome newtab扩展程序

    总的来说,"chrome newtab扩展程序"涉及了Chrome扩展开发、前端编程、JavaScript事件处理、搜索引擎优化(SEO)等多个IT领域的知识。通过学习这些技能,开发者可以创造出更个性化、高效的浏览器体验,同时也能提升...

    CHROME扩展及应用开发 完整版.pdf

    CHROME扩展及应用开发 完整版.pdf

    chrome扩展插件获取ajax请求记录

    在开发过程中,还需要注意Chrome的安全策略和权限设置,确保扩展在获取Ajax请求记录时不侵犯用户隐私,并遵循Chrome的扩展开发指南。 总之,Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能,它可以帮助...

    Chrome插件IETAB

    Chrome插件IETAB

    CHROME扩展及应用开发 PDF 带目录 高清完整版

    Chrome扩展可以使用一些高级特性来提升用户体验,例如使用事件页面来降低扩展对内存的占用,使用本地化处理多语言支持,利用本地存储、indexedDB或Chrome存储API来持久化数据,以及创建自定义UI元素来提供更丰富的...

    Chrome扩展程序项目基础.zip

    Chrome扩展程序,也被称为Chrome插件,是一种基于Google Chrome浏览器的增强工具,允许用户自定义浏览器功能并添加新的特性。这个“Chrome扩展程序项目基础.zip”文件提供了一个基础的插件开发框架,对于想要学习或...

    Axure RP Chrome 0.6.4 Axure Chrome扩展插件

    Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...

    chrome ie tab14.4.8.1

    "Chrome IE Tab 14.4.8.1" 是一款浏览器扩展,它允许用户在谷歌Chrome浏览器中模拟Internet Explorer(IE)的浏览环境。这个扩展对于那些需要使用仅在IE浏览器上运行的Web应用程序或者网站的用户来说非常有用。由于...

    chrome扩展及应用开发

    Chrome扩展及应用开发是针对谷歌浏览器(Chrome)的个性化增强技术,它允许用户根据自己的需求定制浏览器的功能,提高工作效率和浏览体验。通过学习并掌握这一技术,你可以创建出各种实用的插件,如网页工具栏、广告...

    chrome插件开发 - tab页面切换插件

    总的来说,开发“chrome插件 - tab页面切换插件”涉及到Chrome插件的基础知识,包括manifest.json配置、JavaScript脚本编写、事件监听、用户界面设计和性能优化。通过掌握这些技能,开发者能为用户提供更加便捷和...

    vue devtools chrome扩展离线下载

    vue devtools chrome扩展离线下载

    chrome插件ie tab

    chrome插件ie tab 解决chrome浏览器不能访问工行等网站的插件

    IE Tab Multi (Enhance) for Chrome 1.0.0.1离线安装包

    可在Chrome内使用多标签页式的IE,同时比其它IE扩展拥有更多强大的实用功能! IE Tab Multi 的表现与原版IE是最相近的。 你可以不用再另外打开IE访问只能在IE中访问的网站并运行ActiveX控件。 这个扩展只支持Windows...

    IE Tab Chrome 插件,切换IE内核

    IE Tab 是一款针对Google Chrome浏览器开发的扩展,它使得用户能够在Chrome中模拟IE浏览器的行为,尤其是在处理那些只支持或最佳运行于IE内核的网页时。这个插件可以解决因浏览器兼容性问题导致的页面显示异常,提高...

    Dream After New Tab for Chrome (谷歌浏览器新标签插件/扩展)

    Google Chrome插件: Dream After New Tab . 为chrome添加新标签页新样式, 并可以替代默认的chrome://newtab 离线插件使用方法: 1. 地址栏键入chrome://extensions/ 或者 自定义及控制按钮(右上角) -> 更多工具 -> ...

    IE_Tab_for_Chrome-10.5.10.1

    标题中的"IE_Tab_for_Chrome-10.5.10.1"表明这是一个针对Google Chrome浏览器的扩展程序,版本号为10.5.10.1。这个扩展的主要功能是将Internet Explorer(IE)浏览器的功能集成到Chrome中,让用户在Chrome环境下也能...

Global site tag (gtag.js) - Google Analytics