Chrome模拟iPhone浏览网页

标签: iPhone Chrome iphone 模拟 浏览 | 发表时间:2011-08-20 17:37 | 作者:TwaMix
出处:http://www.twamix.com


最近要为一款主题做好IOS移动端的优化,因此需要在PC端模拟IOS测试移动页面,无论使用chrome或者firefox,我想这也不尽是我一个人的需求吧。
本文向大家介绍firefox、safari、chrome模拟出iPad、iPhone、Android、Symbian等移动浏览器浏览网页的方法。

实现原理

User Agent:一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面,因此可能造成某些页面无法在某个浏览器中正常显示,但通过伪装 UA 可以绕过检测。

使用方法

  • 插件:User Agent Switch:安装User-Agent Switcher插件——选项——Custom User-Agent List——加入各种User Agent ;

  • 以chrome为例,格式是chrome.exe+user-agent,可以通过在运行里直接运行下面的代码,也可以通过修改浏览器 快捷方式-目标栏实现上述效果。

chrome.exe –user-agent=”Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10″

常用的user-agent

  • iPad:

–user-agent=”iPad”
chrome.exe –user-agent=”Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16″

  • iPhone:

–user-agent=”iPhone”
–user-agent=”Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10″

  • Android:

–user-agent=”Android”
–user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1″

  • Symbian:

–user-agent=”Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124″

其他各种手机各种浏览器的User Agent见这里:

http://www.zytrax.com/tech/web/mobile_ids.html

相关 [chrome 模拟 iphone] 推荐:

Chrome模拟iPhone浏览网页

- - TwaMix
最近要为一款主题做好IOS移动端的优化,因此需要在PC端模拟IOS测试移动页面,无论使用chrome或者firefox,我想这也不尽是我一个人的需求吧. 本文向大家介绍firefox、safari、chrome模拟出iPad、iPhone、Android、Symbian等移动浏览器浏览网页的方法. User Agent:一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等.

为什么我在iphone上也用chrome

- - 雷锋网
我不想把我的iphone升级到IOS6. 我的iPad当然是要升级的,只是像手机这种随身携带的设备不要升级. 我的iPhone已经越狱,而且我也不想放弃自由安装应用的惬意. 使用Chrome作为我的默认浏览器就是这种自由之一. Android使用者经常嘲笑Apple用户,因为iPhone越狱才能做的那些事在Google的手机系统上是再平常不过的事了.

使用Chrome浏览器查看淘宝的IPhone版网站

- Pei - ITeye论坛最新讨论
      用IPhone手机访问http://m.taobao.com ,淘宝的设计已经达到了和APP相媲美的地步. 多次想查看其源码学习,单无奈用PC浏览器访问该网址,出现的是一个比较简化的wap2.0版本的. 经过若干的夜晚的冥思苦想,终于想出了解决方案.       1.IPhone和Android的浏览器都是基于webkit的,和Google Chrome的内核是一样的.

不用插件修改 Chrome 的 User Agent 字符串、模拟移动触屏设备

- - Chrome迷
今天发现了 Chrome 上一个修改 User Agent 字符串的新方法,甚至还能模拟触屏设备,手动改变你所在的位置(经纬度). 1、打开 Chrome 的”开发者工具”,也就是菜单——工具——开发者工具. 2、在打开的开发者工具(Developer Tools)界面的右下角,点击黑色齿轮图标. 3、然后在黑底界面中点击”Overrides”标签页就能看到了.

Chrome三岁啦!

- Yousri - Google 黑板报 - Google (谷歌)中国的博客网志,走近我们的产品、技术和文化
发布者:Google中国公关部. 今天,我们迎来了Chrome浏览器的三岁生日. 过去三年来,网络世界不断激发着我们的灵感,将网络的力量注入所有应用程序和网络体验中. 同时,所有的现代浏览器也在速度、简易性和安全性方面有了显著的提升. 为了庆祝Chrome的生日,我们制作了一个互动的信息图形,向大家展示主要的互联网技术和浏览器的演变进程.

Chrome 14发布

- Woooon - Solidot
Google发布了Chrome 14浏览器. 主要改进了Mac OS X Lion支持和激活Native Client(NaCl). 新版的特性包括:支持Web Audio API规格,允许Web应用支持富音频处理(演示);启用NaCl,允许第三方以非特定平台二进制的形式安全的执行原生码,NaCl为浏览器新能力开启了大门,如在浏览器中原生运行Vim编辑器.

iPhone for Steve: 不是iPhone 4S,iPhone 5才是?

- ArmadilloCommander - 老人與蘋果
  蘋果在10月4日發表iPhone 4S,讓世界蘋果迷大失所望. 但是蘋果的文化就是Think Different. 第二天Steve Jobs突然過世,更是讓大家想像力Think Different,4S成為“for Steve”,好像大家都在玩文字遊戲,在老人來看實也算是奇觀.   Steve Jobs過世,使台灣的所謂蘋果專家一下子增加上千百人,各個都在電視報章發表蘋果大論,也真算是奇蹟.

石专栏:iPhone 4s,iPhone For Steve.

- ArmadilloCommander - Engadget 中国版
iPhone 4s 也许未能完全满足我们的期待,只是它彷佛向 Steve Jobs 致敬一样 - iPhone For Steve. Steve Jobs 已经不是第一次病倒、病重、离职,他早已给了我们一定的心理准备,告诉我们他早晚要离开,也很可能突然离开世界. 只是,再多的准备,并不会减少悲痛的程度.

ActiveX for Chrome 登陆 Chrome 官方扩展库

- Tony - Chrome迷
三个星期前,我们报道了 Chrome迷论坛会员 eagleonhill 打造出了首款可以在 Chrome 上使用 ActiveX 控件的扩展,引来了不少网友的关注. 不过当时的版本还非常初级,问题也很多,并且没有发布到官方 Chrome 扩展库中,很多用户表示不敢用. 经过作者的努力,现在这枚扩展已经修正了大量的Bug、给用户提供了一些预定义设置.

Chrome Extensions:超強大的 Chrome Remote Desktop!

- 阿良 - TechOrz 囧科技
Cloud Computing 令目前大部份用戶要做的,都可以在一個瀏覽器當中完成. 不過,雖然目前 HTML5 的技術開始普及,但總有些動作不能在 Browser 中完成,而日前 Chromium 團隊開發的全新 Chrome Extensions,大概可以補充到 Browser 不足之處. (...)閱讀全文Chrome Extensions:超強大的 Chrome Remote Desktop.