Miscellaneous工具包含了很多有意思的功能，我們只講三個與CSS網頁布局開發有關系的功能。如下圖：

1、Display Line Guides　輔助線功能，我們在Photoshop或Fireworks等圖象處理軟件中，提供了額外的輔助線功能，方便圖片文件在處理過程中的對齊等。在Web Developer插件所提供的這個功能，達到了同樣的效果。我們點選該命令就可以看到輔助線了，如下圖：

我們發現當鼠標移到輔助線的時候，還會提供一些額外的信息，如當前的絕對位置是多少，距離上一條、下一條輔助線的距離。我們可以通過面板中的Add Horizontal Line Guide增加一條水平輔助線;Add Vertical Line Guide可以增加一條垂直輔助線。通過Color改變輔助線的顏色。是不是非常方便?快試試吧!吼吼。

2、Display Ruler　標尺或測量工具。點選這個命令，可以在頁面中的任何位置畫一個矩形，會有一個TIP提示相關的信息，坐標、長與寬等。在移動鼠標的時候，這個TIP也會提示相應的值，如下圖：

3、Edit HTML　編輯HTML工具。大家一定還記得CSS工具菜單下的Edit CSS工具，這個功能與之類似，不同的是編輯的是xhtml代碼。點擊這個命令，FF左側打開一個編輯窗口，將網頁源文件xhtml代碼放置其中了，我們可以在這個窗口中隨意的更改與編輯，并且右側的網頁將按修改后的代碼實時顯示出來。夠爽吧，前面的編輯了CSS，這個實時調整一下XHTML，并且能實時查看效果。如下圖：

有了這個功能，我們可以真正的實現了在這個環境中進行開發，而且學習別人的作品時，也能兼顧xhtml編碼的學習。方便實用!