小程序开发工具栏通过菜单栏访问微信开发者工具
发表时间:2023-09-30 16:32:49
文章来源:炫佑科技
浏览次数:141
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
本文主要对小程序开发工具进行简单介绍:
第二个界面布局
小程序项目创建成功后,会自动进入开发调试环境。 从图中可以看出,微信开发工具的主界面主要由菜单栏、工具栏、模拟器、编辑器和调试器组成。接下来,将分别对这些功能进行说明。
三个菜单栏
微信开发工具的大部分功能都可以通过菜单栏访问。 常用的菜单如下:
四个工具栏
工具栏提供了一些常用功能的快捷按钮。 具体解释如下:
五个模拟器
模拟器用于模拟手机环境,检验不同型号手机的运行效果。
图中小程序开发工具栏通过菜单栏访问微信开发者工具,顶部的12 5表示手机型号。 点击 切换至其他手机。 由于不同的手机屏幕有不同的CSS像素和不同的长宽比,因此在开发小程序时应该适应常见的手机屏幕。 100%代表缩放比例小程序开发工具,可以调整预览画面的大小。 WIFI代表网络环境,也可以切换为2G、3G、4G或(离线)。 不同环境下的网络速度不同,因此可以测试小程序的网络加载速度。 模拟器底部状态栏显示当前页面路径为/pages/index/index
六位编辑
编辑器分为两栏:左栏用于浏览项目目录结构,右栏用于编写代码。 单击左栏中的文件可编辑右栏中的文件。
七个调试器
调试器类似于浏览器中的开发工具。 下面简单介绍一下调试器中各个面板的功能。