iPad 正式发售了,可对于像 Lucifr 这样的无业游民来说这个东西还是个xx品,因此想要买个实体来测试网站在 iPad 中的效果是不大可能了。对于穷希望完善网站在不同设备中外观的穷站主们来说, 这预览 iPad 中网页效果的网站就派上用场了。
打开 就可以看到这个很像模像样的 iPad 浏览器界面了,在其地址栏中输入地址时甚至还会跳出点触键盘(虽然是不能用的,还是要用电脑的键盘手动输入地址),默认为横向的景观模式,点击上方的边框就可以切换为竖放的画框模式。以下就是本站 在 iPad Peek 中的样子:
但是这可能还并不是网站在 iPad 中确切的模样,要达到更为xx的模拟 iPad 的环境,可能还需要以下几个步骤:
- 切换 User Agent:
- Firefox:在地址栏输入
about:config
,点击右键,新建–>字符串,输入名称为“general.useragent.override
”,输入值“Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
”;要恢复默认只需删除此字符串即可。动手能力差的童鞋可以使用 这个插件。 - Chrome:开始 -> 运行 ->输入
chrome -user-agent="Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10"
,并回车即可;要恢复原来的 User Agent,关闭所有 Chrome 进程后,在运行中输入chrome -user-agent
并回车。此外 Chrome 也有一款可以方便地切换 User Agent 的插件:
在 Firefox 和 Chrome 中修改这些设置时的错误操作可能带来风险,菜鸟请谨慎,Lucifr 不负责!
- Firefox:在地址栏输入
- 关闭 Adobe Flash 插件,众所周知 iPad 是不支持 Flash 的。
- Firefox:在“附加组件”的“插件”一栏中禁用 Shockwave Flash。
- Chrome:在选项中的“高级选项”–>“内容设置”–> “插件” –> “Disable individual plug-ins…” 中停用 Shockwave Flash。
经过以上两个步骤之后,iPad Peek 所展示的网站就更为接近在 iPad 中的真实面貌了,但也只是接近,因为你的屏幕的分辨率可能要比 iPad 高,所显示出的尺寸就可能有出入。
本身是个开源的工具,感兴趣的话你可以在这里找到。
via &