本篇文章给大家谈谈微信小程序开发调试工具，以及小程序手机端调试对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、小程序开发工具有哪些
• 2、微信小程序■控制台怎么打开
• 3、小程序-解决体验版只能打开调试工具才能加载数据（请求接口）问题
• 4、微信小程序需要哪些开发工具
• 5、微信〗开发者工具中调试器旁边显示的是什么

小程序开发工具有哪些

一、微信小程序官方开发工具

注意，它只是个工∩具，而不是①一个IDE。官方工具中的代码编辑功能♂，就是将vscode的代码编辑功能Ψ 嵌入到工具中，不足以支撑开发。【点击查看小程序开发底价】

二、即速应用

即速应用是起步较早、使用量较多、比较成熟的平台。大概是Ψ 比较有钱，所以到处都能看到他们的广告，有时候我在百度中输入和▂小程序不相关的词，也会弹出即速应用的广告。在即速应用这个平台上画界面很容易，可以不怎么需要代码的功底。从组件界面来看，给用户的选择还是蛮多▃，但是模板比较固化，不能做太多修改定制。有⊙些组件是VIP和SVIP级别的用户才能使用，也就是要收费。

三、Sublime Text 3

sublime text 3定位于代码编辑器而不是IDE，在代码提示方面只能算一般般①，不过胜在『使用起来非常方便▆。

四、WebStorm

WebStorm网上有个插件〖≡，可以实现代↓码提示，不能做№调试和预览，

想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独ζ　角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区█超过100个。十余年来，累计有10万余个人通过平台孵化【成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。

微信小程序控制台怎么打开

1、首先打○开小程序，并登陆开发者的账号。

2、其次点击开发者工具，并选择调试。

3、最后在界面中，选择调试微信开发者工具，在页面中选择控制台即可打开。

小程序-解决体验版只能打开调试工具才能加载数据（请求接口）问题

小程序开发完成后生成了体验版权，但数据一直加载不出来，解决方法：

1）打开微信开发者工具，查看是否开启（勾选）了“不校◣验合法域名、web-view（业务域名）、TLS版本以及HTTPS证书”。如果开启，关掉（取消勾选）。

2）关掉之后，打开调试器¤。会出现如下错误提示，这是由于小程序后台没有配置服务器域名（request合法域名）导致的。

3）接下来，我们到小程序后台（ mp.weixin.qq.com ）进行域名配置：进入后台--左侧菜单打开“开发”--右侧选择“开发设置”--找到“服务器域名”--修改。

4） 重要！重要！重要！ 回到微信开发者▆工具，右上角“详情”--“项目配置”--“域名信息”更新，看到域名信息列表和后台配置的一样，更新成功。

5）此时，小程序╳服务器域名已经添加成功，数据可以加载出来了。

微信小程序需要哪些开发工具

微信小程序需要哪些开发工具?

一、微信小程序官方开发工具

注意，它只是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功卐能嵌入到工具中，不足以支撑开发。

优点

因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势，如果不是他代码编辑功能太弱的话。

官方工具，可调试，可预览

基本№的代码编辑、智能提示、调试等功能都有

项目管理、创建、手机预览、代码提交审∏核

官方维护更新

缺点

不好的地方也很明显，总体而言是一款工具而不是IDE。糟糕的代码编辑功能，写起代码非常别扭，这是我放弃它▽的最重要原因。

api提示不全，要※一个个查api，影响写代码的速度

很多必备的快捷键都没有，比如全选关键字、快速复制一行等等

颜色主题不能选，不喜欢白色风格怎么搞

没有插件 没有插件 没有插件 重要的事情说三遍

评价

目前因为需要用到々微信web开发工具进行小程序的创建、调试、查看、预览、上传，所以这个工具必不可少。但是代码编辑功能实在太差，推荐使用其它第三方代码编辑工具代替。

二、即速应用——适合技术小白的小程序开发工具

