创建您自己的浏览器扩展:将您的触角延伸至Chrome

开始之前

对于本文,您需要下载和安装 Google Chrome V19 或更高版本(本文示例是基于 V19 的 )。您也需要一些可以编辑 HTML、CSS 和 JavaScript 的工具。如果您有使用 Chrome 或者 Chrome 扩展的 经验将会很有帮助的。花一点时间浏览 Chrome Web Store。看看提供的扩展并先行试用一番,这将为本文提 供一些相关背景。

为什么构建浏览器扩展?

您想要构建一个浏览器扩展有几个原因,浏览器扩 展的常见应用是在一个浏览器和另一应用程序或服务之间创建一个交互。Evernote、1Password 和 Adobe Shadow 都是这样做的,就像许多其他扩展一样。或者,您想要将一些新功能添加到缺乏该功能的浏览器,通 过添加开发人员工具或者屏幕截图实用程序即可。有些开发人员编写具有专门用途的扩展,如体育得分追踪器 、特定网站增强和天气预报等。人们可以使用扩展做很多不同事情。您要做什么呢?

要构建什么扩展 ?

要在 Chrome 中演示构建扩展流程,需要编写一个名为 Gawkblocker 的扩展。Gawkblocker 将允许 您锁定某些您出于各种原因试图不去访问的域。Gawkblocker 包含以下组件:

一个弹出窗口(显示您将要锁定的域)

一个可见浏览器图标(扩展入口点)

一个选项页面(配置您想要锁定以及您想要访问的域)

一般来说,Gawkblocker 将为每个选项卡或窗口附加一个监听器,当选项卡 URL 发生变化时,扩展将比较 URL 和锁定域列表。如果 URL 与一个锁定域匹配,请求将被重定向到一个扩展页面(参见 图 1)。

图 1. Gawkblocker 扩展

时间: 2024-11-18 12:23:42

创建您自己的浏览器扩展:将您的触角延伸至Chrome的相关文章

谷歌Chrome浏览器扩展程序开发小记_javascript技巧

根据公司的规定,每月八小时,弹性工作制.所以大家平时来的不太准时,如果有事,下班也就早些回去了.所以一个月下来工作时间可能不够,但是公司的考勤日历是这样的: 除了请假和法定节假日外,其他样式显示都是一样的,每次都要一个个估算这个月的大概工作时间,十分不方便.后来看到公司有人在用一个Chrome扩展程序,可以计算出一个月的工作时间,但是我觉得还是没有看到我想看的东西,因为除了每个月的累计工作时间外,我还想看到:平均每天工作时长.每一天的工作时长.20点以后的天数(20点以后下班的可以报销晚饭的,哈

Firefox(火狐)浏览器扩展开发初探

        最近开发一个FF的扩展,自动完成公司的订餐操作,主要完成的功能很简单:登陆网站,执行一个特定操作,并在ff的状态栏内显示执行的成功或者失败的状态.以前没有写过FF扩展,需要从头学习,在完成这个扩展过程中,有些收获记录下来,一方面自己记录,另一方面也方便有此需求的同学.在整个开发过程中碰到一些问题,也走了一些弯路,希望对其他同学有所帮助.         由于是第一开发FF扩展,没什么经验,所以,第一步先去搜索些关于FF插件开发的文档.先几乎把所有关于FF插件开发的中文文档看个边,

Chrome(谷歌)浏览器扩展开发初探

        FF(火狐)浏览器插件已经完成了,确实也很好用,但是有些同学不习惯使用ff浏览器,喜欢使用谷歌浏览器,点击这里查看上篇问题.那么我们就开发一个chrome的扩展,实现订餐功能.         在FF浏览器扩展中,我们使用xul定义FF的界面,使用javascript实现处理逻辑,在谷歌浏览器中,我们同样不需要学习activeX,也不需要学习com,只是使用html和javascript即可实现开发谷歌浏览器扩展的功能,只是为了简单起见,我们这次手动点击按钮,出发订餐操作.   

JavaScript开发Chrome浏览器扩展程序UI的教程_javascript技巧

基本知识 1.插件文件结构 1.1.manifest.json每一个扩展.可安装的WebApp.皮肤,都有一个JSON格式的manifest文件,里面存放重要的插件相关信息. 一个最基本的配置例子: { "name": "browser action demo", "version": "1.0", "permissions": [ "tabs", "http://*/*&qu

Skyfire推出国际版Horizon Android移动浏览器扩展

对于那些想要在Android设备上体验Skyfire带来的个性化互联网体验的人们来说,这里有个好消息.在被Opera以1.55亿美元收购之后,Skyfire发布了Horizon移动浏览器扩展的一个国际版本.该扩展可添加至Android移动浏览器,并为之带来一系列服务的快照,尤其是社交网络.对用户来说,这样可以更方便:但是对于运营商来说,这也是个预加载特色内容.广告.客服链接等项目的好机会. Skyfire表示,Horizon现已被"两家位于美国的一级运营商"所采用,而本次发布(7.0版

浏览器扩展如何备份还原

  Chrome扩展的备份还原 谷歌浏览器作为现在非常常见的一款浏览器,在其应用商店里面拥有大量的功能扩展可以选择,所以首先我们就来看看它是如何进行扩展的备份和还原的. 启动运行安装的谷歌浏览器,在地址栏输入"chrome://version/"参数命令后按下回车键,就可以看到当前浏览器的相关信息.在出现的信息窗口中找到"个人资料路径"这个选项,它后面可以看到一个完整的路径信息(图1).接着将这个路径信息复制下来后,粘贴到资源管理器的地址栏中,按下回车键就可以打开存

Edge浏览器扩展将于2016夏推出 Insider成员率先使用

  如果消息属实,Windows Insider会员可能在2015年底或2016年初收到带有Edge浏览器扩展程序的Win10预览版推送.不过这一切仅为猜测,因为微软尚未公布任何相关消息. Edge浏览器扩展程序是微软为这款全新产品配备的"重量级"功能,据说可以整体移植Chrome等浏览器的扩展程序.微软方面表示,使用诸如JavaScript和HTML等通用Web技术的开发者,为其他Modern浏览器开发的扩展程序都将可以应用到Edge浏览器中,这一过程只需将代码做细微改动,甚至无需任

IE(微软)浏览器扩展开发初探

         最近开发浏览器插件有点上瘾,先开发了一个FF(火狐)浏览器插件,后来又开发了一个谷歌浏览器的插件,还是不觉得不过瘾,这次要尝试开发一个粗糙的IE浏览器插件,最终实现在一键实现订餐,一键取消订餐操作.          凡事知道就好做了,只是这次走了些弯路.网上只要提到IE插件开发的无不提到Com,BHO等等概念,为此我还下载了vs2010,安装platform sdk,并到codeproject下载N个例子进行研究,虽然已经好几年不用vs2010了,也不曾在写com了,还好有点

浏览器扩展系列————透明浏览器窗口的实现

原文:浏览器扩展系列----透明浏览器窗口的实现 首先先看一下效果图:     本实现是基于WPF,VS版本2008 SP1.     先说一下在Winform中的实现方法:很简单通过设置窗体的opacity来实现,或者还可以设置TransparentKey来实现某种颜色透明.但是在WPF中则如何实现呢? 通过设置窗体的opacity,那么得到结果就是webbrowser整体消失了.因为这里面涉及到WPF中"空域"的问题,相关的文章如下: http://blogs.msdn.com/c