用Chrome配合Chales 模拟手机浏览器访问3G网页

有很多网站都是通过User-Agent来判断浏览器类型的,所以想在PC上模仿手机上手机版的网站,我们可以尝试修改
http header 的 User-Agent来模拟不同手机上网。

参考资料:  http://blog.transnal.com/blog-blogs-detail-23-98.htm

以上网址教我们通过命令行的形式来修改 User-Agent ,而我们之前share过Charles这个工具,其实在这方面来得更简单~
我觉得好处有3;
1.首先不用每次都要命令行输一大堆参数来设置打开浏览器去模拟;
2.可以让我们在rewrite规则里面写几个不同手机端的参数,如iphone,android,etc.想用哪个就勾哪个,方便~
3.不想模拟的时候就 disable rewrite功能,或者就不开Charles ~

以下是charles如何使用 rewrite 实现模拟过程 (Ps:以 3g.qq.com为例)

1.首先你要知道你自己的User-Agent是什么
打开Charles(Ps:请确认Charles的recording已开启,即 那个红点)
然后,在左栏处,点开一个网址的文件夹->default, 左栏点击 tab 的Request->找到User-Agent,双击,选中,ctrl-c
用Chrome配合Chales 模拟手机浏览器访问3G网页

2.点击工具栏 Tools -> Rewrite ->选中Enable Rewrite ->Add
在左边有相应的选项
Locations 是你要执行rewrite的地址,可自行添加测试地址
Rules 是rewrite的规则;点击Add,会看到一个操作界面,填写方式如图所示。
Match 填写你本机的User-Agent
Replace 参考上面的网址里面有介绍的个手机浏览器的User-Agent,或者可从其他路径获知~
用Chrome配合Chales 模拟手机浏览器访问3G网页

OK后,点击Apply->OK~那就OK了...............

测试访问3g.qq.com

修改后,浏览器以android2.2的user-agent去访问 用Chrome配合Chales 模拟手机浏览器访问3G网页

你可能感兴趣的:(chrome,mobile,Charles)