前言:微信 Mac 版新版本中,支持打开聊天中分享的小程序,开发者可下载安装微信 Mac 版公测版本进行体验和适配。最新版微信开发者工具新增支持在微信 Mac 版中预览小程序和进行真机调试。
2019年1月10日,微信开放社区已经发布公告“Mac小程序公测”。官方公告地址:
代码语言:javascript复制https://developers.weixin.qq.com/community/develop/doc/0000a0544fcfc013c8b9d164a5b801
微信 for Mac 2.4的下载地址:
代码语言:javascript复制https://dldir1.qq.com/weixin/mac/WeChatMac_Beta.dmg
大家可以自己去下载,在电脑上体验一下小程序。
1、微信开发者工具可以“启动自动预览”
设置步骤:微信开发者工具 -> 设置 -> 通用设置 -> 启动MAC端自动预览
设置成功后,当你点击开发工具上的“预览 -> 自动预览 -> 编译并预览”,就会展现MAC端小程序的预览效果。
2、小程序功能基本正常
打开mac版小程序后,功能基本正常。群聊和私聊中打开小程序卡片、页面互相跳转、提交表单数据、下/上拉刷新等,与手机端小程序差别不大。
值得一提的是,这个版本支持了分包内容,之前Windows推出的第一个版本,分享的小程序卡片,如果使用了分包,卡片打开后会自动跳至首页。mac这个版本已经没有此问题了。
(mac版微信,群聊中的小程序卡片)
注:暂不支持小游戏
3、支付可通过扫码完成
mac端的支付,目前是以二维码形式展现,下图是“新氧安心美”小程序界面的支付截图:
有个小插曲:用不同微信账号扫码支付,会提示“下单账号与支付账号不一致,请核实后再支付”,点击“确定”后,mac端小程序直接崩溃。
(mac版微信异常退出的提示)
4、支持同时打开多个小程序
mac版的微信,支持同时打开多个小程序,目前还不清楚打开小程序上限是多少个(有兴趣的同学,可以自己测试一下),点击右上角的小圆点,即可关闭小程序。
手机端展示小程序卡片时,会区分开发版、体验版、线上版,但是mac版本目前并没有相关提示文案。
(手机端的版本提示文案)
5、部分API与小程序端不一致
1) PC端和手机端最大的区别,就是屏幕大小,所以,在使用
代码语言:javascript复制wx.getSystemInfo()
获取系统信息时,screenWidth和screenHeight会有较大区别。如果你用到这两个值做判断,建议更换为windowWidth和windowHeight
比如,某些canvas生成的分享图片,在PC端没办法使用,可能是这个原因。
2) 目前发现预览图片API,如果不写current参数,手机端正常,PC端无法正常预览
代码语言:javascript复制wx.previewImage({
current: '', // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
})
所以,不要偷懒,还是把current参数补上吧。
3) canvas生成的图片,在mac端微信上无法预览,window端正常
(mac端预览canvas生成的图片)
6、没有星标、浮窗、反馈功能
手机上打开小程序,可以“添加到我的小程序”,方便后续使用。
但是,PC端并没有此功能,只有基本的转发,回首页,最小化,设置功能。
(mac端右上角“...”效果截图)
最后,希望mac版的微信越做越好(功能尽量与手机端保持一致),不要让开发者自己去填坑,欢迎大家一起讨论相关问题。