Posts tagged: chrome extensions

编写Packaged App

上文创建Chrome Web app编写了一个hosted app。如果在开发中测试,hosted app就很不方便,需要编写代码部署到服务器端才能测试和调试。 因此,本文尝试编写Packaged app,这样可以很容易的在本地调试和测试,直到需要和服务器端交互的时候再修改为hosted app。 编写了一个最简单的应用,安装后类似这样: 点击该应用的效果: 可以看到,地址栏是空的。    发送文章为PDF   

星期三 十月 19th, 2011 in , , , , , , , | No Comments »

编写mldonkey chrome扩展

firefox有mldonkey插件(参见使用mldonkey的firefox插件),这样,就可以在浏览verycd的时候,直接点击上面的ed2k连接,然后自动通过家里服务器(mldonkey server)通过电驴下载东西。 发现在chrome扩展中还没有好用的插件,有一个可能是国人写的,但是太简单了。我希望有一个和firefox插件类似的东西。 于是自己动手写了一个。目前还比较丑陋,但是已经可以类似firefox mldonkey插件那样工作了。 当点击ed2k链接后,会弹出小窗口提示已经加入下载。    发送文章为PDF   

星期三 四月 28th, 2010 in , , | 5 Comments »

content script能做什么

在通过content script选取HTML框内容的示例中,展示了content script的基本功能。 又在该示例上做了一些测试工作,比如是否可以获取到javascript生成的内容,答案是没问题。那么如果是ajax加载的数据呢,也没有问题。因为,content script和网页自身的javascript代码共享dom对象,虽然它们之间不能互相调用。 源代码见: http://easymorse.googlecode.com/svn/trunk/chrome.demo.dom.selector/ 这里也有一个简单的ajax示例,用于测试是否可以得到ajax动态改变的页面内容。 不过,在用本示例的扩展抓取比如qq web邮箱中的信件条目的时候,失效了。分析了一下原因,是因为qq web邮箱,用的是iframe,扩展中编写的代码只针对当前页面对象中的节点,没有考虑iframe中的节点。 时间原因,没有尝试做抓取iframe中节点,但,基本思路应该是,迭代各个iframe元素,然后监听它下面的所有元素,当鼠标进入时做啥等等。 总结一下: content script可以和其他javascript通过共享DOM实现一些受限的交互; content script可以和backgroud页面通过Message实现通信。    发送文章为PDF   

星期二 四月 27th, 2010 in , , | No Comments »

通过content script选取HTML框内容

在通过content script改变web页面中只是简单的增加灰色的边框,还不具有生产意义。这里提出一个需求,就是选取某个html框内的内容。那么需要让这个框是带灰色边框的,另外,双击这个框内区域,弹出警告对话框,并显示框内的html文本信息。类似这样: 日志引用content script能做什么    发送文章为PDF   

星期二 四月 27th, 2010 in , , | No Comments »

通过content script改变web页面

google chrome extension可以改变页面,通过content script来实现。 写了个特别简单的代码,可以看到google搜索的结果,所有div都增加了1个像素点的边框。 日志引用通过content script选取HTML框内容    发送文章为PDF   

星期一 四月 26th, 2010 in , , | No Comments »