Posts tagged: chrome

编写Packaged App

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

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

创建Chrome Web app

编写了一个Chrome下使用的Web app。效果如下: 点击这个应用,就可访问我的博客。 看起来这很类似一个书签。其实有它特殊的好处,直接访问网站,程序无法自动获取HTML5的权限,比如存储限制。安装应用,相当于安装了一个配置文件,浏览器将打开必要的权限。 如果你也使用Chrome,可以通过这里下载安装。 开发这样的应用并不难,过程类似以前开发Chrome扩展(编写最简单的chrome扩展)。 日志引用编写Packaged App    发送文章为PDF   

星期三 十月 19th, 2011 in , , , , , , | 1 Comment »

模拟移动设备浏览器的3种方式

目前开发中,需要借鉴一些做的比较好的网站,这些网站的网页是在移动设备上展示的,用桌面浏览器无法看到。 这里列出3种办法,不全面,只是我现在用到的。这些方法的基本思路是通过设置HTTP头来“欺骗”服务器,让它给出适合移动设备的响应HTML内容。 Chrome加参数 可以使用Chrome浏览器,通过命令行执行,增加一些参数,来模拟指定移动设备。 可以参见这篇文章:http://luckerme.com/archives/903.html 我用的是Mac,这里启动Chrome的命令是: open /Applications/Google\ Chrome.app  –args -user-agent="Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10" 测试了一下:http://ipad.qq.com,正常显示: 能正常显示使用。另外,如果要调整窗口大小,匹配移动设备的分辨率。需要下载插件web developer:    发送文章为PDF   

星期四 十月 13th, 2011 in , , , , , | 2 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 »

chrome扩展编写加载页面时显示警告对话框

这是一个很简单的示例,但是可以说明使用chrome extension的content script。 效果很简单,无论通过chrome浏览器打开什么网站,都会在页面加载完成后弹出一个警告对话框。如图: 这个插件很简单,首先需要创建一个目录,在任意地方。 日志引用通过content script改变web页面    发送文章为PDF   

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

编写最简单的chrome扩展

编写的扩展,类似这样: 在浏览器的地址栏部分,多了个扩展的图标,点击后出现这样的一个页面。 这个简单的扩展,是按照: code.google.com/chrome/extensions/getstarted.html 写的一个最简单的示例。 日志引用创建Chrome Web app    发送文章为PDF   

星期五 四月 16th, 2010 in , , | No Comments »

在ubuntu下安装chromium

chromium是chrome的开源版本。在Linux环境下只有这个。ubuntu下的安装,见: http://www.ubuntugeek.com/install-chromium-google-chrome-web-browser-in-ubuntu.html    发送文章为PDF   

星期三 十二月 2nd, 2009 in , , | No Comments »