如何下载微信开发者工具 第一步:百度收索微信官方文档,点击进入微信官方文档。
文章图片
第二步:选择小程序,点击进入微信小程序的官方文档。
文章图片
第三步:选择工具,点击下载,选择稳定版的开发者工具版本。
文章图片
第四步:开始安装。
文章图片
如何使用微信开发者工具 第一步:使用微信扫描开发者工具的二维码,进入微信开发者工具的使用页面。
文章图片
第二步:选择你要进入的是小程序还是公众号网页。
文章图片
第三步:输入我们要使用的公众号网址。
文章图片
第四步:开始测试。
文章图片
微信开发者工具模块介绍
Elements Elements:主要用来查看前面界面的html的Dom结构,和修改css的样式。css可以即时修改,即使显示。
文章图片
Console Console的意思是控制台,可以显示错误信息和打印变量的信息等。
文章图片
Sources Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。
文章图片
Network
文章图片
Application Application:该面板主要是记录网站加载的所有资源信息,包括存储数据、缓存数据、字体、图片、脚本、样式表等。
【微信开发者工具|微信开发者工具下载及公众号使用介绍】
文章图片
推荐阅读
- vue|统一身份认证登录详细介绍-identity4
- 运维|云原生技术(Kubernetes)
- 技术交流|【云原生】Kubernetes(k8s)的架构与组件介绍
- windows|嵌入式培训经验分享——进程之间的通讯(常用)
- 测试|UI自动化
- 运维|Mysql数据库的备份与恢复
- 阿里云教程|企业如何选择阿里云服务器? 阿里云服务器配置购买帮助文档
- 《Linux》|<Linux常用开发工具使用(yum、vim、gcc/g++、gdb、make/Makefile等)>——《Linux》
- Linux基础使用|Linux 运行和控制 shell 脚本