0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

工具栏管理模拟器可以模拟小程序在微信客户端的表现

发表时间:2023-10-02 11:10:42

文章来源:炫佑科技

浏览次数:209

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

工具栏管理模拟器可以模拟小程序在微信客户端的表现

编译:编译当前小程序项目

刷新:与编译后的功能一致,由于历史原因保留了对应的快捷键ctrl(?) + R

编译配置:可以选择正常编译或自定义编译条件

前后切换:模拟客户端小程序后台运行、返回前台的操作

清除缓存:清除文件缓存、数据缓存、授权数据

界面:控制主界面窗口模块的显示和隐藏

设置:

外观设置:控制编辑器的颜色主题、字体、字体大小和行距

编辑设置:控制文件保存行为、编辑器性能

代理设置:选择直接网络、系统代理和手动代理设置

通知设置:设置是否接受某些类型的通知

工具栏

点击用户头像,打开个人中心工具栏管理模拟器可以模拟小程序在微信客户端的表现,您可以轻松切换用户,查看开发工具收到的消息。

用户头像右侧是控制主界面模块显示/隐藏的按钮。 至少需要显示一个模块。

工具栏中间可以选择普通编译,也可以新建一个并选择自定义条件进行编译和预览。

通过切换后台按钮,可以模拟小程序进入后台的情况。

工具栏提供了清除缓存的快速入口。 您可以在工具上轻松清除文件缓存、数据缓存、后台授权数据,方便开发调试

工具栏右侧是开发辅助功能区域,可以上传代码、版本管理、查看项目详情等。

工具栏管理

右键单击工具栏,打开工具栏管理

模拟器

模拟器可以模拟小程序在微信客户端上的表现。 小程序的代码编译后可以直接在模拟器上运行。

开发可以选择不同的设备或者添加自定义设备来调试小程序在不同尺寸机型上的适配情况。

在模拟器底部的状态栏中,可以直观地看到当前运行的小程序

独立窗口

单击模拟器/调试器右上角的按钮,可以在单独的窗口中显示模拟器/调试器

安装方法

1、首先选择本页面任意地址将微信网页开发工具包下载到本地并解压安装。 如下:

2.阅读授权协议,阅读后点击【我接受】。

3. 单击“浏览”选择安装位置。 建议安装在D盘。

4.等待微信网页开发工具配置完成。

5、*后微信网页开发工具安装完毕,点击【完成】开始体验。

6、*后打开微信网页开发工具效果如下:

指示

首先,下载微信开发工具,双击下载并安装程序。

将弹出类似的登录窗口。 使用手机微信扫描二维码。

扫描后,手机微信上会出现提示,询问是否确认登录。 只需点击手机即可确认登录。

点击确认登录后,电脑会自动识别登录成功,并出现选择小程序和公众号的窗口。

以公众号为主,点击右侧公众号,会出现调试界面。

输入内测公众号对应的URL进行相关调试。

之后,在右侧的控制台中,会出现相应的代码,您可以在其中进行调试。

使用说明

1.如何使用微信开发工具新建项目?

打开微信开发工具,执行“扫描二维码登录”,如下图。

登录后,点击“+”按钮,如下图所示。

进入Add后,点击“New ”微信小程序添加开发者,如下图。

进入新项目后,输入“信息”,点击“新建”,如下图。

进入新项目后,只需显示“hello word”即可,如下图。

2.微信开发工具配置方法

双击打开微信开发工具,使用小程序管理员微信或小程序绑定的开发微信扫描二维码登录。

确认登录后,点击选择小程序项目。

完善小程序项目信息。 进入小程序项目管理页面,填写AppID(即小程序ID)、项目名称,选择项目目录(选择图中右上角代码包解压后的**个目录)并确认。

完善小程序项目设置。 点击调试界面右上角-详细信息,在项目设置中勾选(设置勾选参考下图)。

确认域名信息。 点击调试界面右上角-详细信息,检查域名信息下的域名配置是否与建站系统管理后台-微信小程序-配置信息页面下的服务器配置一致错误时会提示:fail 不在以下合法域名列表中)。 注:修改域名请登录微信公众平台微信小程序账号,在设置-开发设置的服务器域名中修改。 微信开发工具不提供域名修改功能。

3.如何在微信开发工具中查看端口号?

点击微信开发工具

点击设置

选择安全设置

然后就可以看到端口号了

如果它关闭了,你就看不到它。

*后可以点击文档查看使用的命令。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多