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

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

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

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

二、如何查看源代碼

接下來(lái)主要介紹四種方法打開(kāi)網(wǎng)頁(yè)源代碼

1. 鼠標(biāo)查看源代碼

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

鼠標(biāo)右擊——查看源代碼


網(wǎng)頁(yè)源代碼

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

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

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

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

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

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

猜你喜歡：

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

什么是HTML，什么是H5？

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

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