移动Safari中内嵌页面的翻页方法

这是一个比较简单的技巧，熟悉的同学可以直接忽略掉. 我们在移动设备的Safari里面浏览某些网站时候会遇到一些页面内再内嵌网页的情况. 就是当前浏览的页面上有一部分内是另外一个页面. 比如如果在iPad上打开Google Reader以后用启用桌面模式的时候文章页面就是内嵌形式. 这时候如果你想看下面的文章的话发现用一只手指移动页面是外面的框架移动而不是框架内.

　　Safari是乔布斯在2003年的Macworld大会发布的，9年过去了，08年才发展起来的Chrome用了不到Safari一半的时间远远把Safari甩在了后面，这让Safari情何以堪. Chrome的市场份额从2008年的0%开始，发展到了现在的25%，而苹果的Safari似乎一直徘徊于5%-8%之间.

带有扩展的Safari浏览器终于来了，这意味着Firefox和Chrome终于迎来了新对手. 这就是苹果最新发布的带有5.0.1版本，新版不但带来了HTML5和CSS3以及JavaScript新标准支持，最重要的是Safari Extensions Gallery特性，首批为苹果制作扩展的厂商有MLB.com, The New York Times和Twitter、eBay等大户人家，扩展中心也可以通过访问extensions.apple.com抵达.

随着iPhone4s的发布，iOS5也正是发布了，增加了很多很有用的新特性，不过对于前端开发者来说，最关心的还是浏览器，让我们来看一下苹果为iOS5中的safari新增了哪些新特性吧. 终于支持position:fixed了；. 支持overflow:scroll了，通过-webkit-overflow-scrolling: touch;来实现： 1 2 3 4.

iOS6发布了beta版，其中包括了新版的Safari浏览器，增强了对HTML5的支持，我们来了解下吧~~. 目前，ios 5.1中safari在HTML5test.com的测试得分是324，而ios 6中safari的分数是360. 终于支持这个了，可以在浏览器中上传照片文件什么的了. 这个大家也期待已久了吧，不多解释.

浏览器作为用户迈入互联网的直接窗口，之间的竞争是可想而知的. Safari 作为苹果的御用浏览器，随着 Mac OS X Lion 的发布重获新生，目前经历了几个版本的迭代，拓展性上虽仍不如 Google Chrome ，但在 Mac OS 下，Safari 的稳定和速度，以及对整个生态圈各项服务的支持，体验早已今非昔比.

作为一名前端，在拿到设计稿时你有两种选择：. 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来. 作为一个有志向的前端，当然是选2啦. 可是需求时间又很短很短，怎么办呢. 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少. 同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为 动效篇和.

從結論來看，既然上圖我用了「Sleipnir Mobile」的截圖，可見我自己最後是比較偏愛Sleipnir Mobile更勝於iChromy. 其實，這兩款瀏覽器的核心應該都和iPad原本的Safari一致，所以瀏覽速度等技術問題上沒有太大差別，關鍵的不同就在於附加功能、介面設計上的各有千秋. 「Sleipnir Mobile」的優點在於那極有創意，為手指操作貼心設計，非常順手的分頁瀏覽與管理方式，例如我最喜歡的「分頁群組」也有被實作出來.

iOS 5: 有一件事儿我想肯定每个人都遇到过. 就是开着浏览器上网的时候一不小心就把一个正在浏览的标签页关掉了. 如果你在Mac上，你可以用cmd+shift+T (Chrome, Firefox)或者cmd+Z (Safari)来迅速打开刚刚不小心关掉的标签页. 其实在iOS 5中的Safari加入的一个新功能也可以让你做同样的事情.

之前寫過「Readability 三個優化網頁易讀性的瀏覽器書籤工具，輕鬆把網路當電子書來閱讀」一文後，我自己在Firefox或Google Chrome上就一直沿用裡面提到的書籤小工具，讓我想要「專注閱讀」某一篇部落格文章時，可以聚焦凝神、摒除干擾，用自訂性更高的舒適版面來閱讀內容. 不過，最近使用更新到iOS 5的iPad 2，最喜歡的功能之一就是好用的Ssfari閱讀器，於是便想找找看電腦端有沒有類似的工具，也就找到了今天這款很多人推薦過的「iReader」套件，同時有Firefox和Chrome版本可以下載.