詳解解決小程序中webview頁面多層history返回問題
小程序開發(fā)中遇到的問題:小程序中嵌套了一個webview頁面,webview頁面中有靜默授權(quán)(A1頁面靜默授權(quán)后重定向到A2頁面),點(diǎn)小程序原生的返回按鈕會返回到A1頁面,然后頁面就會反復(fù)靜默授權(quán)
預(yù)期表現(xiàn):點(diǎn)小程序原生的返回按鈕后返回到小程序上個頁面
解決方案:通過history.pushState添加歷史記錄名目,history.onpopstate監(jiān)聽歷史記錄條目發(fā)生變化時,調(diào)用小程序APIwx.navigateBack
window.addEventListener('popstate', (event) => { wx.miniProgram.navigateBack(); }); const code = getSearch('code'); // 偽代碼,獲取查詢參數(shù) if (!code) { // 頁面A1 if (isWeixin()) { // 微信環(huán)境 const redirectUrl = window.location.href + '&code=1'; window.location. + '?appid=' + appId + '&redirect_uri=' + encodeURIComponent(redirectUrl) + '&response_type=code&scope=snsapi_userinfo' + '#wechat_redirect'; // 靜默授權(quán)偽代碼 } else { alert('當(dāng)前不是微信環(huán)境'); } } else { // 頁面A2 history.pushState({page: 1}, null, window.location.href); }
剛開始想的解決辦法是用localStorage,跳轉(zhuǎn)到A2時存儲一個值,返回到A1時獲取這個值,如果有值就清除這個值并且回退到小程序頁面。聽起來似乎也可行,但小程序的緩存和微信的緩存是同步的,如果在微信環(huán)境中直接訪問A1頁面,重定向到A2會存值,如果直接關(guān)閉頁面,不會被清除,那么在小程序中訪問時就直接回退了。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序自定義tabbar custom-tab-bar 6s出不來解決方案(cover-view不兼容)
- 微信小程序 scroll-view 水平滾動實現(xiàn)過程解析
- 微信小程序webview與h5通過postMessage實現(xiàn)實時通訊的實現(xiàn)
- 微信小程序移動拖拽視圖-movable-view實例詳解
- 微信小程序webview組件交互,內(nèi)聯(lián)h5頁面并網(wǎng)頁實現(xiàn)微信支付實現(xiàn)解析
- 微信小程序webview 腳手架使用詳解
- 微信小程序與webview交互實現(xiàn)支付功能
- 微信小程序動態(tài)添加view組件的實例代碼
- 微信小程序點(diǎn)擊view動態(tài)添加樣式過程解析
相關(guān)文章
swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法
假設(shè)當(dāng)前顯示的是1,往左滑動一個遞減1,往右滑動一個遞增1。下面通過實例代碼給大家講解swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法,感興趣的朋友一起看看吧2018-01-01JS如何遍歷帶有子集的數(shù)組集合(嵌套數(shù)組)
這篇文章主要介紹了JS如何遍歷帶有子集的數(shù)組集合(嵌套數(shù)組)問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06js/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法
下面小編就為大家?guī)硪黄猨s/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02JavaScript中的子窗口與父窗口的互相調(diào)用問題
本文給大家介紹了JavaScript中的子窗口與父窗口的互相調(diào)用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-02-02關(guān)于js new Date() 出現(xiàn)NaN 的分析
在一個項目中需要進(jìn)行日期的格式化,后臺傳到前端是時間的整數(shù)(Date.getTime),當(dāng)后臺數(shù)據(jù)返回字符串時,發(fā)現(xiàn)轉(zhuǎn)換日期時在ie下變成NaN,但是真的是這樣嗎?接下來我們慢慢分析2012-10-10