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