您的位置 首页 > 数码极客

微信开发js如何设置分享功能

微信开发者工具 for Mac是Mac平台上的微信小程序开发工具。微信web开发者工具Mac版可以在Mac上模拟访问微信内网页,帮助开发者更方便、更安全地开发和调试基于微信的网页。为了帮助开发者简单和高效地开发和调试微信小程序,在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。

使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK 详情 使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

微信web开发者工具Mac版软件特色

微信web开发者工具Mac版作为一个桌面应用,可以通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。

微信web开发者工具Mac版集成了公众号网页调试和小程序调试两种开发模式。

使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK。

使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

微信web开发者工具Mac版在原有版本的功能的基础上,新增了两个开发辅助功能:

使用腾讯云,快速搭建小程序后台运行环境。

申请测试报告,了解小程序在真实的移动设备上运行性能和运行效果。

微信开发者工具 for Mac 菜单介绍

一、界面

1. 启动项-登录页

在登录页,可以使用微信扫码登陆开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

2.项目列表

登录成功后,会看到已经存在的项目列表和代码片段列表,

在项目列表可以选择公众号网页调试,进入到公众号网页调试模式

3.新建项目

当符合以下条件时,可以在本地创建一个小程序项目

需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。

登录的微信号需要是该 AppID 的开发者;

需要选择一个空目录,或者选择的非空目录下存在 a 或者 。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。

4. 多开项目

工具支持同时打开多个项目,每次打开项目时会从新窗口打开,入口有以下几种:

从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页

从菜单栏的最近打开项目列表中打开的项目会从新窗口打开

新建项目

命令行或 HTTP 调用工具打开项目

5.管理项目

对本地项目进行删除和批量删除

6. 主界面

开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、编辑器、调试器 五大部分。

菜单栏

微信web开发者工具

切换帐号:快速切换登录用户

关于:关于开发者工具

检查更新:检查版本更新

开发者论坛:前往开发者论坛

开发者文档:前往开发者文档

调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题

更换开发模式:快速切换公众号网页调试和小程序调试

退出:退出开发者工具

项目

新建项目:快速新建项目

打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目

查看所有项目:新窗口打开启动页的项目列表页

关闭当前项目:关闭当前项目,回到启动页的项目列表页

文件

新建文件

保存

保存所有

关闭文件

编辑:可以查看编辑相关的操作和快捷键

工具

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

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

编译配置:可以选择普通编译或自定义编译条件

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

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

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

设置:

外观设置:控制编辑器的配色主题、字体、字号、行距

编辑设置:控制文件保存的行为,编辑器的表现

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

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

工具栏

点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。

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

工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。通过切后台按钮,可以模拟小程序进入后台的情况

工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。工具栏右侧是开发辅助功能的区域,在这里可以上传代码、申请测试、上传腾讯云、查看项目信息

工具栏管理

在工具栏上点击鼠标右键,可以打开工具栏管理

模拟器

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

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

在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数

独立窗口

点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

注意事项

macOS Catalina (macOS 10.15) 已损坏无法打开解决办法:

打开终端(“启动台”—“其他”),输入以下命令,回车:

sudo xattr -d com.a /Application(注意空格:sudo空格xattr......)

注意:/Application 换成你的App路径,这一步的具体步骤为:在输入 sudo xattr -d com.a 后将你打不开的软件拖进终端,重启App即可。

MacOS 10.15 系统下,如提示“无法启动”,请在系统偏好设置-安全性与隐私-选择【仍要打开】,即可使用。

微信小程序开发工具更新日志

2021.03.19 更新日志
A 新增 云函数本地调试支持模拟环境变量
A 新增 云开发云托管消息推送
A 新增 公众号网页开发支持音频标签
A 新增 公众号网页调试支持横屏
A 新增 wx.request 支持使用 enableHttp2 参数 详情
A 新增 可视化编辑增加组件面板
A 新增 调试菜单增加打开工具调试相关文件快捷操作
A 新增 支持 getUserProfile 接口的交互
U 优化 公众号网页调试窗口支持自定义标题栏
U 优化 二次编译 JSON 文件的速度
U 优化 新建云开发项目体验优化
U 优化 sitemap 文件的检测方式
U 优化 背景音频支持倍速设置 playbackRate 反馈详情
U 优化 调试器 js context appservice 展示改为非红色
U 优化 调试器 sources 面板默认自动展开当前 instanceframe 内的代码目录
U 优化 10MB以上代码包采用异步方式上传
U 优化 模拟器更多功能半屏弹窗,横屏时对齐客户端样式
F 修复 分包插件页无法引用分包组件的问题
F 修复 小游戏模拟器分离窗口显示不全的问题 反馈详情
F 修复 调试器 sensor 面板重力模拟无法使用的问题
F 修复 WeappApplication 目录下 Temp 文件占满磁盘问题 反馈详情
F 修复 二维码编译打不开的问题 反馈详情
F 修复 无手机号小程序无法开通云开发的问题
F 修复 多项目窗口切换登录用户后没有同步头像等状态
F 修复 代码片段分享失败的问题
F 修复 模拟器网络设为 offline,WebSocket 依然能通信的问题反馈详情
F 修复 showToast icon 为 error 展示不正确的问题 反馈详情
F 修复 中 safe-area-inset-bottom 可能失效的问题
F 修复 小游戏开发模式下读取非game.json的json文件时,控制台会输出警告的问题
F 修复 第三方平台开发模式下,真机调试获取不到ext.json内容的bug 反馈详情
F 修复 导入项目不能选择云开发的问题 反馈详情
F 修复 部分机器调试器白屏问题
F 修复 编译条件参数为空时 onLoad 方法获取的 options 为 {"": ""} 的问题 反馈详情



责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“微信开发js如何设置分享功能,微信开发小程序,微信开发”边界阅读