Chrome获取微信授权，调试公众号页面
1.目的
你可能遇到过这种情况，在微信中打开公众号是这样的。
复制链接，在chrome中打开是这样的
。
博主今天要解决的就是，如果在chrome中加载需要微信授权的页面，至于加载成功后要干嘛，测试？抓包？查看源码？...这就是你的事情了，先来说说怎么绕过这个验证吧。
2.准备工具
工欲善其事必先利其器，先来说说工具。
| 工具名称 | 用途 |
| 微信PC版 | PC版的微信内置浏览器能获取微信授权、复制页面链接 |
| Chrome浏览器 | 调试工具，我们的目的就是在chrome里面绕过微信授权 |
| Fiddler4 | 抓包工具，需要靠它的网络抓包来获取微信授权信息 |
3.实现方法
准备就绪，开工。
01 开启Fiddler4抓包
Fiddler4使用方法，可以自行百度，不过本文讲述的使用很简单，安装-直接运行即可。
02 登录微信PC版
Fiddler4运行后，手机微信扫码登录，然后点击需要调试的公众号内容。示例如下图。
03 抓取微信授权信息
这个时候看到Fiddler4里面出现了很多网络抓取数据，先看当前页面的。
看到右侧的参数没？下一步我们就将在Chrome中使用到这些。
04 配置Chrome，绕过微信客户端检测
直接复制URL地址：http://play10.beetobees.com/play/tpl_airfight/lT0tW1gt/ 。粘贴到chrome，不用猜，肯定提示“请在微信客户端中打开链接”。
处理方法，复制“User-Agent”参数， Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 MicroMessenger/6.5.2.501 NetType/WIFI WindowsWechat QBCore/3.43.901.400 QQBrowser/9.0.2524.400
为什么会提示在微信客户端中打开链接，原因就在User-Agent这个里面，微信公众号是通过这个参数来识别浏览器版本的，如果不是腾讯自家的浏览器就不给你授权。Chrome中配置User-Agent的方法。
F12，然后点击下图的按钮，打开“NetWork conditions”选项卡。
按照下图，填入“User-Agent”内容。
然后刷新下页面。不会再出现“请在微信客户端中打开链接”的提示了，但是却出现了空白，title变成了“出错了”。原因很简单，浏览器获取不到微信的授权信息，解决方法见第5步。
05 获取微信授权真实地址
微信授权机制是这样的，浏览器请求，微信验证，然后通过后返回到请求页面，所以是我们的链接地址不对，那真实的链接在哪儿呢？看下图。、
里面的redirect_uri参数就是访问的页面，我们把这个地址复制到刚才的Chrome里面，访问，结果如下图。
06 收工
到了这一步，后面的操作就看自己了。用类似方法，基本可以绕过所有的微信公众号授权。打卡收工
。
更多前端、GIS相关博客，请访问我的个人博客88gis.cn查看更多
Chrome获取微信授权，调试公众号页面的更多相关文章
- 【微信支付】公众号、商户基础配置和流程（包括设置支付授权目录、测试支付目录和白名单、JS接口安全域名、授权回调域名等）
一.使用场景以及说明 使用场景:商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 说明:1.用户打开图文消息或者扫描二维码,在微信内置浏览器打开网 ...
- NodeJs实现自定义分享功能，获取微信授权+用户信息
最近公司搞了个转盘抽奖的运营活动,入口放在了微信公众号里,好久没碰过微信了,刚拾起来瞬间感觉有点懵逼....似乎把之前的坑又都重新踩了一遍,虽然过程曲折,不过好在顺利完成了,而且印象也更加深刻了,抽时 ...
- .NET Core之微信支付之公众号、H5支付篇
前言 本篇主要记录微信支付中公众号及H5支付全过程. 准备篇 公众号或者服务号(并开通微信支付功能).商户平台中开通JSAPI支付.H5支付. 配置篇 公众号或者服务号中 -------开发----- ...
- 微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo
原文:微信开放平台 公众号第三方平台开发 教程四 代公众号调用接口的SDK和demo 教程导航: 微信开放平台 公众号第三方平台开发 教程一 平台介绍 微信开放平台 公众号第三方平台开发 教程二 创建 ...
- 微信系列之公众号Token验证
微信系列之公众号Token验证 pycharm连接线上服务器开发 开发过程笔记 参考资料 python3安装web.py可以选择安装`pip install web.py==0.40.dev0 pyc ...
- PHP获取用户是否关注公众号。获取微信openid和用户信息
<?php /* * 首先填写授权地址为当前网址 * 将$appid和$secret参数替换成自己公众号对应参数,需要外网可以访问服务器环境测试 */ header("Content- ...
- 【微信开发】公众号后台设置错误导致的微信redirect_uri参数错误【图】
在微信开发中,如微信网页授权登录,分享到朋友圈自定义内容,微信h5支付时 可能会遇到微信redirect_uri参数错误的情况. 此时除了检查自己代码正确性外,还要检查一下是否正确地设置了公众号后台的 ...
- .net 微信支付（公众号支付）遇到的问题
啥也不说了搬砖的都知道老板说是什么就是什么 最近我老板让饿哦做一个微信支付的功能 还带微信上面京东众筹活动的那种,我买东西别人出钱的那种 然后用微信支付 我是新手之前也没有做过这个 所以估计着过程中 ...
- 【微信支付】公众号 JSAPI支付 HTML5(使用MUI前端框架)+WebApi 实现流程
必要参数: 1) AppID,AppSecret : 在微信公众号后台管理—>(菜单栏)开发 —> 基本设置 2)商户号 :在微信公众号后台管理—>(菜单栏)微信支 ...
随机推荐
- wcf服务编程（第3版）文摘
第1章 wcf基础 什么是wcf: System.ServiceModel.dll 服务 服务的执行边界: proxy 地址:http/https,tcp,ipc,peer newwork,msmq, ...
- redis cluster 使用中出现的问题
问题一 redis.clients.jedis.exceptions.JedisClusterMaxRedirectionsException: Too many Cluster redirectio ...
- 12、Docker的网络--bridge
单机网络 Bridge Network Host Network None Network 多机网络 Overlay Network 12.1 网络命名空间 启动一个容器 docker run - ...
- Oracle EBS Export File Format
Profile Option Name Site Application Responsibility Server Server Org User Remark Export MIME type t ...
- ASP.NET Core2调用Azure云上的PowerBI报表展示
在开发企业应用中,报表功能是当之无愧的重头戏,如何将数据通过合适的报表呈现出来成为每个项目人员必需面临的问题.而找到一款合适的报表往往都需要考率价格.开发.风格.支撑等因素.那么,我在这里给大家介绍一 ...
- 原生JS实现随机点名项目
核心思想 随机产生规定范围内的整数,然后再产生相同范围内的整数,两者相同时,则暂停. 所用知识 Math.random() * num: 产生从0到num的随机数 Math.floor(): 向下取整 ...
- Linux TCP不同状态的连接数统计
方法一:利用netstat命令 统计 TIME_WAIT/CLOSE_WAIT/ESTABLISHED/LISTEN 等TCP状态的连接数 netstat -tan |grep ^tcp |awk ' ...
- 在 Docker 中部署 ASP.NET CORE 应用
有了 Docker 之后, 部署起来却这间非常方便,环境不用搭了, 直接创建一个 microsoft/aspnetcore 的容器, 在本地开发好后, 把内容直接部署到容器中. 下面的命令是把本地发布 ...
- 浅谈 温故知新——HTML5！
古人有云:温故而知新.活到老,学到老,作为一枚前端的程序猿,不停的学习能够让我们对我们的技术有一个更加丰富的认识.这几天,项目已经完成,但我发现自己的知识体系存在一些短板,特别是在H5方面,所以我又回 ...
- Sql 四大排名函数（ROW_NUMBER、RANK、DENSE_RANK、NTILE）
row_number() over() 1.2.3.4.5.6.7 rank() over() 1.2.2.4.5.5.7 dense_rank() over() 1.2.2.3.3.4.5 n ...