微信开发者工具 微信小程序中调试器console界面不显示跑出的代码结果的问题解决

最新推荐文章于 2025-04-17 16:12:33 发布
最新推荐文章于 2025-04-17 16:12:33 发布
阅读量2.4w 收藏 4
点赞数 4
文章标签： intellij idea java php spring github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lori1993/article/details/105429467
版权
本文介绍了一个常见的控制台界面问题：运行代码后结果不显示的解决方案。通过简单地点击设置按钮（蓝色小齿轮），即可切换界面并查看代码运行结果。初次操作时可能会遇到提示信息，直接关闭即可继续。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
最初的console 界面可能以下这样的, 当ctrl + s 保存并跑了一段代码,但是不显示结果.
解决办法就是把旁边的设置按钮 (蓝色的小齿轮) 点击一下就可以切换界面并看到跑代码的结果了
在这里插入图片描述
点击一下设置按钮,显示界面改变如下, 可以看到跑代码的结果. 如果第一次点击切换有出现一行提醒的字 直接叉掉就可以了
在这里插入图片描述

lori1993
关注
微信开发工具简单介绍
m0_64911857的博客
03-28 156
微信小程序开发上手遇到的一些问题，比如开发工具下载地址，文件目录构成及存放文件内容。
使用微信开发者工具进行小程序生成与发布
吃不胖.
04-27 1194
微信开发者工具是一款由微信官方推出的用于开发、调试和发布小程序的集成开发环境。它提供了丰富的功能和工具，方便开发者进行小程序开发和调试，并且支持将小程序发布到测试环境或正式环境。本文将详细介绍如何使用微信开发者工具进行小程序的生成与发布。
问题：微信开发者工具调试器空白
Juihui822的博客
06-06 778
微信开发者工具调试器空白的问题，不要从任务栏打开
微信开发者工具的下载与安装：低步骤完成
最新发布
qq_73786393的博客
04-17 664
微信开发者工具的安装下载和账号申请
微信开发者工具console界面不显示代码
qq_45320932的博客
01-19 7851
小程序开发者工具console.log失效 使用console.log（） 可以在调试器这里显示跑代码的结果 但是如果突然不显示了，可以采用如下方法： 找到三个小点点 选择设置选项 重启大法好！！！！！ 选择最下面的 restore选项 ...
微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出
YZRHANYU的博客
12-02 8092
微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出
微信小程序真机调试时，consolelog无效
qq_57532926的博客
06-30 1526
不管手机上怎么点击，console控制台始终空白
uniapp小程序console.log在微信开发者工具中不打印问题
fighting ~的博客
08-02 7603
最近在开发一款uniapp小程序，发现console.log在微信开发者工具中不打印，但在H5页面就能够有打印输出，于是在网上寻找原因…，然后将项目重新运行到微信开发者工具中就可以在控制台看到打印输出啦。将compress.drop_console由。
关于微信开发工具调试器面板的问题
pealx的博客
01-29 775
关于微信开发工具调试器面板全黑的问题
微信开发者工具下载及小程序项目的创建与调试（完整图文教程）
热门推荐
Captinyoo的博客
03-04 1万+
本文将介绍微信开发者工具下载及小程序项目结构与工具的详细讲解，涵盖了微信小程序开发的许多关键方面，从工具的下载、安装，到项目的创建和结构讲解，以及调试和基础库的选择等。
微信小程序开发—微信开发者工具界面认识
ylycrp的博客
11-11 1492
认识小程序开发页面，调试小程序
小白学习微信小程序开发的调试技巧
2401_85258012的博客
07-02 456
小程序开发可以使用微信开发者工具进行调试，下面介绍一些小白学习微信小程序开发的调试技巧内容，并提供一些代码案例。使用断点调试 微信开发者工具支持在代码中设置断点，可以在需要调试的代码行左侧点击，即可设置断点。以上是小白学习微信小程序开发的调试技巧内容，包括了调试工具介绍和常用的调试技巧。使用调试工具 微信开发者工具提供了调试工具，可以在运行时查看页面的状态、性能等信息。创建小程序项目 打开微信开发者工具，点击左上角的“新建小程序项目”，填写项目名称、路径等信息后，点击“确定”即可创建一个新的小程序项目。
微信小程序真机调试数据不显示
weixin_56733569的博客
12-21 6804
解决微信小程序连接本地服务器，真机调试数据不显示问题
微信小程序真机调试无数据
kaiyu0426的博客
06-07 1192
微信小程序真机调试无数据
微信小程序调试器下面没内容
m0_53871713的博客
02-01 1638
调试器控制台没有任何内容显示，即使重启开发者工具也还是没有用的情况。卸载重装，直接把它安装到默认路径（C盘），不要装其他盘。
微信小程序：web-view如何调试页面查看console.log
奋斗鱼
10-06 5078
问题： 在微信小程序的页面中，web-view内嵌了另一个页面url，但该调试页面的时候发现看不到console.log值，以及其他调试信息。 解决方案： 在微信开发者工具模拟器页面的底栏，有个眼睛图标，旁边有个"..."的按钮，点开后可以看到“调试”菜单，选中后，会弹出调试器窗口。该窗口内就可以查看到web-view的调试信息页面了。 ...
关于微信小程序真机调试,出现空白页面的几种可能
qq_53936481的博客
04-23 4024
调试时，在微信小程序的模拟器上，那个代码跑的可谓顺风顺水，一到真机上，就跑不起来，甚至显示空白页面，查看真机的后台里的wxml，显示也是空白。lazyCodeLoading:requiredComponents 的问题。运行时按需加载特定的组件代码，而不是在启动时就加载全部代码。可能原因就是，引用了外部组件和外部包(npm下载的)这时可能是app.json文件里倒数第二行的。序的启动速度和优化用户体验是非常有帮助的。是一种延迟加载代码的策略，它允许小程序在。
HBuilderx控制台不输出console.log得解决方法
nuanpang的博客
07-12 1万+
HBuilderx控制台不输出console.log得解决方法
4.1【微信小程序全栈开发课程】个人中心（一）--页面样式、用户信息展示
腾讯云云开发布道师，慕课网合作讲师
10-16 6488
第四章，我们来完善个人中心，主要操作是src/pages/me文件夹中的me.vue文件，先看看个人中心页面的效果： 1、将个人中心页面放在首页 在讲解app.json文件时，提到过在pages数组中第一个页面路径是进入小程序的默认显示页面 这一章我们编辑个人中心页面，将个人中心页面路径放在pages数组中的第一个 编辑src/app.json文件，将个人中心页面路径放在第一个 "pages":...
微信开发者工具运行微信小程序
01-17
### 使用微信开发者工具运行微信小程序 #### 工具准备 为了能够顺利使用微信开发者工具，需先完成该工具的下载与安装。对于Mac用户而言，可以通过特定命令实现Homebrew环境下的安装操作[^3]。 ```bash /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" ``` #### 打开并创建项目 启动微信开发者工具之后，在欢迎界面可以选择新建项目。此时需要输入项目的名称以及本地存储路径，并指定AppID（如果是为了测试目的，则可以选用体验版AppID）。随后选择模板，这里通常会选择“快速启动模板”。 #### 编辑项目文件 进入编辑器后可以看到整个项目的结构布局。依据个人需求修改`app.js`, `app.json`, 和`app.wxss`这三个全局性的文件；同时也可以针对各个独立页面进行定制化调整，比如index页面中的逻辑处理(index.js)，数据展示方式(index.wxml),样式设计(index.wxss)[^1]。 #### 运行调试程序 当所有准备工作完成后，就可以点击界面上方中间位置的绿色播放按钮来预览效果了。这一步骤将会自动编译源码并在内置浏览器内加载显示出来的小程序实例。与此同时，还支持真机调试模式——只需扫描二维码就能让手机端同步展现最新改动情况，极大地方便了开发人员即时查看实际运行状况。 #### 查看日志信息 在底部面板提供了详细的Console输出窗口，用于记录执行过程中的各种消息提示、警告错误等内容。这对于排查问题非常有帮助，建议保持开启状态以便随时查阅必要的反馈情报。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值