最近在写一个小东西,发现以前知道的一些小细节竟然忘记了,很多恍然大悟之后感觉很幼稚的东西还是挺打击人的,小记于此,便于查询
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.
分享到:
相关推荐
在.NET框架下的Windows Forms(Winform)开发中,创建一个高仿Chrome浏览器样式的Tab页控件是一项常见的需求。这个控件通常用于提供多页面浏览或切换的功能,以提升用户体验。"Winform 高仿 Chrome 的 Tab页控件...
总的来说,"chrome newtab扩展程序"涉及了Chrome扩展开发、前端编程、JavaScript事件处理、搜索引擎优化(SEO)等多个IT领域的知识。通过学习这些技能,开发者可以创造出更个性化、高效的浏览器体验,同时也能提升...
Chrome插件IETAB
CHROME扩展及应用开发 完整版.pdf
Chrome扩展可以使用一些高级特性来提升用户体验,例如使用事件页面来降低扩展对内存的占用,使用本地化处理多语言支持,利用本地存储、indexedDB或Chrome存储API来持久化数据,以及创建自定义UI元素来提供更丰富的...
在开发过程中,还需要注意Chrome的安全策略和权限设置,确保扩展在获取Ajax请求记录时不侵犯用户隐私,并遵循Chrome的扩展开发指南。 总之,Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能,它可以帮助...
Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...
JavaScript是实现扩展功能的关键,它可以访问Chrome API,如获取和修改DOM、监听用户事件、与后台脚本通信、存储用户数据等。例如,`chrome.storage`API用于持久化数据,`chrome.tabs`API用于操作标签页,`chrome....
"Chrome IE Tab 14.4.8.1" 是一款浏览器扩展,它允许用户在谷歌Chrome浏览器中模拟Internet Explorer(IE)的浏览环境。这个扩展对于那些需要使用仅在IE浏览器上运行的Web应用程序或者网站的用户来说非常有用。由于...
Chrome扩展及应用开发是针对谷歌浏览器(Chrome)的个性化增强技术,它允许用户根据自己的需求定制浏览器的功能,提高工作效率和浏览体验。通过学习并掌握这一技术,你可以创建出各种实用的插件,如网页工具栏、广告...
总的来说,开发“chrome插件 - tab页面切换插件”涉及到Chrome插件的基础知识,包括manifest.json配置、JavaScript脚本编写、事件监听、用户界面设计和性能优化。通过掌握这些技能,开发者能为用户提供更加便捷和...
chrome插件ie tab 解决chrome浏览器不能访问工行等网站的插件
可在Chrome内使用多标签页式的IE,同时比其它IE扩展拥有更多强大的实用功能! IE Tab Multi 的表现与原版IE是最相近的。 你可以不用再另外打开IE访问只能在IE中访问的网站并运行ActiveX控件。 这个扩展只支持Windows...
Chrome扩展是一种基于谷歌浏览器(Chrome)的插件,它能够增强和定制浏览器的功能,提供更加个性化的用户体验。这些扩展程序通常是由HTML、CSS和JavaScript等Web技术编写,并使用Chrome的API来实现与浏览器的交互。...
IE Tab 是一款针对Google Chrome浏览器开发的扩展,它使得用户能够在Chrome中模拟IE浏览器的行为,尤其是在处理那些只支持或最佳运行于IE内核的网页时。这个插件可以解决因浏览器兼容性问题导致的页面显示异常,提高...
Google Chrome插件: Dream After New Tab . 为chrome添加新标签页新样式, 并可以替代默认的chrome://newtab 离线插件使用方法: 1. 地址栏键入chrome://extensions/ 或者 自定义及控制按钮(右上角) -> 更多工具 -> ...
Chrome扩展程序开发是Web开发领域的一个重要组成部分,它允许开发者为Google Chrome浏览器创建自定义功能和增强用户体验。本文将深入探讨如何在Chrome扩展程序中运行本地JavaScript(JS)脚本,以此来理解这一核心...
标题中的"IE_Tab_for_Chrome-10.5.10.1"表明这是一个针对Google Chrome浏览器的扩展程序,版本号为10.5.10.1。这个扩展的主要功能是将Internet Explorer(IE)浏览器的功能集成到Chrome中,让用户在Chrome环境下也能...
【IE Tab CRX for Chrome】是一款专为谷歌浏览器(Chrome)设计的扩展程序,它允许用户在Chrome浏览器中以Internet Explorer(IE)内核来渲染网页。这在某些情况下非常有用,比如当某些网站只能在IE浏览器上正常运行...