微信开发者工具下载及公众号使用介绍

如何下载微信开发者工具

第一步:百度收索微信官方文档,点击进入微信官方文档。

 

第二步:选择小程序,点击进入微信小程序的官方文档。

微信开发者工具下载及公众号使用介绍_第1张图片

第三步:选择工具,点击下载,选择稳定版的开发者工具版本。

微信开发者工具下载及公众号使用介绍_第2张图片

第四步:开始安装。

微信开发者工具下载及公众号使用介绍_第3张图片 

如何使用微信开发者工具

第一步:使用微信扫描开发者工具的二维码,进入微信开发者工具的使用页面。

微信开发者工具下载及公众号使用介绍_第4张图片 

第二步:选择你要进入的是小程序还是公众号网页。

微信开发者工具下载及公众号使用介绍_第5张图片

第三步:输入我们要使用的公众号网址。

微信开发者工具下载及公众号使用介绍_第6张图片

第四步:开始测试。

微信开发者工具下载及公众号使用介绍_第7张图片 

微信开发者工具模块介绍

Elements

Elements:主要用来查看前面界面的html的Dom结构,和修改css的样式。css可以即时修改,即使显示。

微信开发者工具下载及公众号使用介绍_第8张图片

Console

Console的意思是控制台可以显示错误信息和打印变量的信息等。

微信开发者工具下载及公众号使用介绍_第9张图片

Sources

Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。

微信开发者工具下载及公众号使用介绍_第10张图片

Network

微信开发者工具下载及公众号使用介绍_第11张图片

Application

Application:该面板主要是记录网站加载的所有资源信息,包括存储数据、缓存数据、字体、图片、脚本、样式表等。

微信开发者工具下载及公众号使用介绍_第12张图片

你可能感兴趣的:(微信开发者工具,测试,运维,经验分享)