分享查看頁面原始碼的四種方法

前端開發人員在瀏覽網頁時，遇到自己喜歡的網頁，總想看看程式碼是怎麼寫的，也有些人需要對網頁原始碼進行修改，那你知道怎麼查看一個網頁的源代碼嗎？這篇文章就跟大家講講如何查看原始碼，以及不同瀏覽器的查看原始碼的快捷鍵。 有需要的朋友可以參考一下，希望對你有用。

一、原始碼是什麼

一般來講，透過html程式碼能讓圖片、文字、影片等內容在瀏覽器中顯示出來的程式碼，我們就稱它為網頁原始碼。 CSS程式碼可以稱它為CSS原始碼。

二、如何檢視原始碼

接下來主要介紹四種方法開啟網頁原始碼

1、任意開啟一個網頁，滑鼠右擊會看到」查看原始碼「，這個網頁的原始碼就出現在你眼前了。

2、為了方便快捷，小夥伴可以使用快捷Ctrl U來查看原始碼，同樣可以實現。

補充：想要看一個頁面的局部樣式，可以滑鼠右鍵，點選審查元素。也可以用快速鍵F12，或是快速鍵Ctrl Shift I呼叫或關閉開發者工具，以此來檢視原始碼。

3、也可以在你想查看的網頁網址列前面加上去view-source:

例如：view-source:https://www.baidu.com/  就可以查看百度的原始碼

4、除此之外，還可以在瀏覽器的設定選單框中，找到“更多工具”，然後再找開發者工具，也可以查看網頁原始碼。

附註：但是不同的瀏覽器好像有點差別。

火狐狸：找到設定選單框，找到web開發者，然後再找到頁面原始碼

#Google瀏覽器就不一一截圖了，都差不多，只是有些細微差別。

以上介紹了四種檢視頁面原始碼的方法。不知道的朋友可以自己試試，找到便捷好用的方式即可。

以上是分享查看頁面原始碼的四種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！