`

chrome扩展 检测页签变化之onUpdated

阅读更多
做了一个功能,要根据chrome的当前页签tab的变化来执行一段代码

查看api,找到了下面这个方法

chrome.tabs.onUpdated.addListener(function(tabId,changeInfo,tab) {
  var url = tab.url;
  alert(url);
});


但是在程序运行的时候(在地址栏输入地址触发这个事件)发现,每次他都运行两遍里面的代码,于是猜想是不是状态变化了两次

试着alert下 changeInfo.status
果然有两次输出,一个是 loading 一个是 complete

加了一个if判断,问题解决




分享到:
评论
2 楼 hotsunshine 2013-09-03  
Jackroyal 写道
谢了 正在为这个问题纠结

客气
1 楼 Jackroyal 2013-09-03  
谢了 正在为这个问题纠结

相关推荐

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

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

    chrome标签页自动轮播

    Chrome浏览器的标签页自动轮播功能是一种创新的浏览体验,它允许用户设定浏览器标签页在一段时间内自动切换,从而无需手动切换就能查看不同的网页。这种功能对于需要同时关注多个页面的用户尤其有用,例如监控多个...

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

    Chrome扩展通常由三个主要部分组成:背景页(Background)、弹出页面(Popup)和内容脚本(Content Script)。背景页负责监听浏览器和扩展的生命周期事件,以及扩展内部状态的持久化。弹出页面是用户点击扩展图标时...

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

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

    chrome扩展Charset.rar

    标题中的“Chrome扩展Charset.rar”指的是一个专门为Google Chrome浏览器设计的扩展程序,其主要功能是帮助用户解决在浏览网页时遇到的编码问题。这个压缩包包含了一个名为“Charset.crx”的文件,它是Chrome扩展的...

    Axure RP Chrome 0.6.4 Axure Chrome扩展插件

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

    Chrome扩展程序项目基础.zip

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

    chrome浏览器新标签页可以自定义启动页

    我们可以利用`chrome.tabs.onUpdated`事件监听新标签页的变化,当新标签页加载完成时,替换为我们的自定义页面。此外,JavaScript还可以用来存储和读取用户配置,比如保存用户的启动页URL,这可以通过Chrome的本地...

    Chrome扩展开发文档

    Chrome扩展开发文档是针对开发者提供的详细指南,内容覆盖了从开发流程到注意事项的各个方面。文档首先介绍了Chrome扩展的基本概念和构成元素,包括Manifest文件、HTML、CSS、JavaScript脚本、图片以及其他资源文件...

    Chrome扩展程序LiveReload.zip

    Chrome扩展程序LiveReload是一款强大的网页开发辅助工具,它主要用于提高前端开发者的工作效率。这款扩展程序在Chrome浏览器上运行,能够实现在代码修改后自动刷新页面,使得开发者无需手动刷新浏览器就能看到更新的...

    chrome扩展及应用开发

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

    Chrome扩展及应用开发-高清扫描-chrome插件开发必看

    例如,你可以监听`chrome.tabs.onUpdated`事件来在页面加载完成后执行某些操作。 最后,调试Chrome扩展也是开发者必须掌握的技能。你可以使用Chrome开发者工具中的“Extensions”面板来查看扩展日志、禁用/启用组件...

    vue devtools chrome扩展离线下载

    vue devtools chrome扩展离线下载

    迅雷chrome扩展 xl_plugin_chrome

    2. 智能识别:当用户访问包含可下载内容的网页时,迅雷Chrome扩展会自动检测并显示下载链接,方便用户一键开始下载。 3. 多任务管理:用户可以通过扩展的界面管理多个下载任务,包括暂停、恢复、删除等操作,同时...

Global site tag (gtag.js) - Google Analytics