社区
微信开发
帖子详情
微信小程序如何像webview一样加载html5网页
翠竹傲骨
2017-10-11 07:37:24
感觉微信官方不太可能开放这个功能,所以还是靠我们自己吧。有两种解决方法,第二种是我自己想的方案。
第一种:
https://github.com/icindy/wxParse[/url]
第三方的简单实现,仅限于支持简单的标签解析,并渲染出来,不是真正的WebView,不能有 DOM 事件,js 特效。
第二种:
这个方案是我自己有过最佳实践的方案。你可以无偿任意使用,但请注明创意来源。
在服务器上 使用phantomjs,客户端将要渲染的 HTML,或者 URL post 给服务器,服务器通过 phatomjs 生成图片,返回给客户端显示。
这个方法,如果实时做,会有性能问题,对于一般不是很频繁的内容,建议在后端录入时,直接渲染图片后,保存图片路径。客户端需要显示的时候,直接加载图片。这个方法妙在可以显示任意复杂情况的富文本内容。
phatomjs 渲染成图片的方法:
[url=http://phantomjs.org/screen-capture.html[/url]
PHPer 可以看这个封装:
[url=https://github.com/jonnnnyw/php-phantomjs/
总结
如果只是简单的图文展示,自己也可以通过wx.request请求json数据,然后通过小程序的内部组件 view, image, text来完成渲染。
还有一种方式,去 hack 没开放的逻辑,应该也可以调用微信的 X5 内核,毕竟都是微信 APP 内部的功能。但这个意义也不大,因为上线是需要审核的,腾讯是明文规定禁止调用非开放接口,肯定审核无法通过。
期待后期能够开放这个能力,但或许永远都是期待…
官方文档
小程序开发文档
小程序设计指南
小程序开发者工具
基础组件
框架
API
原文:
http://www.yinqisen.cn/blog-731.html
...全文
754
回复
打赏
收藏
微信小程序如何像webview一样加载html5网页
感觉微信官方不太可能开放这个功能,所以还是靠我们自己吧。有两种解决方法,第二种是我自己想的方案。 第一种: <a href="https://github.com/icindy/wxParse[/url] 第三方的简单实现,仅限于支持简单的标签解析,并渲染出来,不是真正的WebView,不能有 DOM 事件,js 特效。 第二种: 这个方案是我自己有过最佳实践的方案。你可以无偿任意使用,但请注明创意来源。 在服务器上 使用phantomjs,客户端将要渲染的 HTML,或者 URL post 给
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
微信小程序
(内嵌
网页
分享功能)
微信小程序
(内嵌
网页
分享功能) 使用
webview
加载
的原web
网页
调用小程序分享
小程序web-view使用方法,微信web-view实现微信支付
小程序web-view使用方法是子恒老师《子恒说小程序开发》视频...详细讲解了小程序web-view组件的使用,内容包含web view打开
网页
,
网页
与小程序之间的跳转,在web view中实现微信支付等等。欢迎反馈,微信号:QQ68183131
微信小程序
内嵌
网页
分享功能
WebchatShare需求是这样子的:小程序启动授权等操作成功后直接跳转到内嵌
网页
,内嵌的网址也就是公司的官网产品项目,而后,产品项目里面的各个
网页
都能支持分享操作,当然,对方打开的一定是你分享的那个页面而不是...
详解解决小程序中
webview
页面多层history返回问题
主要介绍了详解解决小程序中
webview
页面多层history返回问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
微信开发
3,143
社区成员
3,831
社区内容
发帖
与我相关
我的任务
微信开发
微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,通过二次开发可以将公众账号由一个媒体型营销工具转化成提供服务的产品。
复制链接
扫一扫
分享
社区描述
微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,通过二次开发可以将公众账号由一个媒体型营销工具转化成提供服务的产品。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章