有的小伙伴在進(jìn)行網(wǎng)頁(yè)布局時(shí)，想要寫(xiě)出更好看的樣式，那么這時(shí)候我們就需要查看一些網(wǎng)頁(yè)的源代碼來(lái)進(jìn)行學(xué)習(xí)了，如何查看網(wǎng)頁(yè)源代碼呢？小編就來(lái)為大家介紹一下吧。

具體如下：

1. 1. 第一步，雙擊打開(kāi)“瀏覽器”軟件。

2. 2. 第二步，來(lái)到瀏覽器頁(yè)面后，點(diǎn)擊頁(yè)面右上角的【...】選項(xiàng)。

3. 3. 第三步，我們可以看到如下圖所示的彈出選項(xiàng)框，點(diǎn)擊【開(kāi)發(fā)人員工具】選項(xiàng)，或者我們可以按快捷鍵【F12】來(lái)查看網(wǎng)頁(yè)源碼。

4. 4. 第四步，點(diǎn)擊網(wǎng)頁(yè)源代碼窗口左上角的【元素】選項(xiàng)，這樣我們就可以看到div css了。

5. 5. 第五步，點(diǎn)擊下圖紅框中的三角圖標(biāo)，我們就可以對(duì)該代碼進(jìn)行展開(kāi)或者折疊操作了。

6. 6. 第六步，我們可以通過(guò)點(diǎn)擊每段div樣式的代碼，來(lái)了解到樣式的定義。

7. 以上就是電腦上如何查看網(wǎng)頁(yè)源代碼的方法。

總結(jié)

以上是生活随笔為你收集整理的看网页源代码快捷键查网页源代码快捷键的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。