微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法
官網描述
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> // 調用接口 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)跳轉到小程序的index頁面。
// 引入JSSDK, // 調用wx.miniProgram.navigateTo()
2.3、出現(xiàn)問題
開發(fā)者工具中無影響,預覽、真機均功能無效。
2.4、問題分析
由于A頁面使用了iframe,導致在B頁面中無法準確獲取運行環(huán)境,出現(xiàn)主訴問題。
2.5、解決方案
在B頁面中先獲取A頁面的運行環(huán)境后,再調用wx.miniProgram.navigateTo()接口。
// 獲取父頁面環(huán)境 var parentWindow = window.parent; // 在父頁面中調用方法 parentWindow.wx.miniProgram.navigateTo({ url: `../index/index`, });
總結
到此這篇關于微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法的文章就介紹到這了,更多相關webview中wx.miniProgram.navigateTo()使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Bootstrap實現(xiàn)圓角、圓形頭像和響應式圖片
這篇文章主要介紹了Bootstrap實現(xiàn)圓角、圓形頭像和響應式圖片的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12用js實現(xiàn)table單元格高寬調整,兼容合并單元格(兼容IE6、7、8、FF)實例
用js實現(xiàn)table單元格寬度和高度調整,有合并單元格也可以的.兼容IE6,7,8以及FF,附上代碼css,html,js三部份,有需要的朋友可以參考一下2013-06-06對象無length屬性時IE6/IE7中無法將其轉換成偽數(shù)組(ArrayLike)
對象無length屬性時IE6/7中無法將其轉換成偽數(shù)組(ArrayLike) 的解決方法,需要的朋友可以參考下。2011-07-07