存档

文章标签 ‘插件’

【转】谷歌推的IE插件Chrome Frame试用体验

2010年1月27日 IT北瓜 没有评论

本文转自:【原创】谷歌推的IE插件Chrome Frame试用体验 原文作者:补天

前几天出了个新闻,谷歌发布了IE插件,这种事情之前真是闻所未闻啊,(相关新闻:Google发布浏览器插件,将IE变为Chrome),今天微软发布了个软文,称用了这个谷歌开发的Chrome Frame插件,系统会变的不安全(相关新闻:微软声称Chrome Frame让IE很不安全)。
是不是真的用了Chrome Frame之后系统会变的不安全,我也说不好,不过我相信谷歌的技术力量和持续升级的能力。我先把我安装了这个插件之后的体验给大家整理一下吧。
首先,下载并安装Chrome Frame插件,安装之后,系统没有任何反应,当然实时监控的软件会提示加载,但是重新打开IE并没有任何区别。
于是我重新打开自己的新补天网,朦胧中,感觉速度变快了。呵呵,直觉告诉我,其实这一切都是幻觉。
呵呵,好吧,要验证一下:
上网找到一个可以对浏览器执行脚本的能力进行测试的网站
SunSpider JavaScript Benchmark (点击后直接开始测试)
我首先用的是谷歌的Chrome3.0正式版。


耐心等待之后,可以看到谷歌Chrome3的javascript测速结果。
Total: 1264.6ms
完整的Chrome3 测速结果在这里
下面对我的IE进行测试

刚一开始进行测试,我就很崩溃,呵呵 果然之前感觉速度变快了只是YY而已。
喝杯茶吧。
等了很久之后,结果出来了。
Total: 84433.2ms
完整的IE 测速结果在这里
对了,忘记说了,我的IE是XP系统自带的IE6,没有经过升级,因为IE7的运行速度实在让我无法接受。
IE8这种高档货我也还是不碰的好。
看到结果没有,Total: 1264.6ms  VS Total: 84433.2ms
Chrome3 运行Javascript的速度比IE快66倍。无语吧。这就是Chrome V8脚本引擎牛逼所在。

好了,回到主题,这个Chrome Frame插件究竟怎么用呢。还是仔细看看使用说明吧。
http://code.google.com/intl/zh-CN/chrome/chromeframe/developers_guide.html
原来是自己太想当然了,呵呵。

要想把Chrome Frame插件用起来,把IE浏览器就当做个壳子,其实只需要在网址前面加上“cf:”就可以了。

比如,我原来访问补天论坛 是:
http://bbs.butian.org
那么现在我调用Chrome Frame插件之后,访问的地址就是:
cf:http://bbs.butian.org
注意 “cf:”和“http://”需要同时存在。
下面我用IE加载插件之后,再进行一次脚本测速试试。

哈哈,果然很爽。

测试结果 Total: 1308.2ms
完整的IE使用Chrome Frame插件后测速结果在这里
果然速度已经和Chrome3的速度差不多了。
再接下来就是如何更好的使用这个插件了。由于我的习惯还是更多的用IE内核的浏览器,
主要还是考虑到大量网站的兼容性问题,尤其是网上银行等应用。
如果不考虑这点的话,想访问所有网站都是用Chrome内核IE的门面,那完全可以在注册表里面
HKEY_CURRENT_USER\Software\Google\ChromeFrame\OptInUrls
添加一个字符串值,名字叫星号 *

这样设置过之后,在访问所有网站的时候,都不需要在地址前面添加cf:标示了。

不过我个人还是比较喜欢,用我比较顺手的浏览器,然后把一些常用的Google apps应用,前面直接添加标示来访问。

这样,速度也快了,使用习惯也保留了,很方便啊。


另外,比如我是站长,我想让我的用户访问我的网站的时候,都能够用Chrome Frame插件加速,

那我可以在我的网页代码里面添加一句。
<meta http-equiv="X-UA-Compatible" content="chrome=1">
很简单吧。

