教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

網(wǎng)頁源代碼怎么看?查看網(wǎng)頁源代碼快捷鍵是什么?

更新時間:2021年12月07日14時26分 來源:傳智教育 瀏覽次數(shù):

開發(fā)者在瀏覽網(wǎng)頁的時候，遇到自己喜歡的網(wǎng)頁，總想看一下代碼是怎樣寫的，也有人需要對網(wǎng)頁源碼進行修改，那么你知道如何查看網(wǎng)頁源碼嗎?下面將介紹如何查看網(wǎng)頁源代碼，希望對你有所幫助。


一、網(wǎng)頁源代碼是什么

網(wǎng)站源碼，也稱源代碼，源程序，是指未編譯的文本代碼或一個網(wǎng)站的全部源碼文件，是一系列人類可讀的計算機語言指令;通過瀏覽器或服務器翻譯后才是用戶最終看到的效果。網(wǎng)站源碼可分為兩種，一種是動態(tài)源碼如ASP，PHP，JSP，.NET等，另一種是靜態(tài)源碼如HTML等。網(wǎng)頁源代碼是指網(wǎng)頁的html代碼，這里可以將CSS代碼也稱為CSS源代碼。

二、如何查看源代碼

接下來主要介紹四種方法打開網(wǎng)頁源代碼


1. 鼠標查看源代碼

任意打開一個網(wǎng)頁，鼠標右擊會看到”查看源代碼“，這個網(wǎng)頁的源代碼就出現(xiàn)在你眼前了。

查看頁面源代碼

鼠標右擊——查看源代碼

頁面源代碼什么樣
網(wǎng)頁源代碼


2、快捷鍵Ctrl+U查看源碼

為了方便快捷，小伙伴們可以使用快捷鍵Ctrl+U來查看源碼，同樣可以實現(xiàn)。

補充：想要看一個頁面的局部樣式，可以鼠標右鍵，點擊審查元素。還可以用快捷鍵F12或者快捷鍵Ctrl+Shift+I調(diào)用或者關(guān)閉開發(fā)者工具，以此來查看源代碼。


3、網(wǎng)頁地址欄前面加上入view-source:

也可以在你想要查看的網(wǎng)頁地址欄前面加上入view-source:

比如：view-source:https://www.itheima.com/就可以查看黑馬程序員官網(wǎng)源代碼文件。

地址欄查看網(wǎng)頁源代碼



猜你喜歡：

HTML5開發(fā)工具介紹：常用HTML5開發(fā)工具有哪些？

什么是HTML，什么是H5？

HTML5的優(yōu)勢有哪些？

傳智教育web前端開發(fā)高手班

0 分享到：
和我們在線交談！