問題描述

我現(xiàn)在有個(gè)列表頁面，當(dāng)列表頁面點(diǎn)擊商品進(jìn)入詳情頁后，開始做微信授權(quán)，授權(quán)成功后重定向到當(dāng)前詳情頁。然后點(diǎn)擊微信的返回按鈕，返回的依舊是微信授權(quán)的官方頁面（如下圖所示）。然后又重定向到我的詳情頁，等于回不去列表頁了。請(qǐng)問有人能夠幫忙解答一下么?

問題解答

最近在做微信公眾號(hào)，也有微信授權(quán)的需求，不過，可能因?yàn)槲疫@邊是在一級(jí)頁面，進(jìn)入以后直接授權(quán)，所以沒有暴露出你這個(gè)問題。這里提出點(diǎn)個(gè)人的見解，肯定有不足，敬請(qǐng)指正：首先：微信的返回按鈕，跟其瀏覽器的history是直接相關(guān)的，在我這邊是在一級(jí)頁面進(jìn)入以后直接授權(quán)，然后用戶再直接點(diǎn)擊返回的話，是要達(dá)到“關(guān)閉頁面，顯示主菜單”的效果，嘗試過幾個(gè)方法，包括：

“監(jiān)聽返回事件”

window.addEventListener('popstate', function(){ //監(jiān)聽到后執(zhí)行的代碼},false);

“授權(quán)登錄后，使用history內(nèi)置方法”

window.history.go(-1);或window.history.back

但是都出現(xiàn)了很多情況，或是在微信WEB開發(fā)者工具起作用，但移動(dòng)端不行；或是當(dāng)時(shí)可以，過兩天又失效。解決：最后，還是用了h5的新特性

//替換(用null模擬刪除)url記錄，實(shí)現(xiàn)返回一級(jí)頁面 直接關(guān)閉window.history.replaceState(null, null, toUrl);

等于是在瀏覽器歷史把登錄的界面記錄置空。你可以試試這個(gè)，也許對(duì)你有用、、、、

其實(shí)在微信里面，一切按需授權(quán)的都是流氓的；體驗(yàn)極差的。