Entries Tagged ‘google’:

Google Docs Ctrl + C 技术浅析

用 google docs 打开 pdf 文件,选中文本:

表面上没有任何有趣的地方。但仔细一看,会发现选区的颜色是浅蓝色,而不是默认蓝。第一直觉是是有什么特殊的 CSS 属性,立马 firebug:

不看不知道,一看真蹊跷。selection-highlight 是选区,选区下面是一张图片 page-image!
于是立刻发现一个非常牛逼的特性:Ctrl + C 可以复制图片中的文字!

google 太强悍了,好在前端代码都是开源的,下面简单分析下。 阅读全文 »

Tags: ,

Closure Compiler vs. YUICompressor

Google Closure Compiler 挺让人心动。昨晚试用了一把,与 YUICompressor 的对比如下:

下载 DOS 脚本包:downloads list

Tags: , , , ,

google.com 首页代码分析

机缘巧合,对 google.com 的首页代码产生了浓厚兴趣。一点“分析”,杂记如下:

不同浏览器推送不同代码

google_src_diff.png

上图是在不同浏览器下,保存的 google 首页代码。
注意:文件大小是经过 IntelliJ IDEA 格式化处理后的大小。

其中 Chrome 和 Safari 的代码是一样的,Opera 仅仅一个 js 函数的写法与 Chrome 不同 阅读全文 »

Tags:

从谷歌的一个Bug说起,谈谈键盘事件的兼容性

点击小图看大图

右图是谷歌首页,当输入某个词时,会弹出自动补全提示。功能并不复杂,但到要兼容各个浏览器,谷歌为此可能花费了不少功夫。然而完美实在是很难得,仔细测试可以发现一个处理得不妥的Bug:

除了Ctrl+X/C/V,Ctrl+Z/Y也是经常使用的快捷键。在Firefox/Safari/Opera中访问谷歌,一切都很正常。但当我们打开IE浏览谷歌时,Ctrl+Z/Y不起作用了。在当今特别是中国,IE是份量最重的浏览器,谷歌首页有此问题,完全可以归为一个Bug.

这个Bug究竟是怎么引起的呢?为了进一步讨论,我们先来看看各个浏览器下,当输入法开启和未开启时,对键盘等事件的响应情况。

猛击查看 JavaScript键盘事件测试小结

通过上面这篇测试小结,我们可以看出,要实现谷歌的自动补全功能并不是 阅读全文 »

Tags: , ,