如何使用排除法解決範本上的問題

如何使用排除法解決範本上的問題？

使用排除法解決模板上的問題

推薦：《wordpress教學

在wordpress模板製作過程中，有一些看似複雜的問題，其實只要確定了問題出現的位置，大多數都可以自行解決。 1.使用Firebug進行排查 1.1 簡要介紹與安裝方法 Firebug是Firefox的一款插件，提供了一整套web開發所必需的工具。從HTML的編寫，到CSS樣式表的美化調優，以及&he

  

在wordpress模板製作過程中，有一些貌似複雜的問題，其實只要確定了問題出現的位置，大多數都可以自行解決。

1.使用Firebug進行排查

1.1 簡要介紹與安裝方法

Firebug是Firefox的一款插件，提供了一整套web開發所必需的工具。從HTML的編寫，到CSS樣式表的美化調優，以及…

所以我們要先安裝Firefox瀏覽器。

安裝好瀏覽器後，選擇選單列上的“工具”選單，點擊“附加元件”==>“取得附加元件”

在輸入方塊中輸入“firebug” 。等搜尋結果出來後點選Firbug連結進入Firebug的下載安裝頁面。

1.2 使用方法

安裝完成後，在自己出錯的位置上，點右鍵==>查看元素，就可以找到出錯的樣式在什麼地方。

2、邊框背景除錯法

2.1 簡單介紹

如果頁面在IE下瀏覽異常，在FF瀏覽正常，就比較麻煩一點，這時候我們可以給元素設定顯眼的邊框或背景，進行調試。

2.2 使用方法

先估計出錯的位置在那，在它的標籤上加style=”border:1px solid #000″，這樣就可以看到該模組佔了多少位置，是否在成長的範疇。

3、最大寬度最小寬度

3.1 簡單介紹

在範本製作過程中，常會出現側邊欄下沉的情況，通常都是content區域的寬度過多造成的，但並非絕對如此。

3.2 解決方法

遇到這種情況，我們可以先將content的寬度給成100或更小並添加overflow:hidden屬性，隱藏掉超出部分。如果寬度改小後，下沉問題解決。就可以判斷問題就是出現在這個元素上。之後可以改小margin-left、改小寬度、隱藏超出寬度的圖片什麼的，一點一點測試，調個完美版本的出來。 （之前看到某同事，每次寬度減少10來測試，既然是測試，減少100不是更容易發現問題嗎？）

3、樣式排除法

#有些複雜的頁面也許載入了N 個外鏈CSS 文件，那麼逐一刪除CSS 文件，找到BUG 觸發的具體CSS 文件，縮小鎖定的範圍。

對於剛才鎖定的問題 CSS 樣式文件，逐行刪除特定的樣式定義，定位到具體的觸發樣式定義，甚至是特定的觸發樣式屬性。

4、模組確認法

有時候我們也可以從頁面的 HTML 元素出發。刪除頁面中不同的 HTML 模組，尋找到觸發問題的 HTML 模組

以上是如何使用排除法解決範本上的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！