严格来说，即速应用并不是为专业程序员准备的△开发工具，但它绝对是一款功能非常强大的微信小程序○制作工具。不懂技术不懂编程的人，一定会爱上即速应用这款工具的。

优点

可视化操作，直接拖拽组件生成页面

提供大量可套用的模板

可将代码◤打包下载，直接对接到小程序的开发工具

下●载下来后的代码可以任意编辑

缺点

电商模板居多，其他类别的模板较少

复杂的功能仍然需要专业程序员二次开发

评价

客观地说，即速应用这款微信小程序制作工具非常适合技术小白。因为它相当于把需要代码的`部分都□帮你做好了，所以不用太头疼技术方面的问题。当然，如果你是程序员，一样可以在它生成的代码基础上进行二次开发的。

三、Sublime Text 3——简洁高效的开发工具

sublime text 3定位于代码编辑器而不是IDE，在代码提示方面只能算一般般，不过胜在使用起来非常方便。

优点

打开文件速度倍儿快、UI简洁大方

代码编辑体验舒适、高效

拥有大量插件，针对不同需求基本上能找到对应插件来满足

第三方开发者开发小程序插件用于代码着色和代码提示

缺点

没有调试，没有预览

因为是第三◥方开发者编写的插件，代码提示也不是非常全面◣

评价

使用门槛不会太高，可以迅速上手。是但如果想实现一些丰富的功能就会比较吃力了。

四、WebStorm——功能繁多的重度开发工具

WebStorm网上有个插件，可以实现代码提示，不能做◥调试和预览，并且属于重度工具↘，如果你是，可以尝试一下这个工具。

优点

有插件可以实现代码高亮，代码提示等功能

有非常成熟和非常丰富的功能

各种【快捷键

缺点

无法调试预览

功能『比较多、比较臃肿

评价

Webstorm和上述→几个工具相比，代码编辑功能较强大。但是需要插件支持才可以开发小程序，而且体积臃肿。

微信开发者工具中调试器旁边显示的是什么

微信开发者工具区域构成

调试器区域各个面板的功↑能

Wxml面板：用于帮助开发★者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，还可以查看数据是否渲染到页☆面的代码上。同时可以通过修改对应的代码，在模拟器中实时看到修改的情况（仅为实时预览▼，无法保存文件）。通过调试器区域左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。

Console面板：可以用来显示小程序的输出信息、出错信息等，还可以在控制台中输入build（编译小程ㄨ序）、preview（预览）、upload（上传代码）、npm（包管理）等命令，执行URL的代理使用情况的checkProxy（URL）命令。

AppData面板：用于显示当前项目运行时小程序 AppData 具体数据，实时地反映项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。

Sources面板：用于显示当前项♂目的脚本文件，与浏⊙览器开发不同，微信小程序框架会对脚本文件◤进行编译，所以在 Sources 面板中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define() 函数中，并且对于 Page（页面） 代码，在尾部会有 require 的主动调用。

Storage面板：用于显示当前项目的使用 wx.setStorage() 或者 wx.setStorageSync() 后的数据存↘储情况。可以ぷ直接在Storage面板上对数据进行删除、新增、修改。

NetWork面板：用于观察发送请▓求（request）和调用文件（socket）的信息和具体情况。

Audits面板：可用来在小程序运行过程中实时检查，分析】出一些可能导致体验不好的地方，并定位出哪里有】问题，以及给出一「些优化建议。

Security面板：用于调∩试当前程序的安全和认证等问题，并确保已经在程序上正确使用Https。

Sensor面板：可以在这里选择模拟地理位置（纬度、经度、速度、精确度、高度、水平、精确度、垂直精确度等地理定位信息和方向定位信息）；模拟移动设备表现，用于调试重力感应API。

Trace面板：实现对不同设备的监测

关于微信小程序开发调试工具和小程序手机端调试的介绍到此就结束了，不知道你从中找▅到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。