Windows PC版微信内置浏览器调试(更新版)

前言

在日常的开发中,尤其是在微信公众号的相关开发中,我们需要进行微信端的调试,如果是后端开发,频率会更高。早期的微信版本,还支持查看网页元素以及接口请求,近年来,微信将这个功能频闭掉了,给我们日常的调试增加了不少的难度。但是,办法总比困难多。废话不多说,今天给大家讲讲如何在PC端进行后端接口的调试。

步骤一:前期准备

准备以下软件,并在电脑上安装,后面需要用到。(关注微信公众号 安前码后,然后回复 wxedge,获取资源下载链接)

MicrosoftEdgeSetup.exe:这个是edge浏览器,一般windows系统的电脑自带,如果电脑上已经有edge浏览器的,就可以不用安装这个了。(调试过程中,本人也试过chrome浏览器,但本方案采用chrome浏览器时很容易出错,所以推荐使用edge浏览器)
nox_setup_v7.0.5.9_full.exe:这个是夜神模拟器的安装包,建议安装的时候安装在D盘(C盘除外的其他盘都可以)

步骤二:将夜神模拟器的adb.exe的路径添加到系统变量

这一步的目的是为了方便调用adb命令。

在上一步中,如果你安装夜神模拟器的时候,选择的是自定义路径,那么就很容易找到夜神模拟器的安装路径。找到安装路径后打开bin文件夹,可以看到该文件夹下有个adb.exe文件。

然后复制adb.exe所在的路径,比如我的adb.exe所在的路径就是D:\software\Nox\bin。将该路径填写到系统环境变量Path中并点击确认。(建议添加完后重启一下电脑)

步骤三:打开夜神模拟器,并在模拟器中的应用商店搜索微信并安装,然后登录微信,并打开微信的webview模式

安装微信:

打开webview模式:
在微信内访问http://debugxweb.qq.com/?inspector=true,加载后就会打开webview模式

步骤四:在电脑端打开命令行工具,执行adb devices命令

上图中的127.0.0.1:62001 device 其实就是指的步骤三中打开的夜神模拟器,表示当前已经监听到了我们的夜神模拟器模拟出来的手机设备。

步骤五:打开edge浏览器,在地址栏输入访问 edge://inspect/#devices

过一会就会发现网页下方出现了被监听的手机设备。

步骤六:在夜神模拟器的微信中访问你想要调试的网页

比如我这里访问了CSDN

步骤七:开始调试

回到edge浏览器可以看到浏览器已经监听到了夜神模拟器访问了CSDN,点击inspect,会弹出一个DevTools页面,在该页面就可以尽情调试了,大功告成。

写在最后

今天的干货就分享到这里。欢迎一键三连,持续关注“安前码后”公众号,一个只输出干货而不是随大流的技术号。另外,赚钱的号“韭盾”,也在持续开发中,有投资兴趣的铁子们可以先关注,绝对是好物。 加油,铁子们。

需要安装包的话,在“安前码后”公众号回复“wxedge自动领取”!!

需要安装包的话,在“安前码后”公众号回复“wxedge自动领取”!!

需要安装包的话,在“安前码后”公众号回复“wxedge自动领取”!!

重要的事情说三遍,点击下方名片页直接搜索自动领取就行。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/361293.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

链动2+1:打造企业级社交电商新篇章

随着互联网的迅猛发展,社交电商已成为商业领域的新宠。而在众多社交电商模式中,链动21模式以其独特的优势和魅力,正逐渐成为企业级用户的首选。本文将深入探讨链动21模式的优势,以及如何助力企业级用户实现商业成功。 一、链动21模…

vue环境安装 nodejs和vue

npm 是 NodeJS 下的包管理器,vue-cli脚手架模板就是基于 node 下的 npm 来完成安装的。 webpack: 它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli:官方提供的一个脚手架,用于快速生成一个 vue 的项目模板。…

精通Python第16篇—深入解析Pyecharts极坐标系参数与实战

文章目录 Pyecharts绘制多种炫酷极坐标系参数说明与方向的技术博客1. 导入必要的库2. 极坐标系基础3. 定制化极坐标系4. 方向性的极坐标系5. 极坐标系的动画效果6. 自定义极坐标轴标签7. 添加极坐标系的背景图8. 极坐标系的雷达图总结 Pyecharts绘制多种炫酷极坐标系参数说明与…

Unity触发检测Trigger踩坑合集

正常状态 绿色方块:刚体碰撞盒检测触发碰撞脚本 蓝色方块:碰撞盒 检测脚本: 正常进出: 踩坑1 绿色方块:刚体碰撞盒检测触发碰撞脚本 蓝色方块:碰撞盒 保持绿色和蓝色方块的接触 对蓝色方块&#xff1a…

http代理与socks5代理有什么差异,http代理出现502错误如何修复?

一、HTTP代理与SOCKS5代理的差异HTTP代理和SOCKS5代理都是网络代理服务的两种主要类型,但它们在实现方式和应用场景上存在明显的差异。1.协议差异HTTP代理基于HTTP协议,是一种应用层代理,主要用于代理HTTP请求和响应。而SOCKS5代理则基于SOCK…

幻兽帕鲁服务器一键部署保姆教程

在帕鲁的世界,你可以选择与神奇的生物「帕鲁」一同享受悠闲的生活,也可以投身于与偷猎者进行生死搏斗的冒险。帕鲁可以进行战斗、繁殖、协助你做农活,也可以为你在工厂工作。你也可以将它们进行售卖,或肢解后食用。 想要部署属于自…

