有的小伙伴在進行網頁布局時，想要寫出更好看的樣式，那么這時候我們就需要查看一些網頁的源代碼來進行學習了，如何查看網頁源代碼呢？小編就來為大家介紹一下吧。

具體如下：

1. 1. 第一步，雙擊打開“瀏覽器”軟件。

2. 2. 第二步，來到瀏覽器頁面后，點擊頁面右上角的【...】選項。

3. 3. 第三步，我們可以看到如下圖所示的彈出選項框，點擊【開發人員工具】選項，或者我們可以按快捷鍵【F12】來查看網頁源碼。

4. 4. 第四步，點擊網頁源代碼窗口左上角的【元素】選項，這樣我們就可以看到div css了。

5. 5. 第五步，點擊下圖紅框中的三角圖標，我們就可以對該代碼進行展開或者折疊操作了。

6. 6. 第六步，我們可以通過點擊每段div樣式的代碼，來了解到樣式的定義。

7. 以上就是電腦上如何查看網頁源代碼的方法。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。