有个好消息,现在小程序可以直接PC端上预览,无论对于开发者还是普通用户来说都是一件非常方便的事情。
在最新的微信PC版内测中,支持打开聊天中分享的小程序,开发者可下载安装微信 PC 版内测版本进行体验和适配。
开发工具支持
运行环境要求
下载并安装 1.02.190808 或以上版本的开发者工具。
下载地址:
https://dldir1.qq.com/weixin/Windows/WeChat2.7.0_beta.exe
使用流程
微信开发者工具菜单栏点击 设置->通用设置,在自动预览部分勾选“启动 PC 端自动预览”。
使用自动预览功能,点击 预览->自动预览->编译并预览,成功的话将在微信 PC 版上自动拉起小程序。
PC端的小程序界面和使用
开发中常见问题:
小程序如何判断是 PC 平台?
通过 getSystemInfo 官方接口(platform 是 windows)
通过 UA(PC UA 包含 MiniProgramEnv/Windows)
PC 小程序如何支持横屏?
“resizable”: true 可使小程序在PC上横屏窗口展示,体验可参考腾讯文档小程序。
webview 嵌入的页面在 PC 上不能操作?
检查一下页面是否没响应鼠标事件。
页面布局为何出现错乱?
检查一下是否使用屏幕尺寸来计算布局,PC 上屏幕尺寸比窗口尺寸大,应该使用窗口尺寸来计算。
往期回顾:
[打怪升级]小程序评论回复和发帖功能实战(二)
[打怪升级]小程序评论回复和发贴组件实战(一)
[填坑手册]小程序Canvas生成海报(一)
[拆弹时刻]小程序Canvas生成海报(二)
[填坑手册]小程序目录结构和component组件使用心得
mac版什么时候支持?
拉不起来呢?