小程序实现webview界面

实现webview并支持分享当前页面
使用方法：

 wx.navigateTo({
      url: '../webview/webview?url=' + encodeURIComponent(event.currentTarget.dataset.url),
    })

webview.json

{
  "usingComponents": {},
  "navigationBarTitleText": "详情"
}

webview.wxml

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

webview.js

// pages/webview/webview.js

/*

//获取所有图片并修改style
var buf = "";
var ifrs = document.getElementsByTagName("img");
for(var i=0;i<ifrs.length;i++){
ifrs[i].style="width: 100%;height: auto;";
}

var ifrs = document.getElementsByTagName("p");
for(var i=0;i<ifrs.length;i++){
ifrs[i].style="";
}

*/

var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    url:null
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
// wx.showModal({
//   title: '',
//   content: '' + app.jsonToString(options),
// });
console.log(options);
    if(options.url){
      console.log("url参数",decodeURIComponent(options.url));
      // wx.showModal({
      //   title: '',
      //   content: ''+options.url,
      // })
      var url = decodeURIComponent(options.url);
      this.setData({
        url:url
      })
    }
    else{
      console.log("找不到url参数");
      wx.showToast({
        title: '页面不存在',
      })
    }

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (event) {

    return {
      title: "详情",
      path: "/pages/webview/webview?"+"url="+encodeURIComponent(this.data.url),

    }

  },
})