在Chrome下使用User Scripts和豆瓣插件

首先要解决Chrome下使用User Scripts的问题。这个功能在Chrome 2中已经支持了,不过没有开启,要自己手动开启。这个教程很多,整理一段在这里:

1.安装最新的Chrome 2

以下是下载地址,随便挑一个吧:
http://download.tech.qq.com/soft/1/2/45974/index.shtml
http://www.google.com/intl/en/landing/chrome/beta/

2.切换Chrome到dev分支

下载chrome channel switcher即可,下载地址:
http://download.pchome.net/internet/browser/companions/detail-142198-0.html

提示:如果切换到dev版本后不稳定(目前为止,我这里还没出现过异常情况),还可以通过这个方式切换回来。

3.建立User Scripts文件夹

一些让你目瞪口呆的JavaScript应用

Google Chrome凭借其强大的V8引擎,让我们有机会领略异常惊人的JavaScript应用,领略JavaScript的超级魅力!点击这里进入Chrome实验网站,体验JavaScript的炫酷

注:尽管Firefox也能看,但是效果远远没有Chrome流畅,因此,如果你想看,最好装上一个Google Chrome,很好用的。Chrome的下载页面:http://www.google.com/chrome

另外,Google Chrome开始支持扩展,尽管其第一个插件仅仅只能更改Google主页的Logo,但是其意义绝远不止于此。

如果你有兴趣开发Google Chrome的插件,可以参考这里的文档。…

Mootools在Chrome下奇怪的表现

写了个在页面中点击小图查看大图的功能,应用到了我的blog上,效果可以点一下我前一篇日志中的图。本来在Firefox和IE下都跑得挺好的,可惜我也比较喜欢用Chrome,于是用Chrome看了一下,结果却发现很奇怪的现象:先是两个不同对象的动画效果会混乱,好不容易调好了结果却发现大图的尺寸也乱了……

先是动画效果的问题,两个不同的Element,均使用MooTools封装后的Element对象的morph方法,代码如下:

// 背景层的动画
this._overlayer.morph({ 'opacity': [0, 0.8] });
// 图片的动画
this._imagelayer.morph({
    'left': ex, 
    'top': ey, 
    'width': size.width, 
    'height': size.height, 
    'padding': 8 
});

代码中并没有想要改变this._overlayer宽和高,结果却是this._imagelayer出不来了,this._overlayer的宽和高却变成了图片的宽和高,想想应该是把morph对象弄混了。于是试试给this._imagelayer新new了一个Fx.Morph对象,这样子:…

Chrome浏览器的一个不小的bug

今天在玩JavaScript的语法高亮,弄得差不多了在Firefox 3和IE 7下都正常了,最后想看看Chrome下是不是正常,结果打开我的测试页面,除了在前面的一部分文字显示出来以外,页面剩余部分居然是一片空白!

很诡异的用chrome打开源代码看(因为有语法高亮,很容易知道问题出在哪),结果很明显,我的js中有这么一句:

this.ignore = '<!--';

在源代码查看器中显示,Chrome从这个注释字符串开始,把后面的都当成注释了,偏偏我后面的js里面还有这么一行:

this.commentOff = '-->';

由于这一段js被chrome认为是注释,以致页面不能正常解析,所以这个字符串前面的HTML代码能够正常工作,而这个后面的就不行了……

不过有一个解决办法,就是把这段js写在外部文件中就没这个问题了^_^…

原来Chrome支持::selection样式表设置

这个是用来设置被选择文字的背景色和文字颜色(就是文字高亮时的样子),例如:

Chrome支持::selection,Firefox是支持::-moz-selection,IE就啥都不支持了,不过这两个样式要分开写,像这样:

::selection{
    color:#f0d000;
    background-color:#0f581a;
}
::-moz-selection{
    color:#f0d000;
    background-color:#0f581a;
}

快有何用,Chrome不认自家东西?

最近继续用Google Reader,看到好的blog还是会继续添加RSS到Google Reader,用Chrome的时候才发现这个怪事,自家人不认自家人了:

第一步:点这个按钮:

第二步:添加到Google Reader,注意URL的参数也是正确的:

第三步:Failed了……这个时候的参数还是正确的:

这几步在Firefox下却没有任何问题,看来仅仅只有速度还不行啊,也要保证可用性才好。…

同时用两个浏览器的烦恼

Google浏览器Chrome和Firefox 3都比较喜欢用,经常是随便点一个,打开就用。于是我经常忘记自己用的是哪个浏览器,因为我很少输入网址,基本上都是靠链接一页一页地翻。看网页的时候很少有使用键盘的时候,于是麻烦跟着来了,因为我喜欢用右键菜单(我实在是很害怕网页在本窗口中打开,除非我确认当前页再也没有我感兴趣的链接了),而Chrome和Firefox在右键菜单上两个项目的先后位置有一点点差别,于是我一不小心就点错了,我点菜单的时候不会去看上面写的什么字,而是依靠我印象中的位置:

Firefox和Chrome都提供了在新标签(Open in New Tab)和新窗口(Open in New Window)中打开的功能,在Firefox中,它把在新标签中打开放在了第二个,而Chrome则放在了第一个,但是,在对于支持多Tab浏览器来说,Open in New Tab是不是用得更多一些呢?

IE也是把“Open …

Google浏览器Chrome试用(多图)

初看Chrome的界面,实在是太简陋了,甚至可以说有点丑,不过这也符合Google的一贯风格,简洁。看了这界面,貌似也没有特别的功能,本来没准备安装的,直到看了这一系列的漫画,其中有介绍说Chrome是每个Tab一个进程,当一个Tab崩溃的时候,不会导致整个浏览器崩溃,而且可以完全回收该Tab所占用的内存,这一点比Firefox可是强多了,不必每次用浏览器用久了就需要重启一下浏览器,以清理内存。于是决定装了,不过据观察,貌似这一点IE 8已经做了,在试用IE 8的过程中,浏览器经常停止工作,但是实际上IE 8仍然可以继续用,而当某个Tab崩溃的时候,IE 8还能够自动恢复这个Tab,有此看来,Firefox需要加油了!

主界面,的确很简洁,我很喜欢:

是否保存密码,和IE 8、Firefox 3一样:

插件支持,号称支持包括Flash、Acrobat Reader、Java、Windows Media Player、Real…