|
示例代碼會在側(cè)欄打開，里面會包含有實用價值的例子，你可以根據(jù)例子很快掌握用法。同時這些示例代碼是可以編輯的，而且也很容易復(fù)制，在Firefox 3中直接雙擊就是全部選擇。
點擊放大
在HTML面板中，你可以在任意元素、屬性名稱或者屬性值上點擊鼠標右鍵（編輯狀態(tài)也可以點），這時在快捷菜單中你可以進行兩項選擇，查找你選擇的項目，或者顯示這個項目對應(yīng)的示例代碼。
類似的，在CSS面板中你也可以右鍵單擊任意屬性名稱或者屬性值，可以進行的操作與HTML面板中的相同。
在HTML面板中，如果你右鍵點擊的標記名稱是選擇狀態(tài)（就是通常深藍色背景高亮那種），在菜單中選擇“Look up selection”會執(zhí)行一個特殊搜索，所有選中的元素、屬性已經(jīng)應(yīng)用的CSS樣式都將被搜索。有時候這個特殊搜索是自動進行的，比如在你選擇元素后點擊“Reference”面板時，就會自動搜索當前選中元素相關(guān)的所有內(nèi)容。
點擊放大
當使用Inspector更能探索不同元素的時候，如果示例代碼的側(cè)欄處于打開狀態(tài)，就將會實時顯示當前選中元素的示例代碼。
類似的，只要示例代碼側(cè)欄處于打開狀態(tài)，在DOM列表中的選擇也會觸發(fā)顯示相應(yīng)示例代碼的操作。當然和HTML面板一樣，也包含一個快捷菜單，可以執(zhí)行查找和顯示示例代碼的操作。
寫在后面
其實個人認為Sitepoint的參考手冊要比w3schools.com的實用一些。而且和Firebug集成這個思路很好。但是現(xiàn)在明顯還是不夠完善，不止是擴展，還有參考手冊上資料，尤其是JavaScript部分現(xiàn)在還在測試中，還沒有包含進來。但對于Web開發(fā)者和設(shè)計者，這應(yīng)該是一個必備的工具，推薦使用。
本文鏈接：http://www.95time.cn/tech/web/2009/6530.asp 
出處：七月佑安
責(zé)任編輯：bluehearts
上一頁 面向Web開發(fā)者和設(shè)計者的參考手冊 [1] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 面向Web開發(fā)者和設(shè)計者的參考手冊 [2]