如果想让别人访问我的网站的时候,自动提示安装Chrome Frame插件
那可以添加以下代码:
<body>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>
<div id="placeholder"></div>
<script>
CFInstall.check({
    node: "placeholder",
    destination: "http://www.waikiki.com"
  });
</script>
</body>
呵呵,不知道那一天的到来需要多久,如果想持续关注的朋友,还是经常去看看官方网站吧。
好了,我呢,之前跟朋友们推荐这个插件,现在呢,算是把我的体验过程记录下来给大家一起分享。
祝大家玩的愉快。

今天用jQuery UI.Layout Plug-in做的后台管理界面

2009年9月22日 IT北瓜 61 条评论

jQuery UI.Layout Plug-in是jQuery世界中少有的布局插件中做得最好的一个,该插件可以用少量代码实现类似Extjs的界面布局。今天用这个插件做了一个后台界面,自我感觉效果还可以,⊙﹏⊙,leeo我不懂美工,所以就将就着吧,亮个相:

点这里查看原图

2009年10月28日0:29:13:整理源代码

之前说过有时间会把这个框架的代码整理发布出来,可是由于有些忙,其实也是比较懒,哈哈。。。所以一直没有花时间去整理,今天又有访客问我要源码,也觉得不好意思再拖了,说过的话还是要算数的,于是今晚整理出来给大家,由于要从整个后台框架抽取出来同时还要转化为静态页面的方式进行模拟,所以还是花了不少时间的。。。

点击这里看演示页面

点击这里下载源代码

部分人反应说源代码下载不了,现在提供另一个下载地址:

从RayFile下载源代码

通过meebo与来自捷克的macek关于niceTitle的一次谈话

2009年9月18日 IT北瓜 1 条评论

自2009年9月11日为IT北瓜安上即时聊天工具meebo(见文章:停用SMCF插件启用Meebo即时聊天)一周以来,没人通过meebo给我留言,⊙﹏⊙b汗。今天下午突然meebo客户端提示有人给我留言,一看还是英文内容,有点意外,于是进入meebo一探究竟。真的一时有点没反应过来,因为我的英语水平实在是so pool!谈话中得知他是来自捷克的macek,问我关于niceTitle的事情。他说喜欢我写的jQuery niceTitle plugin,但是该插件对于input标签无效。我告诉他由于input标签没有href属性,所以这个插件现在是无法对input标签实现niceTitle效果的,但可以通过简单的改写一下代码来实现,具体做法如下:

将45行的

this.tmpHref = this.href;

修改为

this.tmpHref = "";

将55行的

this.tmpHref = (this.tmpHref.length > _length ? this.tmpHref.toString().substring(0,_length) + "..." : this.tmpHref);

修改为

this.tmpHref = "";

然后这用调用插件就可以实现input的niceTitle提示效果

$("input").niceTitle();

不过这只是暂时的解决方法,很感谢macek提出的建议,我会在插件的下一个版本实现相关功能,让插件对拥有title属性的标签都能适用。

下面是我和macek本次交谈的内容,我想macek大概明白的那点难登大雅之堂的英文想表达的意思,O(∩_∩)O哈哈~

使用Auto HighSlide代替Highslide4WP

2009年9月11日 IT北瓜 3 条评论

其实一直很喜欢mg12Highslide4WP,但是直接在WordPress后台撰写日志感觉比较麻烦,Highslide4WP的插入图片的操作也比较繁琐,所以现在一直用Windows live writer来写日志。不过有得必有失,这样一来,插入图片就没有Highslide特效了。不过我想既然有需求那就应该会有供应的,本来还想自己用jQuery写一个js文件来绑定onclick事件条用Highslide4WP插件,但后来想想这样也不是很方便,况且自己不懂php。结果通过Google搜索到了Showfom的这款插件Auto HighSlide,其中介绍说到这款插件是“Highslide4WP的精简加强版”,但这两款插件不能同时使用。于是停用了Highslide4WP而使用Auto HighSlide,效果如下:

点击前图片显示:

点击后图片显示:

这样不但以后写的日志可以有Highslide特效,以前写的日志同样也有,这款插件也支持键盘方向键操作,很不错,(*^__^*) 嘻嘻……