iPad Peek:看看你的网站在iPad 中是什么样| Lucifr

iPad 正式发售了,可对于像 Lucifr 这样的无业游民来说这个东西还是个xx品,因此想要买个实体来测试网站在 iPad 中的效果是不大可能了。对于穷希望完善网站在不同设备中外观的穷站主们来说, 这预览 iPad 中网页效果的网站就派上用场了。

打开 就可以看到这个很像模像样的 iPad 浏览器界面了,在其地址栏中输入地址时甚至还会跳出点触键盘(虽然是不能用的,还是要用电脑的键盘手动输入地址),默认为横向的景观模式,点击上方的边框就可以切换为竖放的画框模式。以下就是本站 在 iPad Peek 中的样子:

但是这可能还并不是网站在 iPad 中确切的模样,要达到更为xx的模拟 iPad 的环境,可能还需要以下几个步骤:

  1. 切换 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 不负责!

  2. 关闭 Adobe Flash 插件,众所周知 iPad 是不支持 Flash 的。
    • Firefox:在“附加组件”的“插件”一栏中禁用 Shockwave Flash。
    • Chrome:在选项中的“高级选项”–>“内容设置”–> “插件” –> “Disable individual plug-ins…” 中停用 Shockwave Flash。

经过以上两个步骤之后,iPad Peek 所展示的网站就更为接近在 iPad 中的真实面貌了,但也只是接近,因为你的屏幕的分辨率可能要比 iPad 高,所显示出的尺寸就可能有出入。

本身是个开源的工具,感兴趣的话你可以在这里找到。

via &

2010年04月08日 at 19:22
2010年04月08日 at 19:27
雪人 2010年04月08日 at 19:28
2010年04月09日 at 11:52
2010年04月08日 at 20:29
2010年04月09日 at 15:49
2010年04月09日 at 19:52
郑重声明:资讯 【iPad Peek:看看你的网站在iPad 中是什么样| Lucifr】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——