微信小程序如何像webview一样加载html5网页 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序如何像webview一样加载html5网页

发表时间:2021-4-6

发布人:葵宇科技

浏览次数:61

感觉微信官方不太可能开放这个功能,所以还是靠我们自己吧。有两种解决方法,第二种是我自己想的方案。

第一种:

https://github.com/icindy/wxParse

第三方的简单实现,仅限于支持简单的标签解析,并渲染出来,不是真正的WebView,不能有 DOM 事件,js 特效。

第二种:

这个方案是我自己有过最佳实践的方案。你可以无偿任意使用,但请注明创意来源。

在服务器上 使用phantomjs,客户端将要渲染的 HTML,或者 URL post 给服务器,服务器通过 phatomjs 生成图片,返回给客户端显示。

这个方法,如果实时做,会有性能问题,对于一般不是很频繁的内容,建议在后端录入时,直接渲染图片后,保存图片路径。客户端需要显示的时候,直接加载图片。这个方法妙在可以显示任意复杂情况的富文本内容。

phatomjs 渲染成图片的方法:
http://phantomjs.org/screen-capture.html

PHPer 可以看这个封装:
https://github.com/jonnnnyw/php-phantomjs/

总结

如果只是简单的图文展示,自己也可以通过wx.request请求json数据,然后通过小程序的内部组件 view, image, text来完成渲染。

还有一种方式,去 hack 没开放的逻辑,应该也可以调用微信的 X5 内核,毕竟都是微信 APP 内部的功能。但这个意义也不大,因为上线是需要审核的,腾讯是明文规定禁止调用非开放接口,肯定审核无法通过。

期待后期能够开放这个能力,但或许永远都是期待…

forme.png

官方文档

  • 小程序开发文档
  • 小程序设计指南
  • 小程序开发者工具
  • 基础组件
  • 框架
  • API

相关案例查看更多