BC1.2 SDP/CDP/DCP介绍

参考:文章链接 Microchip Lightning Support 问题 Q1.) 在Microchip产品的数据表中提到了电池充电技术,但以下术语是什么意思: BC1.2? SDP? CDP? DCP? “SE1”? Q2.) 如何配置Microchip Hub以启用这些功能? Q3.) 如何在我的硬件上物…

Codeforces Round 922 (Div. 2)补题

Brick Wall(Problem - A - Codeforces) 题目大意:规定砖的大小为1*k(k>2),现在有一面n*m的砖墙,n是墙高,m是墙宽,砖在砖墙中有两种放法,水平放置和竖直放置&#xff…

修复WordPress内部服务器错误的步骤及解决方案

WordPress是一款广泛使用的开源内容管理系统,但在使用过程中,可能会遇到各种内部服务器错误。这些错误可能由于多种原因引起,例如插件冲突、文件权限问题、服务器配置不当等。为了帮助您快速解决这些问题,本文将为您提供一套详细的…

智能优化算法 | Matlab实现霸王龙优化算法(TROA)(内含完整源码)

文章目录 效果一览文章概述源码设计参考资料效果一览 文章概述 智能优化算法 | Matlab实现霸王龙优化算法(TROA)(内含完整源码) 源码设计 %%clear all clcSearchAgents_no=50; % Number of search agentsFunction_name=</

Spring AOP原理的常见面试题

Spring AOP原理的常见面试题 .Spring AOP是怎么实现的什么是代理模式静态代理动态代理怎么实现的JDK动态代理CGLIB动态代理引入依赖 JDK与CJLIB的区别什么时候使用JDK与CJLIB . Spring AOP是怎么实现的 答:Spring AOP是通过动态代理来实现AOP的 什么是代理模式 答:代理模式也…

离线使用Element UI和Vue

需要依赖如下&#xff1a; 1.vue.js; 2.index.js(Element UI) 3.index.css(Element UI) 4.element-icons.ttf(Element UI字体) 5.element-icons.woff(Element UI图标) 下载链接如下&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1nGOi0Vm_xExRGmVp6oVLoA 提取…

Django问题报错:Cannot resolve keyword ‘name‘ into field. Choices are: course, id

笔者在进行登录注册实验用户名已经注册过的操作时报错 一、错误位置 二、问题原因 使用Student模型时参数名错误 三、解决办法 修改为与Student模型中对应的参数名,问题解决

Cache Lab:Part A【模拟出使用LRU策略的高速缓存存储器组织结构】

目录 任务描述 知识回顾 实验内容 测试结果 Cache Lab 对应《CS:APP》6.3节至第六章结束的内容。 任务描述 Your job for Part A is to fill in the csim.c file so that it takes the same command line arguments and produces the identical output as the reference …

0131-2-关于事件捕获和冒泡

关于事件捕获和冒泡 DOM事件流分为三个阶段&#xff1a;捕获阶段、目标阶段、冒泡阶段 点击目标元素后&#xff0c;不会马上触发目标元素&#xff0c;而是先执行事件捕获&#xff0c;从顶部逐步到目标元素&#xff1b;处于目标阶段的时候触发目标元素&#xff1b;最后冒泡阶段…

性能测试工具架构

背景 性能测试工具&#xff08;LoadRunner为例&#xff09; 性能测试工具通常是指那些用来支持压力、负载测试&#xff0c;能够录制和生成脚本、设置和部署场景、产生并发用户和向系统施加持续压力的工具。 性能测试工具录制的是服务端与应用之间的通信数据&#xff0c;而不是…

如何快速知道app当前页面是哪一个Activity(2.0升级版)

点我跳转 如何快速知道app当前页面是哪一个Activity 1.0版本 这个版本是用adb 命令实现的&#xff0c;想看的可以看看&#xff0c;学习一下adb 命令。 今天做了一个非常简易的app来直接监控当前页面Activity&#xff0c;效果直接炸裂&#xff0c;效果图如下&#xff1a; 有需要…

【学习资源】分享一个文献互助平台(CRS核心论文库)

博主在之前的博文中推荐过三个文献互助平台&#xff08;科研通、谷粉、纬度&#xff09;https://blog.csdn.net/dave496206/article/details/135604252?spm1001.2014.3001.5501 博主在这里再补充一个文献互助或下载平台——CRS核心论文库 1、CRS核心论文库首页&#xff1a; …

突破瓶颈!程序员最值得关注的19个顶级油管博主

油管可以说是互联网上最有趣的地方&#xff0c;你可以在这里找到任何你感兴趣的东西。这里也是学习和探索编程世界的绝佳方式。有趣又有才华的技术博主非常多&#xff0c;随时随地都可以与全世界的开发者交流学习。 我们整理了一些在编程领域有影响力的博主&#xff0c;希望能给…

SpringBoot项目logback日志配置

Session 认证和 Token 认证 过滤器和拦截器 SpringBoot统一返回和统一异常处理 SpringBoot项目logback日志配置 程序运行出现错误时&#xff0c;第一时间想到的是甩锅还是日志&#xff1f;通过查看日志定位出问题的位置&#xff0c;才能更好的甩锅&#xff0c;今天就来学习…