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

如何下载微信开发者工具 第一步:百度收索微信官方文档,点击进入微信官方文档。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第二步:选择小程序,点击进入微信小程序的官方文档。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第三步:选择工具,点击下载,选择稳定版的开发者工具版本。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第四步:开始安装。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


如何使用微信开发者工具 第一步:使用微信扫描开发者工具的二维码,进入微信开发者工具的使用页面。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第二步:选择你要进入的是小程序还是公众号网页。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第三步:输入我们要使用的公众号网址。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


第四步:开始测试。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


微信开发者工具模块介绍 Elements Elements:主要用来查看前面界面的html的Dom结构,和修改css的样式。css可以即时修改,即使显示。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


Console Console的意思是控制台,可以显示错误信息和打印变量的信息等。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片

Sources Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。
微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


Network 微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片


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

【微信开发者工具|微信开发者工具下载及公众号使用介绍】微信开发者工具|微信开发者工具下载及公众号使用介绍
文章图片

    推荐阅读