前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用电脑浏览器模拟手机浏览器

用电脑浏览器模拟手机浏览器

作者头像
全栈程序员站长
发布2022-11-16 17:43:52
4.5K0
发布2022-11-16 17:43:52
举报
文章被收录于专栏:全栈程序员必看

最近开发手机网站,需要测试不同的手机,比较麻烦,所以想到了用电脑浏览器来模拟手机浏览.

在网上找了些资料,在些方便有需要的朋友。

1.用谷歌Chrome浏览器:

在Windows的【开始】–>【运行】中输入以下命令,自动启动后就只可以模拟相应手机的浏览器去访问3G手机网页:

谷歌Android:

chrome.exe –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″

  苹果iPhone 4s:

chrome.exe –user-agent=”Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405″

苹果iPhone 5: chrome.exe –user-agent=”Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10A403″

  苹果iPad 2:

chrome.exe –user-agent=”Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405″

  诺基亚N97:

chrome.exe –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″

可以通过以下网站进行测试:http://www.baidu.comhttp://www.google.com.hk/http://3g.qq.comhttp://t.sina.cn

如果想切换回普通浏览器模式,关掉所有Chrome浏览器,重开即可。如果不想关闭浏览器,切回普通浏览器模式,则访问:

chrome.exe –user-agent=”Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.77 Safari/535.7″

其它的手机的User-Agent:http://www.zytrax.com/tech/web/mobile_ids.html

2.Opera浏览器

第1种方法(本人没有测试过)

对于Opera来说,模拟移动设备有一个专门的模拟器,叫“Opera Mobile Emulator”,Windows版的下载地址在下面:

show source

http://get.geo.opera.com/pub/opera/sdlbream/1210/Opera_Mobile_Emulator_12.1_Windows.exe

Opera Mobile Emulator是Opera作为开发者工具发布的,也就是说是专门为移动网页设计人员开发的~

附两张图:

Opera Mobile Emulator
Opera Mobile Emulator

这是主界面的图

HTC One X Emulated with Opera Mobile Emulator
HTC One X Emulated with Opera Mobile Emulator

这个是模拟的HTC One X的图(打开的是我的小网站百草轩^^),最下面显示了该模拟器的参数——720×1280的分辨率,312PPI的像素分辨率等

大家下过来就知道怎么用了,可以支持Kindle Fire系列、HTC系列、Samsung Galaxy系列、Sony Xperia系列、Nokia N系列以及Asus、LG、Motorola等多种手机浏览器的模拟,还可以自己自定义手机参数。在操作上这款模拟器也非常方便,和安卓模拟器一样是可以直接键盘输入的,翻页只能用鼠标拖动,运行比安卓模拟器流畅。

不过这里要说的是,Opera Mobile Emulator模拟的是Opera自己的手机浏览器在移动设备下的状态。

第2种方法:

在浏览中点击“的获取扩展” 搜索“User-Agent Switcher” 安装以后如下图

用电脑浏览器模拟手机浏览器
用电脑浏览器模拟手机浏览器

你可以根据自己的需要测试。还可以添加没有的user-agent ,图中的iphone4s和iphone5就是我自己添加的。

3.Firefox浏览器

第1种方法

Firefox我没有测试过,要装各种插件感觉比较麻烦(Firefox本来就自带各种插件,再去装其他插件感觉有些不爽),从装的三个插件可以看出来Firefox的模拟应该是做的比较好的,既可以模拟WML环境也可以模拟XHTML环境,这样在我们测试网页兼容性的时候会比较方便。

  1. 安装三个Firefox插件:wmlbrowserXHTML Mobile Profile、User Agent Switcher 。
  2. 设置 User Agent Switcher ,点击菜单 工具 → Default User Agent → User Agent Switcher → Options → New ,填写Description 和 User Agent 。

几个常见手机的User Agent如下:

iPhone3:

show source

1 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

Android:

show source

1 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

诺基亚N95:

show source

1 Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/30.0.015; Profile MIDP-2.0 Configuration/CLDC-1.1) AppleWebKit/413 (KHTML, like Gecko) Safari/413

诺基亚N97:

show source

1 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

第2种方法

安装扩展组件”userAgentUpdater 0.4” ,我这时候的版本是0.4.安装好后如下:

用电脑浏览器模拟手机浏览器
用电脑浏览器模拟手机浏览器

就是有一点不好。不能选择ios版本,也不能增加。希望以后的版本能够改进。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/234907.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月1日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 3.Firefox浏览器
    • iPhone3:
      • Android:
        • 诺基亚N95:
          • 诺基亚N97:
          相关产品与服务
          云开发 CLI 工具
          云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档