IE9瀏覽器默認(rèn)情況下隱藏了瀏覽器菜單欄，因此在打開IE9瀏覽器以后，需要按鍵盤上的ALT鍵來顯示瀏覽器工具欄。

在顯示出來的IE菜單欄上點擊菜單“查看”→“源文件”。

IE瀏覽器會自動打開一個新的窗口來顯示網(wǎng)頁源代碼。

哦~這份緣文件實在太難看懂了~別著急，其實IE9提供了一個更為強大的網(wǎng)頁源代碼查看工具——開發(fā)者工具。

點擊IE9瀏覽器右上角的齒輪圖標(biāo)，在下拉菜單中點擊“F12開發(fā)者工具”，或者直接按鍵盤上的快捷鍵F12也可以打開開發(fā)者工具。

IE9的開發(fā)者工具提供更為強大的網(wǎng)頁開發(fā)查看代碼和調(diào)試功能，你可以使用開發(fā)者工具更方便地查看網(wǎng)頁HTML代碼，CSS樣式代碼和腳本等信息。

Windows Vista/7用戶：點擊Firefox瀏覽器左上角的快捷菜單，在下拉菜單中點擊“Web開發(fā)者”→“查看頁面源代碼”。

Windows XP/Linux用戶：點擊Firefox瀏覽器的菜單“工具”→“Web開發(fā)者”→“查看頁面源代碼”。

鍵盤快捷鍵：Ctrl+U

Firfox瀏覽器會打開網(wǎng)頁源代碼窗口顯示網(wǎng)頁HTML源代碼。

如果想要查看其中外聯(lián)的CSS源文件，可以用鼠標(biāo)點擊源代碼中的CSS外聯(lián)文件鏈接網(wǎng)址。

不過自帶的之中網(wǎng)頁源文件查看器并不好用，你可以嘗試使用插件Firebug來獲取更好用的網(wǎng)頁開發(fā)功能。

點擊“Web開發(fā)者”→“獲取更多工具”。

在彈出的Firefox新標(biāo)簽頁中安裝插件“Firebug”。

安裝完成以后會在Firefox瀏覽器的右上角工具欄中添加Firebug的圖標(biāo)，點擊它就可以使用Firebug網(wǎng)頁調(diào)試工具了。

這個工具相當(dāng)強大哦~

點擊Chrome瀏覽器右上角的快捷菜單“工具”→“查看源代碼”。

Chrome瀏覽器會打開一個網(wǎng)頁源代碼顯示窗口，這個源代碼顯示窗口好像也是不那么友好，一大堆網(wǎng)頁代碼實在不知道如何下手呀。

如果你想要更好的網(wǎng)頁源代碼顯示和開發(fā)工具，那就點擊Chrome瀏覽器右上角的快捷菜單“工具”→“開發(fā)者工具”。

看看，不需要下載任何插件，Chrome瀏覽器就已經(jīng)為你提供了一個相當(dāng)強大的網(wǎng)頁開發(fā)者工具了。

使用Chrome瀏覽器開發(fā)者工具來查看和調(diào)試CSS也相當(dāng)好用。