4年前 (2015-03-29)  计算机技术 |   8 条评论  56494 
文章评分 12 次,平均分 3.8

今天,笔者打开学校的“小瓜工大助手”查跑操的页面,对它的网页源代码非常感兴趣。无奈网页的设计者只让用户在微信的自带浏览器中打开网页,而手机微信自带浏览器是没有审查元素、查看源代码之类的功能。我的第一感觉就是写代码的人肯定是采取UA匹配以限制其它终端访问的机制。所以,解决办法很简单,在电脑模拟一个微信浏览器,实现方法就是修改浏览器的UA(userAgent)。

试验结果很顺利:

通过微信右上角的菜单“复制链接”获取当前页面的链接:http://npuxiaogua.mgschool.cn/wx/apps/paocao

在电脑浏览器上打开时:

模拟UA实现访问只能在微信上打开的网页

通过修改浏览器UA后的结果:

模拟UA实现访问只能在微信上打开的网页

下面讲讲操作方法:

 

一.“谷歌浏览器”审查元素

使用右键—“审查元素”

模拟UA实现访问只能在微信上打开的网页

点击审查元素手机小图标的按钮(element选项卡左边),进入模拟手机、平板电脑等其他终端的视图,下面在截图上做详解:

模拟UA实现访问只能在微信上打开的网页

现在只需要在上图的UA里填写一下微信的UA就行了。那么微信的UA是什么呢?

二、怎样获取访问者的UA信息

其实获取设备的UA很简单,任何一个网站的网站日志里面都会显示访问设备的UA信息:

下面是一段标准的网站日志:

 

网址后面的就是UA信息了:

Mozilla/5.0 (Linux; U; Android 4.4.2; zh-CN; Lenovo A808t Build/KOT49H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 UCBrowser/10.2.1.550 U3/0.8.0 Mobile Safari/534.30

通过上面的方法,笔者获取了微信自带浏览器的UA字段如下:

Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI

三、在谷歌浏览器终端模拟界面填写UA

Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI

刷新你要访问的微信网页,就再也不会出现“本网页只能在微信自带浏览器中打开”了。

四、拓展与总结:

1.可以通过上述方法模拟iPhone、ipad、安卓手机,从而在网页开发时用一台电脑即可知晓自己的网页在不同设备终端上的界面状况;

2.微信的UA为:Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI

 

本文已在版权印备案,受著作权法律保护,未经允许不得转载!如需转载请联系作者或访问版权印获取授权,如果你觉得这篇文章对你有用,可以点击下面的“赞助作者”打赏作者!

转载注明原文出处:王柏元的博客>>http://wangbaiyuan.cn/analog-ua-implementation-access-to-open-only-on-the-app-page.html

关于
记录生活,镌刻心路;泼洒文墨,分享技术!王柏元的博客致力于IT经验交流,并原创翻译引进外文文章,打开IT国际化视野

发表评论

格式
  1. 此方法现在已经不灵了,腾讯添加了客户端验证功能,除了微信客户端,其他方法都打不开了

    环保 评论达人 LV.1 2年前 (2017-04-19) [10] [1]
  2. 我找不到那个UA地址没法黏贴怎么办

    李龙 评论达人 LV.1 2年前 (2017-03-26) [1] [0]
    • @李龙新版的chrome内核的浏览器,选择设备下拉菜单里有一个 “edit”选项,可以自定义UA信息

      极客人 博 主 2年前 (2017-03-27) [0] [0]
  3. 非常有用,谢谢

    素材火 评论达人 LV.1 2年前 (2017-03-25) [0] [0]
  4. 我是因为想看一下微信网页的元素,发现了这。666,佩服!
    不过我发现了只用模拟设备,模拟出手机设备就能打开

    壁虎 评论达人 LV.1 2年前 (2016-05-09) [0] [0]
  5. 你可以用微信web开发者工具测试啊!

    张金富 评论达人 LV.1 2年前 (2016-05-05) [0] [0]

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册