微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法
官網(wǎng)描述
1、web-view嵌入H5中沒有iframe
// 引入jweixin-1.6.0.js <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> // 調(diào)用接口 wx.miniProgram.navigateTo({ url: `../index/index`, //或 url: `/pages/index/index`, });
2、web-view嵌入H5中存在iframe
2.1、情景描述
微信小程序中 webview src指定的是框架頁面A,其中包含iframe,iframe中指定的是B頁面。
// A頁面 <web-view src="https://A.com"></web-view>
2.2、功能需求
在B頁面實現(xiàn)跳轉(zhuǎn)到小程序的index頁面。
// 引入JSSDK, // 調(diào)用wx.miniProgram.navigateTo()
2.3、出現(xiàn)問題
開發(fā)者工具中無影響,預覽、真機均功能無效。
2.4、問題分析
由于A頁面使用了iframe,導致在B頁面中無法準確獲取運行環(huán)境,出現(xiàn)主訴問題。
2.5、解決方案
在B頁面中先獲取A頁面的運行環(huán)境后,再調(diào)用wx.miniProgram.navigateTo()接口。
// 獲取父頁面環(huán)境 var parentWindow = window.parent; // 在父頁面中調(diào)用方法 parentWindow.wx.miniProgram.navigateTo({ url: `../index/index`, });
總結(jié)
到此這篇關(guān)于微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法的文章就介紹到這了,更多相關(guān)webview中wx.miniProgram.navigateTo()使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
用javascript關(guān)閉本窗口不彈出詢問框的方法
ie中用close關(guān)閉非open打開的窗口時回彈出一個對話框詢問用戶,怎么去掉這個框呢,在window.close之前加上window.top.opener = null就可以了2014-09-09Bootstrap實現(xiàn)圓角、圓形頭像和響應式圖片
這篇文章主要介紹了Bootstrap實現(xiàn)圓角、圓形頭像和響應式圖片的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12用js實現(xiàn)table單元格高寬調(diào)整,兼容合并單元格(兼容IE6、7、8、FF)實例
用js實現(xiàn)table單元格寬度和高度調(diào)整,有合并單元格也可以的.兼容IE6,7,8以及FF,附上代碼css,html,js三部份,有需要的朋友可以參考一下2013-06-06對象無length屬性時IE6/IE7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike)
對象無length屬性時IE6/7中無法將其轉(zhuǎn)換成偽數(shù)組(ArrayLike) 的解決方法,需要的朋友可以參考下。2011-07-07