`

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插件IETAB

    Chrome插件IETAB

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

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

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

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

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

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

    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脚本编写、事件监听、用户界面设计和性能优化。通过掌握这些技能,开发者能为用户提供更加便捷和...

    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/ 或者 自定义及控制按钮(右上角) -> 更多工具 -> ...

    chrome扩展程序开发/chrome运行本地JS脚本

    Chrome扩展程序开发是Web开发领域的一个重要组成部分,它允许开发者为Google Chrome浏览器创建自定义功能和增强用户体验。本文将深入探讨如何在Chrome扩展程序中运行本地JavaScript(JS)脚本,以此来理解这一核心...

    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