你不得不知的Safari 4

文章首发：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]

可能最引入注目的新特性是你第一次启动浏览器出现在屏幕上的 "Top Sites"。 3D视图显示的是你最常用的网站，这样就会让你很容易开始你的浏览, 你打开一个新的标签页也一样会出现这个3D视图。在网站缩略图的右上角会有一个蓝色的星形来表示这个站点已经被更新。

Safari会自动安排哪些网站被放到网格里，但是你也可以自己控制。你可以从屏幕里移除一些站点，重新编排他们，并且如果你的浏览习惯会把一些常用的挤出去，那么你可以使用‘图钉’功能把它订在固定位置。你也可以改变缩略图的大小，如果你愿意还改变屏幕上显示的这些站点的数量。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

这个特性会让你联想到Google Chrome 和 Opera, 可以配置显示你的喜好。如果你希望显示一个具体的主页，你可以设置一个。它也可以设置为打开一个新的标签不显示top sites。

Tabs

就像Chrome一样，Safari 4的标签都位于窗口的顶部，并且也有窗口对接特性。你可以把一个标签页拿出来变成一个独立窗口，也可以把一个独立的窗口变为另一个窗口的标签页。可能你需要一段时间来适应新的标签界面，但是一旦你掌握窍门，那么你会得心应手。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

有一点不便的地方就是，重新排序标签页面的时候，必须拖动标签页右上角的部分，而不是按老方法来拖动标签页面的主体部分，那样会带动整个窗口。就我个人而言，我习惯于给我的标签页排序，所以这会阻碍我的效率，至少一段时间是如此。

Coverflow

苹果当然喜欢它的Coverflow了... Safari 4到处都是这样的效果。你的浏览器历史会显示两个Coverflow视图，并且书签功能也是这样的效果。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

这种导航方式出奇的好，尤其是全文搜索工具允许你东西缩小，这样可以很容易的挑出你想找的东西，当然，它看上去也很漂亮。

最新的Safari 测试版有几个搜索相关的改进。上述的全文历史搜索和书签可以让你非常快速准确的找到你要的页面。除了标题和网址以外，它还从一个内部缓存里搜索实际页面的内容。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

Google搜索框已经被改进，当你输入的时候会显示搜索建议，包括最近的查询。对于windows用户，还包含Yahoo搜索结果的选项。有用的回溯功能依然存在，提供一个简单的方法跳回到你的搜索结果。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

Speed

更新的渲染引擎非常快，JavaScript执行的也相当好。似乎比Google Chrome更快，但是没有更正规的速度测试。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

想Gmail和Bloglines这样的Web应用工作的相当好，没有任何除网络和服务器之外的问题。我还没有发现任何CSS和JavaScript问题。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

苹果声称Safari4在渲染HTML和JavaScript的执行的速度都在Chrome 和 Firefox 3 之上，IE就不用说了。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

Development Features

Safari 4为web开发人员内置了大量的有用功能。一个新的develop菜单，可以通过首选项激活。

其中功能之一就是Safari可以通过改变User Agent来伪装成多个你需要的浏览器，比如Internet Explorer, Firefox, Safari, Opera, Mobile Safari, 等。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

在Develop菜单里比较突出的功能是Web Inspector. 这个小窗口和Firefox最流行的扩展Firebug 相似. 你可以读取并且修改CSS信息，分析尺寸和加载时间，并且debug脚本。如果你做前端开发比较多，那么这整是你的需要的杀手级特性。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）

一个 "Snippet" 窗口可以迅速的测试你的HTML。你输入的标签都会显示在下方的框里。

Develop菜单也有许多选项来暂时禁用浏览器的功能，包括高速缓存，JavaScript, CSS, 图片. Safari已经成为一个强大的开发工具。

Next-Gen Features

Safari已经为未来的internet做好了准备，包括支持一些前沿的还没有实体标准的技术。HTML5离线支持是其中之一。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）数据能被缓存到本地SQL数据库里，当internet断线的时候可以访问，就像Google Gears。

CSS 3 "web fonts" 也支持的很好。（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）Safari能够正确识别指定字体，如果没有安装会下载它，使网页设计者有更多的可控性。

也支持HTML 5的media元素。该浏览器可以在没有外部媒体播放器帮助下处理某些音频和视频格式，就像处理图片一样。

Conclusion

Safari 4 是一个很好的浏览器，（如需转载请注明出处：[url]http://www.yeeyan.com/articles/view/blackanger/31372[/url]）是新的浏览器大战中的真正竞争对手。请记住，它仍然是一个测试版本，也有很多粗糙的地方，但这不是你不试用它的理由。它似乎很稳定 (在mac上是如此）并且还有很多有利特性。

你可以到这里下载 Safari 4 Beta . 不要忘记阅读特性列表。

你不得不知的Safari 4相关推荐

safari浏览器横屏怎么设置_iPhone手机Safari浏览器不能不知道的四个小技巧
原标题:iPhone手机Safari浏览器不能不知道的四个小技巧如何自动开启阅读模式 Safari 浏览器的"阅读视图"模式可以让页面更加纯粹,巧用该功能还能够实现屏蔽网页广告的 ...
一步一步玩控件：自定义TabControl——从山寨Safari开始
作者:野比 (conmajia@gmail.com) 时间:May, 2012 封面图片为野比原创,请勿未经允许私自引用 #1-1 嗯,各位,又是我,生物钟颠倒的家伙. 今天我要山寨的是大名鼎鼎的Ap ...
safari浏览器横屏怎么设置_Safari浏览器的几个小技巧你掌握了吗？
众所周知,Safari浏览器是iPhone中最好用的APP之一,功能十分丰富,而且操作十分便捷,那么Safari浏览器到底怎么使用才能更加快捷方便呢?那接下来就为大家介绍几个 Safari的实用小技巧 ...
ios开发跳转safari_阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
最近为了更好地接触移动Web 开发狠心购买了一台ipad mini(之前一直都是借同学的,借多了就不好意思了).拿来调试DeveMobile 与EaseMobile 主题时候发现了不少问题,现在在一 ...
苹果6怎样打开html,苹果iPhone的Safari浏览器使用技巧图解
大多数的 iPhone 用户们都是用的 iOS 系统自带的 Safari 浏览器,不过很多用户们对 Safari 浏览器却不是很熟悉,因为 Safari 毕竟没有国产浏览器这么动我们!这厢脚本之家 ...
ionic android绝对定位,Safari中的CSS故障与Ionicons作为背景内容和绝对定位
我创建了我的第一个使用SASS(Compass)的网站,我非常喜欢它,它是一个非常方便的工具.我还添加了Font Awesome,并经常使用它,因为我想优化Retina desiplays,因此使用更 ...
safari 浏览器提示添加到主屏幕_Safari浏览器的几个小技巧你掌握了吗？
众所周知,Safari浏览器是iPhone中最好用的APP之一,功能十分丰富,而且操作十分便捷,那么Safari浏览器到底怎么使用才能更加快捷方便呢?那接下来就为大家介绍几个 Safari的实用小技巧 ...
safari里的touch事件解析
为什么80%的码农都做不了架构师?>>> <!DOCTYPE html> <html><head><title>测试touch& ...
position: -webkit-sticky； /* for Safari */ position: sticky；
<div >Chrome杀了个回马枪</a><a href="javascript:">position:sticky简介</a>& ...

你不得不知的Safari 4

你不得不知的Safari 4相关推荐

最新文章

热门文章