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