如何下载微信开发者工具
第一步:百度收索微信官方文档,点击进入微信官方文档。
第二步:选择小程序,点击进入微信小程序的官方文档。
第三步:选择工具,点击下载,选择稳定版的开发者工具版本。
第四步:开始安装。
如何使用微信开发者工具
第一步:使用微信扫描开发者工具的二维码,进入微信开发者工具的使用页面。
第二步:选择你要进入的是小程序还是公众号网页。
第三步:输入我们要使用的公众号网址。
第四步:开始测试。
微信开发者工具模块介绍
Elements
Elements:主要用来查看前面界面的html的Dom结构,和修改css的样式。css可以即时修改,即使显示。
Console
Console的意思是控制台,可以显示错误信息和打印变量的信息等。
Sources
Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。
Network
Application
Application:该面板主要是记录网站加载的所有资源信息,包括存储数据、缓存数据、字体、图片、脚本、样式表等。