成都
網(wǎng)站建設(shè)及優(yōu)化此CSS布局調(diào)試器將成為開發(fā)人員的下一個好朋友您有多少次努力找到一個困擾 CSS布局的特定問題?從缺少結(jié)束標記到嵌套不正確的兄弟姐妹,CSS問題一毛錢。使用此CSS布局調(diào)試器,該過程變得更加容易。
這一行代碼將遍歷DOM,并用不同的顏色勾勒出每個元素的輪廓。這樣,您可以更好地可視化 CSS的工作方式(或不工作),并快速發(fā)現(xiàn)問題區(qū)域。
dom調(diào)試
GitHub允許開發(fā)人員保存稱為Gists的少量代碼。這些都是開源的,可以免費保存供自己使用。這就是這個CSS調(diào)試器如此有用的原因。它結(jié)合了Chrome的DevTools的現(xiàn)代實力與簡單的瀏覽器書簽工具。
成都網(wǎng)站建設(shè)及優(yōu)化要使用此代碼,您應(yīng)該首先從Gist頁面中復制最喜歡的任何版本。然后,將該代碼粘貼到“終端”窗口中并運行它。您應(yīng)該最終得到這樣的結(jié)果:
wacom調(diào)試
現(xiàn)在,可以將此代碼另存為瀏覽器工具欄中的書簽。但是,如果您是Chrome用戶,則可以將此JS代碼另存為代碼段,從而更容易運行。
只需單擊一個按鈕,即可反復調(diào)用此代碼段。您可以解析每個頁面,其中充滿了這些豐富多彩的CSS輪廓,適用于父母和孩子的DOM元素。
但是,您不應(yīng)該只局限于Chrome。此代碼段適用于所有主要瀏覽器,包括Firefox,Safari,Opera和Internet Explorer。
該要點充滿了相關(guān)的用戶評論和其他開發(fā)人員的更新,從而使它變得更小,更有效。但是在當前狀態(tài)下,這是用單行代碼調(diào)試任何DOM的最簡單方法之一。
新聞名稱:成都網(wǎng)站建設(shè)及優(yōu)化
網(wǎng)站地址:http://jinyejixie.com/news/181346.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、關(guān)鍵詞優(yōu)化、定制開發(fā)、服務(wù)器托管、網(wǎng)站內(nèi)鏈、軟件開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)