微信小程序怎么使用webview打開pdf文檔及顯示網頁內容

今天小編給大家分享一下微信小程序怎么使用webview打開pdf文檔及顯示網頁內容的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

一、微信小程序根據接口返回的pdf鏈接，在小程序內部瀏覽pdf內容

需要用到微信小程序的兩個api 下載資源到本地 wx.downloadFile    wx.openDocument

前一個api下載資源到本地，后一個api打開pdf文檔

wx.downloadFile({ //將文檔下載到本地
        url: fileUrl,//pdf鏈接
        success(res) {
          wx.openDocument({ //打開文檔
            filePath: res.tempFilePath,//本地文檔路徑
            fileType: "pdf",//文檔類型
            showMenu: true,
            success: function (res) {
              wx.showToast({
                title: '打開文檔成功',
              })
            },
            fail: function (res) {
              wx.showToast({
                title: '打開文檔失敗',
              })
            },
          })
        },
      })

二、根據網頁鏈接，把網頁內容在微信小程序內部顯示

需要用到微信小程序的一個標簽 web-view

其實就是需要新建一個頁面，然后新建的頁面里面只寫一個web-view標簽，src等于從上一個頁面傳過來的值就ok了

補充：

微信小程序通過webview打開e簽寶（ps:e簽寶是一個簽訂電子合同的第三方網站，有興趣的小伙伴可以點擊看看 e簽寶）時，提示我 不支持打開非業務域名，

然后我就去百度了下，發現是需要配置e簽寶的業務域名的， 之前是把接口配置在了服務器域名了，所以不行，

配置業務域名時，需要把校驗文件發給第三方，在他們接口地址的目錄下添加該文件，

本以為業務域名配置好了，地址也發過來了，微信里面是可以打開的并且電子合同信息都完全顯示、簽字蓋章的，但是在微信小程序里面打開卻只是個靜態頁面，很無語，截圖如下

1.微信通過點擊鏈接打開的頁面：

2.微信小程序打開的頁面

有點小迷，后來想了想是不是參數沒傳過去，然后就打印下了跳轉頁面時傳來的值，

而接口返回的鏈接呢，是這樣的，明顯看到?后面的值都沒傳過來。。

所以果然是參數沒傳過來啊，然后就去百度了下，發現可以使用 encodeURIComponent()對地址進行編碼，然后使用decodeURIComponent()對地址進行解碼，代碼如下

以上就是“微信小程序怎么使用webview打開pdf文檔及顯示網頁內容”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。