如何檢視網頁的原始碼(HTML程式碼和CSS程式碼)

來源:酷知科普網 1.42W

我在寫文章或者做其它東西的時候,自己總有一個網頁,我們如何檢視自己網頁的原始碼呢?下面介紹一下。

第一種方法:通用方法

(01)開啟一個網頁,在該網頁中點選左鍵,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼)

(02)點選檢視原始碼,如圖,看到了嗎,這一大堆字母就是你這個網頁的原始碼了。

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第2張

(03)上面那個太複雜了,點選工具,點選開發者工具,如圖,

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第3張

(04)這樣就可以見到更簡截的原始碼了,如圖。

第二種方法:在360瀏覽器中檢視

(01)點選檢視,如圖,點選檢視網頁原始碼。

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第4張

(02)這樣點選後就可以看到了網頁的原始碼了,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第5張

(03)同樣的方法同第一種方法,也可以看到比較簡單的原始碼,

第三種方法:在IE瀏覽器中檢視

(01)用IE瀏覽器開啟一個頁面,如圖。點選網頁,

(02)點選檢視原始檔,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第6張

(03)這樣就看到了這個網頁的原始碼了,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第7張

(04)這個太複雜了看不懂,同樣可以看到簡截的,點選工具,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第8張

(05)點選開者工具,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第9張

(06)在這裡就看到了HTML程式碼和CSS程式碼,如圖

如何檢視網頁的原始碼(HTML程式碼和CSS程式碼) 第10張
熱門標籤