新Safari和IE使用手札

平时做点小站子的需要,我常常要在各种浏览器上测试兼容性。常跑的有IE、FF、Safari和去年年末新增的Chrome。偶尔会加个Opera。最近各大浏览器厂商动作频繁,我也下了新版的IE8和Safari4(Beta)尝新。在此写点使用体会。

先谈谈Safari4。这是苹果公司的浏览器,号称全球最快。现在还是Beta版。我是从Safari3开始使用的,不过不常开。因为实在是太难看了。无论是苹果惯有的“现代灰”色调还是笨拙的黑体都充分说明这是一个从Mac平台向Windows移植的试验品。而且,由于默认字体的缘故,国内的网站没有几个与其兼容。其实用Safari3的时候,我也只用它开一个网站——苹果的官网。同样缘于苹果的专用字体,它的官网意料之中地与其兼容出奇的好,速度也是出奇地快。

下载到Safari4的Beta版,令我惊喜的是Windows版本“入乡随俗”地换了皮肤。看起来是更兼容了。它的字体显示做过调优,现在看起来和IE给我们的习惯没什么不同。速度当然还是一如既往地快。Safari4有两个不得不提的功能:电视幕墙的缩略图展示和整页放大能,这里的整页放大不同于一般的单纯文字放大,而是指整个页面连带着其中所有内嵌多媒体放大并保持原有的布局。前者体现了苹果公司一贯高超的艺术风格,后者则是真正的实用,而其中的反走样技术也展示了苹果雄厚的技术力量。

IE8,之前甚至没有下过Beta版,直接在发布那天下了正式版的来用。之前听说IE8是第一款微软“比较”规范的浏览器时就很期待。我想做过前台的人因为IE不符W3C规范一定没少受苦。我写CSS和js时就常常要为了IE做莫名巧妙的调整。烦不胜烦。下了IE8一看,果然……可是,这导致了另一个结果就是:我原来针对IE旧版本做的调整现在看来莫名其妙了……咳。不管它,点一下地址栏旁边的“兼容性视图”按钮,掩耳盗铃地骗自己说:布局正常,正常。
不约而同的,这两款浏览器的更新都添加了开发者工具。原来我只是在FF上装过一个FireBug来调试js。现在Safari和IE无疑提供了更完善更强大的功能。我也只是用到点皮毛的东西,不过确实实用,分享下。

Safari的Web Inspector中的Rescources。这是一个华丽丽的表格,上面显示了当前加载页面的所有资源,并用形象化了资源的大小和加载顺序以及加载花费时间。这对调试中控制一些页面缩略图的加载时间或控制js的加载顺序提供了很好的监控信息。

IE的开发人员工具的HTML和样式或样式跟踪。这个界面中左侧提供了HTML页面当前源码,右侧则是左侧高亮元素的样式单。我习惯看“样式”这个标签页,因为它会列出CSS的继承结构。这个窗口里删除线表示了被覆盖的样式,左侧的勾可选择是否的显示该样式,并可以在这个界面带来动态修改。很兴奋。有了这个,IE8简直就成为了一个可以即时查看效果的CSS编辑器!其实,Safari的Web Inspector也有这个功能,只是Safari是遵从W3C规范的乖乖虎,于是这个功能就不如它出现在桀骜不驯的IE上时来得重大。哈。

IE另外一个实用的小改进应该是右键查看源文件的功能。现在的查看源文件对代码进行了着色,显得更加清晰。而且,最重要的是左侧有了行数显示。呵呵,回想起以前还没用FireBug调试js时,每次IE提示js出错在第几行,还要查看源文件再复制全文去一个可以显示行数的地方找。极为不便。有了行数提示,追起一些简单js的错误就十分容易了。

当然他俩的新版本其他还有很多好玩的东东,比如两者都有的那个InPrivate的浏览,Safari那个滑动的历史记录和收藏夹。哈。而他们的其他技术性提升也是不少,比如我电脑上IE就不死了,即使跳出“……需要关闭”的错误框,我一点关闭,IE居然给我颤颤悠悠地修复了那个标签页。呵呵,就我个人观点而言,觉得这两个浏览器还是值得下载一试的。


2 Comments
  1. Posted 2009年04月6日 at 7:07 下午 | Permalink

    来踩下…

    最近一直在使用Chrome,以前用FF,IE是备用的~

    电脑浏览器太多啦~ 常用的也就这几款~ IE8真的不错~ 速度比早前版本快了不少~ 对CSS也更好的支持支持了~

    [回复]

  2. gigi
    Posted 2009年04月7日 at 8:57 下午 | Permalink

    咬手指。。。默默走开。。。

    [回复]