pc调试微信小程序

已于 2023-10-09 09:16:50 修改
阅读量1.6k 收藏 3
点赞数
分类专栏： 微信小程序 测试 文章标签： 微信小程序 功能测试
于 2023-09-26 16:08:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39432715/article/details/133313052
版权

1.最重要的是开启手机的usb调试，不仅仅是文件传输

在这里插入图片描述

2.第二点，微信中点击链接

http://debugxweb.qq.com/?inspector=true

3.第三点，调试用的浏览器，建议edge

1.edge打开edge://inspect/#devices

在这里插入图片描述

2.点击inspect，进行调试

在这里插入图片描述
和手机是同步操作的，所以可以调试network

3.放弃chrome的原因

由于国内连不上https://chrome-devtools-frontend.appspot.com，导致调试页面刷不出来
在这里插入图片描述

笑看风云不留痕
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小白学习微信小程序开发的调试技巧
吃不胖.
04-26 405
在开发过程中，可以使用网络请求工具查看请求的URL、请求的参数、请求的响应等信息，以便调试和修复bug。2.使用断点调试 断点调试是一种常用的调试技巧，它可以帮助开发者在代码执行到指定位置时暂停执行，以便查看变量的值、调用栈等信息。2.调试工具 微信开发者工具提供了强大的调试工具，包括调试工具、网络请求工具、性能工具等。这时可以使用网络请求工具查看请求的URL、请求的参数、请求的响应等信息，并进行调试和修复。例如，以下代码演示了如何使用网络请求工具查看请求的URL、请求的参数、请求的响应等信息。
微信PC版本如何打开开发版小程序进行调试，图片上传在PC版小程序上传失败,手机端和开发者工具中均正常的问题解决
小怪獸丶的糖的专栏
03-03 7032
1、小程序开发者工具-设置-通用设置中，将自动预览的启动PC自动预览勾选上 2、预览中选择自动预览即可，这样就可以在PC版的小程序中进行调试了哦。 3、图片上传在pc版的小程序中上传失败的解决办法：去掉header中的 “Content-Type”: "multipart/form-data"即可。去掉后，通过pc版的小程序进行调试，发现图片可以上传成功啦。 wx.uploadFile({ url: getBaseUrl() + '/file/UploadFile', n
企业微信小程序 windows 使用 vconsole 调试
weixin_40795574的博客
11-05 3126
官方说明 步骤 ctrl + shift + alt + d 组合按键开启调试，如下图所示 左下角可以找到 debug 窗口 搜索小程序 打开小程序可以看到 vConsole 点击即可进入调试
微信小程序真机调试方法(包括mac和安卓)
最新发布
small red red的博客
12-15 1728
2.点击运行-->运行到手机模拟器-->下载真机插件。3.点击运行-->运行到手机或模拟器-->设备运行。4.未受信任（设置-通用-设备管理-点信任）（手机上则会看到微信小程序基座App）手机电脑。
【微信小程序】微信开发者工具调试PC端小程序报错wx.getUserProfile is not a function解决方案
weixin_41884808的博客
04-20 3821
在开发者工具中调试微信小程序，报错wx.getUserProfile is not a function，但是真机调试或者手机预览就不报错，别着急，是调试基础库的问题。 能使用这个方法的，要满足两个条件 1.开发者工具版本不低于 1.05.2103022 2.基础库版本不低于 2.10.4 我直接升了版本库到2.16.0了，这下，开发者工具也可以调试了 ......
小程序调试
hell_henry的博客
05-13 646
点击 sources 下 的 js文件（ 尾缀 是[sm]的 ），点击打上一个开始断点， f10单步调试。
mac本地后台调试微信小程序（思路：dmz+端口转发+https+域名解析）
01-07 3975
微信小程序马上要正式发布了，微信的开发环境依旧麻烦，域名验证、url不能带端口号，现在小程序有多了个一定要https。 过去做微信开发，本地后台调试用sunny-ngrok做域名解析和端口转发简直是轻松加愉快，不过最近sunny-ngrok自定义域名有些问题，而且不支持https，没辙只能另寻他法。 需要的资源： mac电脑（习惯mac os了，其他系统思路类似，但是没有实操，大家可以自己试
实践分享：30分钟在电脑端运行小程序
finogeeks的博客
11-15 662
如何在在电脑桌面端实现小程序运行？
pc端debugger微信、电脑debugger微信、电脑调试 微信支付、pc调试 微信支付、电脑 调试真机微信、通过电脑调试手机真机打开的微信H5页面、通过电脑chrome调试手机真机打开的微信H5
seesun2012的专栏
07-29 1626
pc端debugger微信、电脑debugger微信、电脑调试 微信支付、pc调试 微信支付、电脑 调试真机微信、通过电脑调试手机真机打开的微信H5页面、通过电脑chrome调试手机真机打开的微信H5页面 一、手机打开USB调试功能： 1、设置WebView实现，步骤【手机设置 → 开发人员选项 → WebView实现 → 选择Goole WebView】，如下图设置： 2、打开USB调试模式，步骤【手机设置 → 开发人员选项 → 调试 → USB调试】，如下图设置： 二、微信配置： 1、微信内打开该
微信小程序一键解密工具.zip
09-04
在微信小程序的开发和调试过程中，了解和掌握这款工具对于深入理解小程序的工作原理以及进行逆向工程分析具有重要意义。 首先，我们要知道微信小程序的代码在发布时会被编译成wxapkg格式的包，这是一种加密的二进制...
PC微信小程序解锁工具
01-13
标题中的“PC微信小程序解锁工具”指的是用于在个人计算机（PC）上解除微信小程序特定限制或功能的软件工具。微信小程序是腾讯公司推出的一种轻量级应用，它们无需下载安装即可在微信内使用，但其运行环境和功能通常...
pc端微信小程序包wxapkg文件解密，nodejs版本。.zip
09-30
本文将深入探讨如何使用Node.js来解密PC端的微信小程序`wxapkg`文件。 微信小程序的`wxapkg`文件是其运行的基础，它包含了小程序的页面、样式、逻辑代码以及资源文件等。为了提高安全性，微信官方对这些文件进行了...
微信小程序(.wxapkg)文件解包
01-26
7. **第三方工具与社区**：除了`unweapp`，还有其他第三方工具如`wxapp-unpacker`、`wxml2js`等，可以帮助开发者处理微信小程序的开发和调试工作。同时，开发者可以在GitHub等社区找到相关的教程和资源。 8. **安全...
仿ofo共享单车微信小程序源码实现
03-12
微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发...
开启微信小程序debug
honeyJ
07-27 5158
小程序融合了Native app和web-app的特性，本质上是一种 Web 应用，可以通过PC浏览器进行页面元素的 Inspect。 为了可以在chrome://inspect/#devices进行元素定位，首先要开启debug功能。 可参考以下链接 微信debug 对于安卓原生的UI组件，我们可以直接用UIAutomator查看元素属性，如下图所示： 打开元素树点击要定位的元素，右侧一栏会显示其元素属性. 每个原生组件有很多属性，如resource-id、text、class、content-d
微信小程序如何 预览测试PC端小程序
fghfghhgjgj的博客
11-13 1103
之前对微信开发工具不熟悉，找不到，以为没有这个功能呢。 网上也有截图步骤，版本更新了，就不对了。 后来，随便找找，就找到了。
小程序调试器的安装、使用
会流动的景色
11-27 1575
前言 在实际测试小程序时，常常需要对小程序进行调试工作，一般情况下，web端调试工作直接F12打开开发者工具调试页面即可，今天聊聊在小程序端如何进行调试操作 一、安装依赖 安装 10.16.0 或更高的稳定node版本（安装 Node.js 的同时会自动安装 npm）。 由于兼容性问题，避免使用 Node.js 15.0.0 以上版本 以及 npm 7.0.0 以上版本，可能会出现安装失败的问题。 （容易踩坑） 安装完成请检查版本 Node.js版本检查 node -v 确保以上指令输出的版本号 &g
微信小程序开发 用户
07-27
微信小程序开发需要首先注册一个小程序账号，并将开发人员的微信号添加到项目成员中。只有添加到小程序项目成员的人员才可以使用微信小程序开发工具进行小程序开发、调试、上传程序包等功能。建议将全部研发人员加入到项目成员中，而项目组的其他非开发人员若需要体验小程序功能则需要添加到体验成员中。\[1\] 在注册小程序账号后，开发者可以登录微信小程序管理后台，完成小程序开发者绑定和开发信息配置。然后可以下载开发者工具，使用开发者工具进行小程序的开发。微信小程序可以单独注册申请，也可以通过微信公众号快捷申请注册。对于没有公众号和小程序的商家来说，正确的申请注册流程应该是先申请认证公众号，然后在公众号管理后台的【小程序管理】页面快速申请小程序。\[2\] 微信小程序的开发配置相对简单，开发者可以申请小程序的测试号，并使用该账号在开发者工具创建项目并进行开发测试，以及真机预览体验。测试号的申请地址为：https://mp.weixin.qq.com/wxamp/sandbox?doc=1\[2\] 微信小程序相对于传统的Native App具有一些优势和不足。微信小程序已经做好了安卓和IOS的兼容，开发好微信小程序后既能在安卓手机上使用，也能在IOS手机上使用。另外小程序不需要下载安装，通过扫一扫就能直接使用。但相对于App，微信小程序在扩展性和用户体验方面有一些限制。微信小程序的功能受限于微信客户端提供的API，而App可以全方位访问原生系统提供的API。此外，App安装在手机客户端，不需要从服务器加载，减少了应用加载的时间，而微信小程序需要打开微信客户端才能使用，用户难以快速发现并打开小程序。总体来说，微信小程序适合用户体验要求不高的应用，基本上适合Web应用的都可以用小程序来实现。\[3\] #### 引用[.reference_title] - *1* *2* *3* [微信小程序开发实战1 微信小程序开发概述](https://blog.csdn.net/gz_hm/article/details/124195902)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值