資訊專欄INFORMATION COLUMN
摘要：項目中涉及到了通過微信授權的方式進行獲取用戶信息以及實現用戶的自動登錄功能，然而以為做法可以完美不留底部白底的時候，竟然出現了惡心的底部白條。
最近在做關于微信公眾號H5頁面開發，發現了一個微信“惡心”的底部白條，嚴重影響了用戶的體驗。 查閱了很多資料，本人項目使用了vue單頁面開發，頁面間調整直接使用this.$router.replace的做法可以很完美地解決微信底部白底的問題。 項目中涉及到了通過微信授權的方式進行獲取用戶信息以及實現用戶的自動登錄功能，然而以為this.$router.replace做法可以完美不留底部白底的時候，竟然出現了“惡心”的底部白條。 思考問題所在：當進入了Html頁面后會向后臺請求授權，授權后頁面將重定向，此時將會出現一個底部白條，不管你如何操作，“頑固”白條依然存在。 處理問題的考慮：是否能夠不進入html的情況下先行進行授權處理，授權處理完畢后才進入html頁面(就是在此之前不進入html頁面)
參考公眾號開發的授權過程：
微信授權的其中一種方式（授權地址）：scope為snsapi_base
https://open.weixin.qq.com/co...
把redirect_uri中寫入需要微信授權后重定向的頁面，這樣一來，通過上面的授權地址，點擊后會先到微信授權，授權成功后才會進行我們設置在redirect_uri中的頁面，此時并未出現任何的白條
至此，授權完成后導致的底部白條不再出現。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109496.html
摘要：寫這篇文章，主要是在前不久的微信公眾號開發的時候，遇到了一些問題，記錄一下，并希望其他在遇到這些問題，可以進行快速定位及處理。 寫這篇文章，主要是在前不久的微信公眾號開發的時候，遇到了一些問題，記錄一下，并希望其他在遇到這些問題，可以進行快速定位及處理。 微信底部工具欄白條，1.首先，底部工具欄白條出現的原因是由于，瀏覽器跳轉留下了歷史信息，所以如果我們用H5開發時，如果需要跳轉頁面...
摘要：先來看下機型的樣子上圖中，機型在頭部和底部新增了這兩個區域，所以我們需要針對這類機型做些適配，方便我們的的展示做成的移動端頁面，常見布局為頭部軀干底部三欄模式，頭部和頂部都是固定定位，軀干可里的內容可以滾動，暫定的布局如下但如果沒采用機型的 先來看下iPhone X機型的樣子 showImg(https://segmentfault.com/img/bVbugGA?w=297&h=60...
摘要：先來看下機型的樣子上圖中，機型在頭部和底部新增了這兩個區域，所以我們需要針對這類機型做些適配，方便我們的的展示做成的移動端頁面，常見布局為頭部軀干底部三欄模式，頭部和頂部都是固定定位，軀干可里的內容可以滾動，暫定的布局如下但如果沒采用機型的 先來看下iPhone X機型的樣子 showImg(https://segmentfault.com/img/bVbugGA?w=297&h=60...
摘要：某一天，準備某東白條還款的時候，突然看見界面底部有個廣告條。廣告的內容看著怪怪得感覺。想想可能是被植入廣告了吧。正好路由器有個抓包的功能，試試看。打開抓包功能，然后打開，然后逛了一下相關的頁面，點了一下彈出來的廣告。 某一天，準備某東白條還款的時候，突然看見界面底部有個廣告條。 廣告的內容看著怪怪得感覺。如圖：showImg(https://segmentfault.com/img/b...
閱讀 2164·2021-11-11 16:55
閱讀 1685·2019-08-30 15:54
閱讀 2817·2019-08-30 15:53
閱讀 2211·2019-08-30 15:44
閱讀 1152·2019-08-30 15:43
閱讀 965·2019-08-30 11:22
閱讀 1942·2019-08-29 17:20
閱讀 1566·2019-08-29 16:56
