WordPress 模板制作過(guò)程中的錯(cuò)誤定位方法
我要評(píng)論在wordpress模板制作過(guò)程中，有一些貌似復(fù)雜的問(wèn)題，其實(shí)只要確定了問(wèn)題出現(xiàn)的位置，大多數(shù)都可以自行解決。
1.使用Firebug進(jìn)行排查
1.1 簡(jiǎn)要介紹與安裝方法
Firebug是Firefox的一款插件，提供了一整套web開(kāi)發(fā)所必需的工具。從HTML的編寫(xiě)，到CSS樣式表的美化調(diào)優(yōu)，以及…
所以我們首先要安裝Firefox瀏覽器。
安裝好瀏覽器后，選擇菜單欄上的“工具”菜單，點(diǎn)擊“附加組件”==>“獲取附加組件”
在輸入框中輸入“firebug”。等搜索結(jié)果出來(lái)后點(diǎn)擊Firbug鏈接進(jìn)入Firebug的下載安裝頁(yè)面。
1.2 使用方法
安裝完成后，在自己出錯(cuò)的位置上，點(diǎn)右鍵==>查看元素，就可以找到出錯(cuò)的樣式在什么地方。
2、邊框背景調(diào)試法
2.1 簡(jiǎn)要介紹
如果頁(yè)面在IE下瀏覽異常，在FF瀏覽正常，就比較麻煩一點(diǎn)，這時(shí)候我們可以給元素設(shè)置顯眼的邊框或者背景，進(jìn)行調(diào)試。
2.2 使用方法
首先估計(jì)一下出錯(cuò)的位置在那，在它的標(biāo)簽上加style=”border:1px solid #000″，這樣就可以看到該模塊占了多少位置，是否在成長(zhǎng)的范疇。
3、最大寬度最小寬度
3.1 簡(jiǎn)要介紹
在模板制作過(guò)程中，經(jīng)常會(huì)出現(xiàn)側(cè)邊欄下沉的情況，通常都是content區(qū)域的寬度過(guò)多造成的，但并不絕對(duì)是。
3.2 解決方法
遇到這種情況，我們可以先將content的寬度給成100或更小并添加overflow:hidden屬性，隱藏掉超出部分。如果寬度改小后，下沉問(wèn)題解決。就可以判斷問(wèn)題就是出現(xiàn)在這個(gè)元素上。之后可以改小margin-left、改小寬度、隱藏超出寬度的圖片什么的，一點(diǎn)一點(diǎn)測(cè)試，調(diào)個(gè)完美版本的出來(lái)。（之前看到某同事，每次寬度減小10來(lái)測(cè)試，既然是測(cè)試，減小100不是更容易發(fā)現(xiàn)問(wèn)題嗎？）
3、樣式排除法
有些復(fù)雜的頁(yè)面也許加載了 N 個(gè)外鏈 CSS 文件，那么逐個(gè)刪除 CSS 文件，找到 BUG 觸發(fā)的具體 CSS 文件，縮小鎖定的范圍。
對(duì)于剛才鎖定的問(wèn)題 CSS 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發(fā)樣式定義，甚至是具體的觸發(fā)樣式屬性。
4、模塊確認(rèn)法
有時(shí)候我們也可以從頁(yè)面的 HTML 元素出發(fā)。刪除頁(yè)面中不同的 HTML 模塊，尋找到觸發(fā)問(wèn)題的 HTML 模塊。
相關(guān)文章
- 你是否曾經(jīng)為了在文檔里面用錯(cuò)一個(gè)詞語(yǔ)花費(fèi)時(shí)間去一個(gè)一個(gè)的尋找并且逐個(gè)修改，那么在word文檔中如何快速查找替換定位?下面小編就為大家詳細(xì)介紹一下，來(lái)看看吧2016-08-26
ppt2013怎么打開(kāi)開(kāi)WORD并跳轉(zhuǎn)至文檔指定位置?
ppt2013怎么打開(kāi)開(kāi)WORD并跳轉(zhuǎn)至文檔指定位置？想要打開(kāi)word文檔，但是目前只有ppt軟件，該怎么辦呢？今天我們就來(lái)看看怎么用ppt打開(kāi)word并制定到固定位置的教程，需要的朋2016-05-03- 我們?cè)谑褂肳ord2010編輯一個(gè)頁(yè)碼較多的長(zhǎng)文檔時(shí)，常常希望能快速找到特定頁(yè)面，那么word文檔如何進(jìn)行快速定位及查找文字?下面小編就為大家詳細(xì)介紹一下，來(lái)看看吧2016-04-20
Word文檔打開(kāi)時(shí)自動(dòng)定位到上次編輯處方法圖解
當(dāng)一篇文檔篇幅過(guò)長(zhǎng),我們對(duì)文檔的編輯可能需要分幾次進(jìn)行,那么如何在打開(kāi)文檔時(shí)快速定位到上次編輯位置呢?下面小編就為大家介紹Word文檔打開(kāi)時(shí)自動(dòng)定位到上次編輯處方法，2016-04-13- 在Word2003文檔中，用戶(hù)可以通過(guò)“定位”功能快速定位到指定的頁(yè)、節(jié)、行、書(shū)簽、批注、腳注或尾注等特定位置，從而實(shí)現(xiàn)快速查找內(nèi)容的目的，那么如何在編輯word文件時(shí)進(jìn)行2015-12-20
word2013插入書(shū)簽并定位到相應(yīng)位置的操作方法
有一份篇幅很長(zhǎng)的文檔，一次看不完，可以在看到的地方插入一個(gè)書(shū)簽，下次打開(kāi)時(shí)，快速定位到書(shū)簽的所在位置，方便接著看完整篇文檔2014-04-14- 在Word中進(jìn)行查找時(shí)，如果是英文串，勾尋全字匹配”時(shí)可以精確地定位到一個(gè)字符串。2011-06-04
- 在Word中進(jìn)行查找時(shí)，如果是英文串，勾尋全字匹配”時(shí)可以精確地定位到一個(gè)字符串。但是對(duì)于中文來(lái)說(shuō)，就有點(diǎn)愛(ài)莫能助了。2011-05-20
- 熟悉WPS文字編輯軟件的用戶(hù)可能知道WPS的一個(gè)特點(diǎn)，即當(dāng)用戶(hù)打開(kāi)一個(gè)WPS文檔時(shí)，光標(biāo)會(huì)自動(dòng)定位到上一次存盤(pán)時(shí)的編輯位置。在Word中沒(méi)有提供該功能，不過(guò)用戶(hù)可以在打開(kāi)Wor2008-10-04
- word文檔有幾千頁(yè)，怎么樣快速的定位到第幾頁(yè)呢？下面小編給大家分享word定位快捷鍵大全，非常不錯(cuò)，感興趣的朋友一起看看吧2016-09-21