小程序电脑上打开文章封面,列出打开条件、常见方法、电脑版区别和PC端适配

小程序电脑上打开并不难,只要电脑上装了微信客户端并登录,大部分小程序都能直接用。真正容易出问题的是另一头:小程序是按手机屏幕设计的,搬到电脑的大窗口里,排版、扫码、定位这些功能可能会变样。这篇分两部分讲,前半部分给普通用户,后半部分给正在做小程序的老板和开发者。

小程序电脑上打开需要什么条件

条件很简单:一台装了微信电脑版的Windows或Mac电脑,用手机扫码登录。小程序本身不需要单独下载,也不存在一个独立安装的“小程序电脑版”软件。网上有些号称能下载小程序电脑版的安装包,来路不明,别随便装。

有两种情况会打不开。一是微信客户端版本太老,更新到最新版通常就能解决;二是这个小程序的开发者没有开放电脑端,或者做了限制,打开时会提示请在手机上使用。第二种情况用户这边没办法,只能回到手机上用。

电脑上打开小程序的几种常见方法

微信不同版本的菜单位置会调整,这里不写死某个按钮在哪,只讲通用的入口:

  1. 从聊天里点开。朋友或同事发来的小程序卡片,在电脑微信里直接点,就会弹出一个小程序窗口,这是最常用的办法。
  2. 从最近使用里找。手机上用过的小程序,电脑微信一般也能在小程序入口里看到使用记录。
  3. 直接搜索。在电脑微信的搜索框输入小程序名称,结果里有小程序的条目,点进去就能打开。
  4. 从公众号文章进入。文章里插入的小程序卡片,在电脑上阅读时也能点开。

如果这些都找不到,有个笨办法基本都管用:在手机上把小程序转发给自己的文件传输助手,再从电脑端点开。

小程序电脑版和手机版有什么区别

打开以后,多数人第一感觉是窗口窄,像把手机屏幕竖着摆在桌面上。原因是大多数小程序默认按手机比例显示,开发者没做PC端适配的话,电脑上看到的就是一个放大的手机页面。

功能上的差别更值得留意。下面这张表是我们做项目时常碰到的情况,具体表现以微信当时的版本为准:

小程序手机版与电脑版功能对照表:浏览填表、扫一扫、定位、蓝牙NFC、拍照上传

图 1:以浏览和填写为主的功能在电脑上基本正常,扫码、定位、硬件连接受限。

功能 手机上 电脑上
浏览页面、填表单 正常 基本正常
扫一扫 调用摄像头扫码 通常不能直接扫
获取定位 能拿到手机定位 精度差或拿不到
蓝牙、NFC 支持 一般不支持
拍照上传 直接拍 多数只能选电脑里的文件

所以像下单、查询、预约这类以浏览和填写为主的小程序,在电脑上用起来问题不大。依赖扫码核销、门店定位、硬件连接的,电脑端只能当个辅助。

开发者要注意的PC端适配

如果你的客户里有不少人坐在办公室用电脑,比如企业采购、内部审批、B2B询价这类小程序,那小程序电脑上打开的体验就值得专门花时间做。

先决定要不要开放电脑端

不是所有小程序都适合开放电脑端。以扫码点餐、到店核销为主的,电脑端意义不大,开放了反而会有一堆用户来问为什么扫不了。以信息查询、表单提交、内容阅读为主的,开放电脑端能多一个使用场景。这件事最好在立项时就定,别等上线后被客户问到才补。

窗口尺寸和布局

小程序配置里有允许调整窗口大小的选项,开启后用户可以把窗口拉宽。麻烦在于,页面如果写死了宽度,拉宽以后会出现两边大片空白、图片拉伸、按钮错位。比较稳的做法是用弹性布局,给内容区设一个最大宽度,宽屏下居中显示,必要时把单列改成两列。

交互习惯不一样

手机上靠手指点和滑,电脑上靠鼠标和键盘。左滑删除、长按弹菜单这类手势,电脑用户很难发现,重要操作最好给一个看得见的按钮。表单页记得测试键盘输入和回车提交,别让用户每填一项都要伸手去点鼠标。

接口降级和真机测试

用到扫码、定位、蓝牙的地方,先判断当前运行环境,电脑端拿不到时给出提示,比如“请在手机上完成扫码”,而不是直接报错白屏。开发者工具里的模拟器和真实的电脑微信并不完全一样,上线前要在Windows和Mac的微信里各实际打开一遍,把下单、提交这些主流程完整走通。

什么时候该做网站而不是只靠小程序

有客户问,既然小程序电脑上打开的体验一般,要不要干脆做个网站。我们的看法是先看用户从哪来。用户主要来自微信聊天、公众号和朋友圈,小程序是主力,电脑端做好适配就够了;用户主要通过搜索引擎找你、在电脑上比价询盘,那还是得有一个正经的官网,小程序电脑版替代不了网站在搜索里的作用。不少企业两样都做,官网负责被搜到,小程序负责在微信里成交和服务。

结论

对普通用户来说,小程序电脑上打开只需要登录微信电脑版,从聊天卡片、使用记录或搜索进入即可;打不开多半是版本旧,或者开发者没开放电脑端。对企业和开发者来说,要不要做PC端适配,取决于客户是不是常在电脑前用它,做的话重点放在布局、交互和接口降级上。想评估自己的小程序要不要做电脑端,或者想把官网和小程序一起规划,可以打 18720919319 找蔚岚科技聊,也可以先看看我们的小程序开发和网站建设服务,或者直接联系我们。

常见问题

小程序电脑上打开时提示“请在手机上使用”怎么办?

这说明开发者没有开放电脑端。用户这边改不了,只能用手机打开,或者向小程序的运营方反馈需求。

有没有独立的小程序电脑版软件可以下载?

没有单独的官方小程序电脑版,小程序是在微信电脑版里运行的。网上所谓的下载包要谨慎,容易带捆绑软件。

Mac电脑能打开小程序吗?

一般可以,Mac版微信也支持小程序。个别功能的表现和Windows版可能有差异,开发者测试时两边都要看。

小程序在电脑上显示很窄,能拉宽吗?

取决于开发者有没有开启窗口调整功能。开启了就能拖动窗口边缘拉宽,没开启就只能按默认尺寸显示。

已经上线的小程序,补做电脑端适配麻烦吗?

要看页面数量和原来的写法。用弹性布局写的页面改动不大,大量固定宽度的老页面工作量会多一些,建议先改访问最多的几个页面。