美文网首页
微信小程序使用webview加载网页

微信小程序使用webview加载网页

作者: csr_yang | 来源:发表于2018-01-22 11:38 被阅读10741次

    最近准备将项目开发一个简易版,移植到小程序上,所以研究了下小程序,因为项目中很多页面是用webview加载的,所以就着重看了下小程序里面webview的表现。

    通过官网,知道了web-view这个组件,引入page页面中,配置src就可以加载了。

    代码很简单,就下面这一句,其中的newsUrl这个数据,是js中定义的数据。

    <web-view src="{{newsUrl}}"></web-view>
    

    然而,网页可以加载了,但是尴尬的是全部都是乱码。


    WX20180122-113730.png

    那就是charset没有设置,设置为utf-8就可以了。
    但是找了官网,完全没有发现该如何设置这个参数。试了几下加了几个属性,都没有生效,这个地方暂时还不知道解决。

    还有个问题,当我直接加载www.baidu.com的时候会报错。

    WX20180122-114245.png

    但是加载https://www.baidu.com的时候正常,也就是说,目前web-view加载url,必须制定url的全称,也就是说必须要加上协议,否则加载会失败。

    WX20180122-114304.png

    webview目前只支持两个属性,还是有点弱啊,等待官方的继续完善。


    WX20180122-115315@2x.png

    相关文章

      网友评论

          本文标题:微信小程序使用webview加载网页

          本文链接:https://www.haomeiwen.com/subject/nkgopxtx.html