您當前位置>首頁 » 新聞資訊 » 小(xiǎo)程序相(xiàng)關 >
微(wēi)信小(xiǎo)程序如(rú)何像webview一(yī)樣加載html5網頁
發表時(shí)間(jiān):2021-4-6
發布人(rén):葵宇科(kē)技(jì)
浏覽次數(shù):77
感覺微(wēi)信官方不(bù)太可(kě)能(nén™±∞g)開(kāi)放(fàng)這(zhè)個(gè)功能(néng),所☆©≠以還(hái)是(shì)靠我們自(zì)己吧(ba)。有(yǒu)兩種解決方法,第二種↔§✘是(shì)我自(zì)己想的(de)方案。
第一(yī)種:
https://github.com/icindy/wxPar×€γ₩se
第三方的(de)簡單實現(xiàn),僅限于支持簡單的(de)标簽解析,并渲染出來λβ↕→(lái),不(bù)是(shì)真正的(de)WebView,不÷↑β♥(bù)能(néng)有(yǒu) DOM 事(shì)件(jiàn),js 特效。
第二種:
這(zhè)個(gè)方案是(shì)我自(zì)己有(yǒu)過最佳實踐的(de)→≠方案。你(nǐ)可(kě)以無償任意使用(yòng),但(dàn)請(qǐ★×ng)注明(míng)創意來(lái)源。
在服務器(qì)上(shàng) 使用(yòng)phantomjs
,客戶端将要(yào)渲染的(de) HTML,或者 URL post 給服務器(qβ ì),服務器(qì)通(tōng)過 phatomjs 生(shēng)成圖片,返回給客戶端¥&顯示。
這(zhè)個(gè)方法,如(rú)果實時(shí)做(zuò),會(huì)有(yǒ↔π u)性能(néng)問(wèn)題,對(duì)于一(yī)般不(bù)是♣§(shì)很(hěn)頻(pín)繁的(de)內(n☆↕αèi)容,建議(yì)在後端錄入時(shí),直接渲染圖片後,保存圖片路(lùφΩ©)徑。客戶端需要(yào)顯示的(de)時(shí)候,直接加σσ載圖片。這(zhè)個(gè)方法妙在可(kě)以顯示任意複雜(zá)情況的(₽←∏∏de)富文(wén)本內(nèi)容。
phatomjs 渲染成圖片的(de)方法:
http://phantomjs.org/screen-capture.html
PHPer 可(kě)以看(kàn)這(zhè)個(gè)封裝:
https://github.com/jonnnnyw/php-pha∑σntomjs/
總結
如(rú)果隻是(shì)簡單的(de)圖文(wén)展示"∞ ,自(zì)己也(yě)可(kě)以通(tōng)過¶≥>wx.request請(qǐng)求json數(shù)據,然後通★γ(tōng)過小(xiǎo)程序的(de)內(nèi)部組件(jiàn) viΩ "ew, image, text來(lái)完成渲染。
還(hái)有(yǒu)一(yī)種方式,去(qù) hack 沒開(∑>♣kāi)放(fàng)的(de)邏輯,應該也(yě)可(kě)以調用(yòng)微(wē≥™i)信的(de) X5 內(nèi)核,畢竟都(dō♣$u)是(shì)微(wēi)信 APP 內(nèi)部的(de)功能(néng)。但(dàn)這$♥★(zhè)個(gè)意義也(yě)不(bù)大(dà),因為(wèi)上∞™(shàng)線是(shì)需要(yào)審核的(de),騰訊是(¶Ωshì)明(míng)文(wén)規定禁止調用(yòng)非∏&♠∏開(kāi)放(fàng)接口,肯定審核無法通(tōng)過。
期待後期能(néng)夠開(kāi)放(fàng)這(zhè)個(gè)能(néng)≤ 力,但(dàn)或許永遠(yuǎn)都(dōu)是(shì)期₽<γ待…
官方文(wén)檔
- 小(xiǎo)程序開(kāi)發文(wén)檔
- 小(xiǎo)程序設計(jì)指南(nán)
- 小(xiǎo)程序開(kāi)發者工(gōng)具
- 基礎組件(jiàn)
- 框架
- API