大小:168.74M
更新时间:24-01-28
系统:Pc
版本:v1.06.2401232
微信开发者工具开发版是微信官方为方便开发者进行微信小程序的开发和调试而提供的一款软件,通过内置的调试功能和版本管理、项目分享功能,开发者不仅能够快速编写、修正和调试小程序代码,还可以更好地发现和解决问题,提高团队的协作效率。
值得一提的是,微信开发者工具开发版提供了模拟器和真机调试功能,方便开发者在开发过程中进行实时预览和调试,通过模拟器,开发者可以在不连接真实设备的情况下模拟各种不同型号的手机,查看小程序在不同设备上的显示效果和交互行为,同时,开发者还可以将小程序直接部署到真实设备上进行真机调试,以确保小程序在各种实际环境中的稳定性和兼容性。
除此之外,微信开发者工具开发版还提供了数据分析功能,帮助开发者了解小程序的运行情况和用户行为。开发者可以通过工具提供的数据统计接口,获取小程序的访问量、用户留存率、页面跳转等数据指标,从而进行数据分析和优化,欢迎有需要的用户朋友下载使用。
程序调试主要有三大功能区:模拟器、调试工具和小程序操作区
一、模拟器
模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。
二、自定义编译
点击工具栏中的编译按钮或者使用快捷键 Ctrl(⌘) + B,可以编译当前代码,并自动刷新模拟器。
同时为了帮助开发者调试从不同场景值进入具体的页面,开发者可以添加或选择已有的自定义编译条件进行编译和代码预览。
三、编译异常信息
在预览或上传的过程中,可能会出现编译异常信息。
忽略上传的文件:在项目文件夹下,某些文件可能不是小程序运行所需的,例如 readme 文档、.gitignore 文件等。为了优化大小,在预览和上传的过程中,这些文件将不会被打包。
体积过大的文件:如果勾选了 ES6、 转 ES5 或代码压缩的选项,为了优化编译速度,对于某些体积很大的 JS 文件,工具会跳过对这些文件的处理。
四、自定义预处理
在项目设置页卡,我们提供了以下几个默认的预处理,可以解决大部分的代码文件预处理的问题
1)ES6 转 ES5(可以应用于编译、预览、上传),使用 "babel-core": "^6.26.0"
2)上传代码时样式自动补全,使用 "postcss": "^6.0.1"
3)上传代码时自动压缩,使用 "uglify-js": "3.0.27"
对于高级开发者来说,完全可以自己编写自动化构建脚本对代码文件进行预处理,所以我们提供了 启用自定义处理命令 选项 开发者可以指定 编译前/预览前/上传前 需要预处理的命令 开发者工具使用 shell 的方式运行指定的命令,并在控制台中输出命令的执行日志
预处理命令的执行顺序
1)自定义预处理命令
2)默认预处理命令
3)编译/预览/上传
注:
1)编译前预处理命令,需要手动点击 "编译" 按钮,或者使用快捷键编译才能触发。文件修改无法触发该命令。
2)Mac 版本的开发者工具无法复用 bash 中的 Path 环境变量。可能需要手动设置系统的 Path 环境变量,才能正常执行命令。
五、前后台切换
工具栏中前后台切换帮助开发者模拟一些客户端的环境操作。例如当用户从小程序中回到聊天窗口,会触发一个小程序被设置为后台的回调。
六、调试工具
调试工具分为 7 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage、Sensor、Trace
七、Wxml panel
Wxml panel 用于帮助开发者开发 wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况(仅为实时预览,无法保存到文件)。通过调试模块左上角的选择器,还可以快速定位页面中组件对应的 wxml 代码。
八、Sources panel
Sources panel 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources panel 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。
九、AppData panel
AppData panel 用于显示当前项目运行时小程序 AppData 具体数据,实时地反映项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。
十、Storage panel
Storage panel 用于显示当前项目使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。
可以直接在 Storage panel 上对数据进行删除(按 delete 键)、新增、修改。
十一、Network panel
Network Panel 用于观察和显示 request 和 socket 的请求情况
十二、Console panel
Console panel 有两大功能:
1)开发者可以在此输入和调试代码
2)小程序的错误输出,会显示在此处
在控制台中可以输入以下命令
build: 编译小程序
preview: 预览
upload: 上传代码
openVendor: 打开基础库所在目录
openToolsLog: 打开工具日志目录
checkProxy(url): 检查指定 url 的代理使用情况
十三、Sensor panel
Sensor panel 有两大功能:
1)开发者可以在这里选择模拟地理位置
2)开发可以在这里模拟移动设备表现,用于调试重力感应 API
十四、自动预览
自动预览可以实现编写小程序时快速预览,免去了每次查看小程序效果时都要扫码或者使用小程序助手的麻烦。只需按下快捷键,保持前台运行的微信即可自动唤出或刷新小程序。
要使用自动预览功能,需要配合 6.6.7 及以上的微信客户端版本。
要开始使用 “自动预览” 功能,可以在打开预览二维码的时候,点击 “自动预览” 标签以切换到自动预览模式。切换到自动预览模式后,只需按下预览快捷键,或者点击浮窗上的 “编译并预览” 按钮,即可触发自动预览。此时工具会上传代码,保持前台运行的微信客户端会自动刷新当前开发的小程序。
当自动预览成功时,工具栏上的预览图标会显示为一个绿勾。如果预览出错,则会显示为一个红色惊叹号,可以点击查看详情。
注意,自动预览功能仅限与登录开发者工具的同账号微信使用。如需换回普通预览模式,只需要点击 “扫描二维码预览” 标签即可。
用户可以在快捷键设置里自定义预览快捷键。
1、安装并打开本站下载的微信开发者工具开发版,可看到支持小程序和网页项目,
2、点击+添加小程序,
3、这里我们选择确定就可以了,
4、在详情中,还可以进行相应的本地设置,
5、如果,可看到当前已经显示机型了,我们点击上方的【调试器】,
6、当POST请求看传参的话,我们可以往下滑,
7、后续改完bug,开发再给你发包后,点击一下上方的【编译】就可以了,
8、还可以进行缓存清理,以上就是微信开发者工具开发版真机调试的方法了。
v1.06.2401232版本
1、修复 对齐真机拉取资源文件路径
2、修复 热重载的时候新建组件编译错误的问题
v1.06.2312182版本
1、新增
多端模式支持 iOS 内测分发
2、优化
不应该允许开启调试器设置 Selected Context Only
微信开发者工具稳定版v1.06.2401020官方版大小:168.8M时间:2024-01-28查看
微信web开发者工具预发布版v1.06.2312061官方版大小:168.89M时间:2024-01-28查看
同类热门
猜你喜欢
类似软件
caxa线切割xp安装包42.82M9161人在用 caxa线切割xp是一款面向线切割加工行业的计算机辅助自动编程工具,软件集图纸设计和代码编程于一体,主要具有图形绘制、高级设计、切割轨迹及生成3B、4B、R3B代码等功能,能有效满足线切割加工行业的计算机辅助自动编程需求,在需要切割功能的时候使用它
查看程序员编程艺术pdf7.91M222人在用程序员编程艺术PDF中文版是一款非常不错的高清电子书,详细介绍了编程艺术的第1章到27章的集锦和总结,教你如何编程。重点是:如何提高广大初学者的编程能力,以及如何运用编程技巧和高效的算法解决实际应用问题。有需要的可以前往本站下载使用哦!使用说明1、下载并
查看visual studio 2010旗舰版2.36G14199人在用 Visual Studio是目前最流行的Windows平台应用程序开发环境。Visual Studio 2010版本于2010年4月12日上市,同时带来了NET Framework 4.0、Visual Studio 2010 CTP,并且支持开发
查看热门标签
网友评论0人参与,0条评论
最新排行
Crimson Editor(代码编辑器)1.58Mv3.72官方版 Crimson Editor是一款面向Windows的专业源代码编辑器。该软件不但速度快,而且体积小,它不仅可以作为记事本的替代品,同时为编程语言(如HTML,C / C ++,Perl和Java)提供了许多强大的功能。可用于HTML,C / C
查看justmd(Markdown编辑器)39.3Mv1.1.1绿色版justmd是出自国外的一款界面精简,功能实用的Markdown编辑器。除了常见的同步滚动、导出为 HTML、导出为 PDF 等功能外,它还是一款带有智能粘贴功能的编辑器,支持图片、HTML 内容、Word 文档内容等,简单来说,就是将你复制的富文本内容
查看