資訊專欄INFORMATION COLUMN
摘要：簡(jiǎn)單記錄下問題官網(wǎng)頁面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁腳的標(biāo)簽無論如何點(diǎn)不動(dòng)。因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件，所以直接加了句，問題解決。
官網(wǎng)改版時(shí)碰到的問題。簡(jiǎn)單記錄下：
【 問題 】
官網(wǎng)index頁面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁腳的a標(biāo)簽無論如何點(diǎn)不動(dòng)。
【 Debug 過程 】
1、先是在pc端用瀏覽器模擬手機(jī)看了下，問題重現(xiàn)；
2、然后看了下“規(guī)則”和“計(jì)算后”面板（用的是FireFox，習(xí)慣了……分別對(duì)應(yīng)Chrome的styles和computed），a標(biāo)簽本身的樣式似乎是沒問題的，周圍也沒啥問題……
3、丟到chrome里，問題依然重現(xiàn)，繼續(xù)懵逼……
4、無意間關(guān)掉了移動(dòng)端模擬，居然好了臥槽!!!（黑人問號(hào)臉.gif）繼續(xù)懵逼……
5、試著用“選擇元素”工具去點(diǎn)選a標(biāo)簽，居然點(diǎn)到了上邊一個(gè)透明的空標(biāo)簽上（有寬高），試了幾次都是如此（嗯？），然后檢查發(fā)現(xiàn)該標(biāo)簽position: fixed;，移動(dòng)端頁面收縮后擠下來、整好遮擋住了a標(biāo)簽……至此找到原因。
6、因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件，所以直接加了句pointer-events:none，問題解決。
【 小結(jié) 】
其實(shí)最開始應(yīng)該先試下z-index的（個(gè)人有點(diǎn)排斥這個(gè)樣式，都是自然寫法），失策失策~~
不要隨便寫fixed的透明標(biāo)簽……血淚教訓(xùn)=_=|||……
無比懷念FireFox的3D模式……然并卵。以后只好用“選擇元素”排除類似的bug了。
pointer-events:none真的是神器，省了很多js（其實(shí)是jq）“事件監(jiān)聽+選擇器判斷/過濾”的事。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50321.html
摘要：簡(jiǎn)單記錄下問題官網(wǎng)頁面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁腳的標(biāo)簽無論如何點(diǎn)不動(dòng)。因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件，所以直接加了句，問題解決。 官網(wǎng)改版時(shí)碰到的問題。簡(jiǎn)單記錄下： 【 問題 】 官網(wǎng)index頁面移動(dòng)端測(cè)試時(shí)，發(fā)現(xiàn)底部頁腳的a標(biāo)簽無論如何點(diǎn)不動(dòng)。 【 Debug 過程 】 1、先是在pc端用瀏覽器模擬手機(jī)看了下，問題重現(xiàn)； 2、然后看了下規(guī)則和計(jì)算后面板（用的是FireFox，習(xí)慣了...
摘要：我們的業(yè)務(wù)代碼是在自己的客戶端微信釘釘企業(yè)微信四個(gè)地方跑的同一套代碼。描述的具體描述是企業(yè)微信用戶在使用上傳圖片時(shí)，無反應(yīng)。 起因 今早一去公司，被組長(zhǎng)遠(yuǎn)程發(fā)過來一個(gè)Bug，據(jù)說是用戶反饋的一個(gè)iOS的問題，在我們的業(yè)務(wù)中，有一個(gè)有關(guān)圖片上傳的問題。我們的業(yè)務(wù)代碼是在自己的客戶端、微信、釘釘、企業(yè)微信四個(gè)地方跑的同一套代碼。 Bug描述 Bug的具體描述是企業(yè)微信用戶在使用上傳圖片時(shí)，...
摘要：新年前，我們最后來談一談以太坊安全性的特點(diǎn)。以太坊使用了一個(gè)硬分叉解決了這一問題。合約擁有者利用函數(shù)的異常處理和調(diào)用棧大小限制進(jìn)行攻擊。結(jié)語通過這幾期對(duì)參考文獻(xiàn)的學(xué)習(xí)，我們看到了一些以太坊合約中設(shè)計(jì)的弱點(diǎn)。 新年前，我們最后來談一談以太坊安全性的特點(diǎn)。 不可能修改的bug 當(dāng)合約公開在區(qū)塊鏈上之后，它就不能去修改了。相應(yīng)的，合約中出現(xiàn)的任何 bug 也沒有機(jī)會(huì)改正。如果希望能夠修改bu...
摘要：新年前，我們最后來談一談以太坊安全性的特點(diǎn)。以太坊使用了一個(gè)硬分叉解決了這一問題。合約擁有者利用函數(shù)的異常處理和調(diào)用棧大小限制進(jìn)行攻擊。結(jié)語通過這幾期對(duì)參考文獻(xiàn)的學(xué)習(xí)，我們看到了一些以太坊合約中設(shè)計(jì)的弱點(diǎn)。 新年前，我們最后來談一談以太坊安全性的特點(diǎn)。 不可能修改的bug 當(dāng)合約公開在區(qū)塊鏈上之后，它就不能去修改了。相應(yīng)的，合約中出現(xiàn)的任何 bug 也沒有機(jī)會(huì)改正。如果希望能夠修改bu...
閱讀 924·2021-11-25 09:43
閱讀 1298·2021-11-17 09:33
閱讀 3014·2019-08-30 15:44
閱讀 3313·2019-08-29 17:16
閱讀 484·2019-08-28 18:20
閱讀 1641·2019-08-26 13:54
閱讀 556·2019-08-26 12:14
閱讀 2176·2019-08-26 12:14
