• 欢迎加“百元导航”为主页,windows8风格,0.3s极速加载
  • 王柏元的博客专用搜索引擎:极客人,就用“极客搜”!
  •    2年前 (2015-03-29)  计算机技术 |   4 条评论  10935 
    文章评分 9 次,平均分 4.0

    今天,笔者打开学校的“小瓜工大助手”查跑操的页面,对它的网页源代码非常感兴趣。无奈网页的设计者只让用户在微信的自带浏览器中打开网页,而手机微信自带浏览器是没有审查元素、查看源代码之类的功能。我的第一感觉就是写代码的人肯定是采取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. 我是因为想看一下微信网页的元素,发现了这。666,佩服!
      不过我发现了只用模拟设备,模拟出手机设备就能打开

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

      张金富 评论达人 LV.1 7个月前 (05-05) [0] [0]

    登录

    忘记密码 ?

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

    切换登录

    注册