微信小程序如何像webview同樣加載html5網頁

時間 2019-12-04

標籤微信程序如何 webview 同樣加載 html5 html 網頁欄目 HTML5 简体版

原文原文鏈接

感受微信官方不太可能開放這個功能，因此仍是靠咱們本身吧。有兩種解決方法，第二種是我本身想的方案。php

第三方的簡單實現，僅限於支持簡單的標籤解析，並渲染出來，不是真正的WebView，不能有 DOM 事件，js 特效。git

第二種：
這個方案是我本身有過最佳實踐的方案。你能夠無償任意使用，但請註明創意來源。
在服務器上使用phantomjs，客戶端將要渲染的 HTML，或者 URL post 給服務器，服務器經過 phatomjs 生成圖片，返回給客戶端顯示。github

這個方法，若是實時作，會有性能問題，對於通常不是很頻繁的內容，建議在後端錄入時，直接渲染圖片後，保存圖片路徑。客戶端須要顯示的時候，直接加載圖片。這個方法妙在能夠顯示任意複雜狀況的富文本內容。json

phatomjs 渲染成圖片的方法：
phantomjs.org/screen-capt…小程序

PHPer 能夠看這個封裝：
github.com/jonnnnyw/ph…後端

總結
若是隻是簡單的圖文展現，本身也能夠經過wx.request請求json數據，而後經過小程序的內部組件 view, image, text來完成渲染。服務器

還有一種方式，去 hack 沒開放的邏輯，應該也能夠調用微信的 X5 內核，畢竟都是微信 APP 內部的功能。但這個意義也不大，由於上線是須要審覈的，騰訊是明文規定禁止調用非開放接口，確定審覈沒法經過。微信

期待後期可以開放這個能力，但或許永遠都是期待…post

相關標籤/搜索