點擊Chrome瀏覽器右上角的快捷菜單“工具”→“查看源代碼”。Chrome瀏覽器會打開壹個網頁源代碼顯示窗口,這個源代碼顯示窗口好像也是不那麽友好,壹大堆網頁代碼實在不知道如何下手呀。
打開任意壹網站頁面,然後在頁面的空白處右擊,在彈出的菜單中選擇查看源代碼在新打開的源代碼頁面中可以看見CSS文件的引用。點擊該CSS文件的鏈接就可以打開CSS文件進行查看。
在瀏覽器中打開要調試的網頁,使用快捷鍵F12。在彈出的工具窗口中,默認是在DomExplorer功能,列出網頁的源代碼和CSS樣式列表。