明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

分享查看頁面源代碼的4種方法

[摘要]前端開發(fā)人員在瀏覽網(wǎng)頁時,遇到自己喜歡的網(wǎng)頁,總想看看代碼是怎么寫的,也有些人需要對網(wǎng)頁源代碼進(jìn)行修改,那你知道怎么查看一個網(wǎng)頁的源代碼嗎?這篇文章就和大家講講如何查看源代碼,以及不同瀏覽器的查看源代碼的快捷鍵。有需要的朋友可以參考一下,希望對你有用。一、源代碼是什么一般來講,通過html代碼能讓...
前端開發(fā)人員在瀏覽網(wǎng)頁時,遇到自己喜歡的網(wǎng)頁,總想看看代碼是怎么寫的,也有些人需要對網(wǎng)頁源代碼進(jìn)行修改,那你知道怎么查看一個網(wǎng)頁的源代碼嗎?這篇文章就和大家講講如何查看源代碼,以及不同瀏覽器的查看源代碼的快捷鍵。有需要的朋友可以參考一下,希望對你有用。

一、源代碼是什么

一般來講,通過html代碼能讓圖片、文字、視頻等內(nèi)容在瀏覽器中顯示出來的代碼,我們就稱它為網(wǎng)頁源代碼。CSS代碼可以稱它為CSS源代碼。

二、如何查看源代碼

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

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

1.jpg

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

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

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

比如:view-source:https://www.baidu.com/ 就可以查看百度的源代碼

源代碼2.jpg

4、除此之外,還可以在瀏覽器的設(shè)置菜單框中,找到“更多工具”,然后再找開發(fā)者工具,也可以查看網(wǎng)頁源代碼。

注:但是不同的瀏覽器好像有點(diǎn)區(qū)別。

火狐:找到設(shè)置菜單框,找到web開發(fā)者,然后再找到頁面源代碼

火狐1.jpg

谷歌瀏覽器就不一一截圖了,都差不多,只是有些細(xì)微差別。

以上介紹了四種查看頁面源代碼的方法。不知道的小伙伴可以自己動手試試,找到一種便捷好用的方式即可。

以上就是分享查看頁面源代碼的四種方法的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。