項目場景：
公司的一個項目，要求用微信小程序?qū)崿F(xiàn)對pdf文件，預覽簽字，用的uniapp開發(fā)
pdf預覽這部分，用的pdf.js插件實現(xiàn)。
由于微信小程序中webview展示頁面不能放在項目本地，要求遠端請求網(wǎng)頁。而且webview會鋪滿整個頁面，導致我的簽字按鈕只能放在遠端的H5頁面實現(xiàn)，當時因為偷懶，直接把H5放在了后臺前端項目里（用的vue實現(xiàn)），就直接在請求的vue路徑頁面下，又嵌了一個iframe,iframe里嵌入pdf預覽簽字的頁面，
問題描述
點擊簽字按鈕，跳轉(zhuǎn)小程序簽字頁面
首先頁面引入了JS-SDK 和 uniSDK，
<!-- 微信 JS-SDK 如果不需要兼容小程序，則無需引用此 JS 文件。 -->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!-- uni 的 SDK，必須引用。 -->
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>
?設(shè)置按鈕監(jiān)聽：
document.addEventListener('UniAppJSBridgeReady', function() {
document.querySelector('.btn-list').addEventListener('click', function(evt) {
uni.navigateBack();
uni.postMessage({
data: {
'fileSetId': fileSetId
}
});
});
});?在微信開發(fā)者工具調(diào)試一切正常，頁面能跳轉(zhuǎn)，參數(shù)也能接收，但在真機上就是不能跳轉(zhuǎn)，不觸發(fā)UniAppJSBridgeReady
原因分析：
由于預覽簽字的pdfH5頁面，是嵌入到vue頁面的iframe原因?qū)е碌模瑢е率录挥|發(fā)文章來源：http://www.zghlxwxcb.cn/news/detail-608651.html
解決方案：
將pdf預覽的H5頁面整個單獨放在服務(wù)器，配置一下nginx請求訪問，問題解決文章來源地址http://www.zghlxwxcb.cn/news/detail-608651.html
到了這里，關(guān)于微信小程序webview嵌入H5頁面，返回 UniAppJSBridgeReady，不觸發(fā)問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
