PC 端小程序體驗:和手機版體驗一致,有橫屏幕式,尚不支持支付和小游戲
普通用戶想要體驗微信 PC 小程序,只需從微信官方文檔「PC 小程序開發(fā)」介紹頁面中,下載微信 PC 內(nèi)測版即可。
而開發(fā)者想要進行 PC 小程序的開發(fā)調(diào)試,還得多做一步:在同一頁面中下載并安裝 1.02. 或以上版本的開發(fā)者工具。
打開微信 PC 內(nèi)測版,當朋友與你分享小程序時,你將看到的不再是這句熟悉的「收到一個小程序,請在手機上查看」,而是一個熟悉的小程序卡片。
點開小程序卡片,你就能在彈出的小程序窗口中使用微信小程序,支持多開,且展示效果與手機端幾乎一致。
依舊是熟悉的豎屏,依舊是熟悉的膠囊按鈕。按下 PC 小程序右上角膠囊按鈕的「…」鍵,可以看到在保留手機端小程序原有的「轉(zhuǎn)發(fā)」、「關于小程序」按鈕外,PC 小程序還新增了「最小化」選項。
而單擊膠囊按鈕中的「⊙」,即可關閉小程序;長按時并不會出現(xiàn)手機端上的小程序切換欄。
無論是在電腦桌面,還是 的調(diào)度中心,和公眾號頁面、圖片等窗口不同的是,PC 小程序與微信、瀏覽器等軟件屬于同一層級,并不在包含同一個菜單中。不過,若關閉微信,PC 小程序也會隨之退出。
雖然用戶暫時無法手動調(diào)整小程序窗口的大小,但開發(fā)者卻可以將 PC 小程序調(diào)整為橫屏:在小程序 app.json 文件中,加一句 「"":true」即可實現(xiàn),且不會影響在手機端上的豎屏顯示。下圖中的「騰訊文檔」小程序就是一個很好的范例。
順便一提,如果你想讓小程序在手機端上實現(xiàn)橫屏網(wǎng)頁中打開小程序,得在 app.json 的 段中配置一段「"": "auto"」。不過這里的橫屏需要在用戶打開旋轉(zhuǎn)鎖后才能看到。
在實際體驗過程中,我們感覺整個操作體驗較為流暢,不過還存在一些問題尚待優(yōu)化:
1、PC 端上無法順利支付:我們在多個電商小程序上進行了測試,原本設想會在支付時會彈出的微信支付二維碼并沒有出現(xiàn)網(wǎng)頁中打開小程序,在支付階段一直處于加載狀態(tài)。
2、PC 小程序無法獲取精準定位:大多筆記本電腦都沒有 GPS 模塊,更別說臺式機了,因此 PC 小程序上的位置信息只能根據(jù)相關接口來獲取,并不能實現(xiàn)如手機上的精準定位。
3、頁面布局存在差異:以微信官方組件庫「WeUI」為例,在進行 樣式展示時,就出現(xiàn)了與手機端的布局差異。微信在官方文檔上也提醒了大家:因為 PC 上屏幕尺寸比窗口尺寸大,最好使用窗口尺寸來計算布局。
4、網(wǎng)絡延遲問題出現(xiàn)較為頻繁。
5、還不支持小游戲:小游戲卡片分享到 PC 端微信,和之前的小程序一樣,無法直接打開。
不過這可以理解,小程序和小游戲使用的是不同的架構(gòu),另外,小游戲的操作體驗主要基于觸摸屏,在 PC 端直接操作很多時候并不適合。