今天分享一個前端君踩到的小坑，在webapp中，如果我們要代碼實現刷新當前頁面的話，相信很多人都習慣用：

window.location.reload();

使用?.reload()?方法實現刷新頁面，在大部分瀏覽器下是沒問題的。但是在中午測試的同事給我提了一個bug，說在微信上打開使用webapp的時候，刷新頁面的功能失效，并沒有重新加載整個網頁。?

這么簡單的一行代碼也會有bug？?一臉懵逼的我第一反應是這樣的：

嚇得我趕緊看了下相關的文檔介紹。?

?.reload()? 是重新加載當前文檔，如果該方法沒有規定參數，或者參數是 false，它就會用 HTTP 頭 If-Modified-Since 來檢測服務器上的文檔是否已改變。 如果文檔已改變， ?.reload()?會再次下載該文檔。如果文檔未改變，則該方法將從緩存中裝載文檔。

這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。如果把該方法的參數設置為 true，那么無論文檔的最后修改日期是什么，它都會繞過緩存，從服務器上重新下載該文檔。

可是，對于安卓手機微信中的瀏覽器，?.reload()?只是從緩存中裝載文檔。

針對安卓微信上webview的這種情況，我們解決的辦法是用?window.location.href?，并在url后面加個時間戳，告知安卓手機微信webview這是一個新的請求，你不要再去緩存那里拿了，去服務器重新加載整個文檔吧。

window.location.href =
location.href+'?time='+((new Date()).getTime());

日常小坑，先踩為敬！我在想后續要不要收集一下大家踩坑的血淚史，出一個《前端開發踩過的那些坑》系列？

有小伙伴問typescript什么時候繼續更新。最近事太多，忙了點，后面前端君會把教程進度趕上，謝謝大家的反饋。

熱門文章

擴展閱讀

?原創教程：《ECMAScript 6 教程》

?原創教程：《Vue2.0基礎教程》

?原創教程：《Vue2.0進階教程》

?附加習題：《ECMAScript 6 教程》的 2套

?附加習題：《Vue2.0基礎教程》的 1 套

聊聊職場

?職場感悟：混口飯吃，談不上喜歡

?感到迷茫：我很努力，但依然很迷茫

?薪資待遇：那么低工資，能招到人嗎

?搞笑黑話：互聯網公司黑話，搞笑到爆

?

資源推薦

其實學好技術并不難，架構師免費分享全網全套最新web前端、JavaScript、HTML5、PHP、數據庫……等視頻資料！

[總價值超3萬！]年薪35萬以上的大牛幾乎都看了！

加微信:?abc15689893?免費領取，由于領取的朋友比較多，所以加微信時一定要備注：555，否則很難通過。

?

總結

以上是生活随笔為你收集整理的【日常踩坑】Android机微信webview中页面跳转的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。