真机调试，微信小程序，uniapp项目在微信开发者工具中真机调试，手机和电脑要连同一个wifi，先清空缓存，页面从登录页进入，再点真机调试，这样就不会报错了

已于 2024-01-30 15:29:06 修改
阅读量572 收藏
点赞数 2
文章标签： 微信小程序 uni-app 智能手机
于 2024-01-30 15:12:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frank_colo/article/details/135933671
版权

微信小程序如何本地进行真机调试？_unity生成的微信小程序怎么在电脑上真机测试-CSDN博客

微信小程序 真机调试

注意事项

uniapp项目在微信开发者工具中真机调试，手机和电脑要连同一个wifi，先清空缓存，页面从登录页进入，再点真机调试，这样就不会报错了

不要直接选择某个页面真机调试，这样会报错，报网络错误。要先清空缓存，页面从登录页开始，再点真机调试。这样就不会报错了，不会报网络错误，会正常的发请求，拿到服务器的数据

 1

 2

 3

这样就能正常请求网络，不会报错了

烟火的降落
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp计算和清理缓存
熊宗的博客
11-19 979
1.计算缓存 data(){ return { fileSizeString:'' } }, //methods formatSize() { let that = this; plus.cache.calculate(function(size) { let sizeCache = parseInt(size); if (sizeCache == 0) { that.fileSizeString = "0B"; } else if
微信小程序开发者工具压缩包（工具齐全）
08-14
微信小程序开发者工具压缩包（工具齐全）
iOS 真机调试微信小程序
01-05
平时开发小程序可以在开发者工具中进行调试，开发者工具提供了类似 Chrome DevTools 的调试面板，对于前端开发者来说入门门槛比较低。 小程序开发完成之后，我们需要在真机上进行测试，真机调试方面小程序开发者工具有预览、远程调试和设置体验版本三大部分功能。除了这三种方式之外，我们还可以使用真机远程调试，在 iOS 上可以通过实现 Safari 调试代码，安卓中可以安装 X5 内核的 inspect 版本，开启 Chrome remote debug 模式。使用真机调试不仅可以发现开发者工具中不能发现的 bug，还能帮助我们理解小程序的运行原理。 下面介绍下如何使用 Xcode、Revea
uni-app app清除app缓存，使用一段时间app数据图片等缓存清理，记录一下
csl125的博客
01-27 4698
uni-app app清除本地的缓存，app使用一段时间缓存数据导致app卡顿，清理缓存 记录一下操作 设置里面有清理缓存按钮，点击按钮清除缓存 export default { components: { uniIcons, uniPopup, confirmPop }, data() { return { fileSizeString: "" } }, onLoad() { this.formatSize() }, .
微信开发者工具真机调试
最新发布
weixin_63339973的博客
03-05 543
但是有几点需注意：
【uniapp 获取缓存及清除缓存】
前端-CV全粘工程师
07-29 4659
【代码】【uniapp 获取缓存及清除缓存】
微信开发者工具-真机调试
yf18040578780的博客
08-17 6271
微信开发者工具-真机调试
uniapp数据缓存（存储/获取/移除/清空）
qq_44866810的博客
12-18 2199
uniapp数据缓存（存储/获取/移出）。存储uni.setStorageSync/获取getStorageSync/移除removeStorageSync。清除本地缓存clearStorageSync
微信开发者工具 游客身份不能使用真机调试
qq_36198515的博客
04-03 835
填写好我们申请的那个appid就可以就行真机调试了。只需要在详情里面-----基本信息。
微信小程序——真机调试步骤
m0_65992672的博客
07-10 1789
微信小程序——真机调试步骤，把网络ip添加到请求路径中（HBuilder X软件 小程序项目中main.js文件里面）设置——代理设置——不使用任何代理，勾选后直连网络。前提：手机和电脑连同一个网络，电脑连手机热点没用。
微信web开发者工具_微信小程序_微信_微信web开发者工具_
09-30
微信Web开发者工具，可用于微信小程序，微信公众号的开发
微信公众号真机调试（详细说明文档有截图）
03-23
1.使用TBS Studio进行微信公众号真机调试扫描二维码报错无法...2.本方法是在最新版微信基础上真机公众号调试，手机电脑同屏利用浏览器的chrome://inspect/#devices来调试（无需FanQ）包内是详细说明文档有截图亲测可用
微信小程序真机调试技巧，解决各种疑难杂症
11-30 2872
也许你调试的时候，会使用到真机调试或者预览模式或者体验版模式，这些模式都有可能出现意想不到的bug问题，这时候调试模式就非常非常重要了，特别是给领导看的时候，在领导手机上出现bug了，这时候你是不是非常紧张非常不安，别慌，打开小程序的调试模式：在小程序的右上角 > 点击三个点 > 最底部最后面的开发调试 > 打开调试 > 重新打开小程序，重新打开小程序后，就可以看到小程序的左上角有一个vConsole的按钮，点击这个按钮，就可以看到控制台的调试信息了，这时候要是有bug，就无法遁形了。
uni-App真机调试（平台配置真机调试）
qq_52151772的博客
01-05 7204
uni-app 项目配置 平台配置 HBuider建议下载 下载好之后点击工具 --> 设置 --> 运行配置 这个路径就是我们微信开发者工作的目录一般不需要我们自己填，只有运行不起来微信开发者工具时使用 配置好这些就可以点击运行了（包括下面这个微信的端口号开启） 微信小程序 打开微信小程序 点击设置 -> 安全设置 -> 保证服务器端口是开启的 app真机、模拟器 连接安卓设备 —> 首先确保我们电脑和手机通过数据线连接起来
详解uni-app项目运行在微信小程序调试
weixin_42397937的博客
05-30 2107
UNI-APP学习系列之详解uni-app项目运行在微信小程序调试以上就是今天要讲的内容，本文介绍了UNI-APP学习系列之详解uni-app项目运行在微信小程序调试的全部内容，后续我会基于VSCode继续进行开发讲解UNI-APP框架，喜欢的请点击关注，UNI-APP框架使用教程将会持续更新下去。
HBuilder将uniapp项目运行到微信开发者工具进行小程序调试
coderYYY的博客
03-14 4177
有时候我们的项目开发是使用uniapp，而最终是要发布到微信小程序的。在开发uniapp项目过程中，我们可以使用HBuilderX运行到微信小程序模拟器（微信开发者工具），一边写代码一边调试、预览效果。
【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行
字母哥博客
07-01 3837
本文为大家创建第一个uniapp项目，并将项目以andorid应用的形式运行到真机进行调试，以“微信小程序”为例编译运行到微信开发者工具。
uniapp如何真机测试、微信小程序端测试与模拟器测试
热门推荐
weixin_45689946的博客
11-05 1万+
1、uniapp如何在真机测试 首先，你的手机要打开开发者模式，下拉选择USB调试（各个手机开发开发者模式的方式不同，不懂如何打开USB调试的可以百度搜索）。接着连接数据线，选择文件传输。 接着在HbuilderX中选择运行 > 运行与手机或模拟器 > 运行，就可以了。 2、如何在微信小程序端运行uniapp 首先，你要先下载微信开发者工具。如果不知道怎么下载微信开发者工具可以参考这篇文章 微信小程序开发流程、开发者工具下载安装 微信小程序开发（创建项目介绍） 你要创建过一个微信小程序项目之后
在微信小程序中打开开发者工具，然后在真机上进行调试，如何让console输出调试信息。
06-09
在微信小程序中打开开发者工具，然后在真机上进行调试，可以使用以下方法让console输出调试信息： 1. 在小程序代码中添加console.log语句，例如： ``` console.log("这是一条调试信息"); ``` 2. 在微信小程序开发者工具的控制台中查看输出信息，具体操作如下： - 在微信小程序开发者工具中点击右上角的“调试”按钮，打开控制台。 - 在控制台中选择“真机调试”选项卡，然后选择要调试的真机设备。 - 在真机设备上打开微信小程序，进入要调试的页面。 - 在微信小程序开发者工具的控制台中，可以看到console输出的调试信息。 注意：在微信小程序中打开开发者工具进行真机调试时，需要保持开发者工具和真机设备在同一局域网内，并且需要开启调试模式。同时，真机设备需要在微信开发者工具中进行绑定，具体操作可以参考微信官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值