1. 首页
2. 文章
3. 电脑
4. Windows
5. 方法

当网页显示异常要找问题的时候，或者在学习前端开发的时候，查看网页源代码有助于我们查找问题以及学习优秀的网页源代码。

一般浏览器是会支持用户查看网页源代码的，注意这里所说的源代码不是服务器代码，只是网页的结果代码。

查看网页源代码快捷键

使用查看网页源代码快捷键就能看到网页的源代码，常见的查看网页源代码快捷键有：

1.「Ctrl+U」。Windows系统和Linux系统中的大部分源代码都可以通过「Ctrl+U」来查看，比如下图就是目前电手IT首页的源代码截图。用这个快捷键是另外打开一个网页显示源代码，原来的网页不会消失。

2.「Cmd+Option+U」。macOS系统查看网页源代码快捷键是「Cmd+Option+U」。

3.「F12」。直接按「F12」也可以查看网页源代码，不过首次使用这个按键的时候可能会弹出这样的提示框，记住决定后「打开开发工具」可以查看源代码。

其他查看网页源代码的方法

除了使用上面提到的几个查看网页源代码快捷键之外，要查看网页源代码的方法还有很多。

方法一.右键查看网页源代码

在浏览器网页中点击右键，在弹出的菜单栏中选择「查看网页源代码」就可以查看代码。

方法二.右键检查选中部分的代码

上面的几种方法包括使用查看网页源代码快捷键，查看的都是整个网页的代码，除此之外还可以选中一部分显示内容，只查看这部分的代码，更有指向性。

选中要查代码的部分，比如这里我们选中首页的一张图，右键单击，选择「检查」。

然后代码就会显示在网页右侧，并且会自动导航到选定的部分。

用这种方式查看源代码可以直接定位到我们想确认的部分，节省了自己找的时间。

方法三.网页网址前加「view-source:」

如果已经按上面的方法操作过了，那么细心的朋友可能已经发现，打开的源代码网页网址都是「view-source:+原网址」，所以要查看网页源代码也有一个很简单的方法，就是在要查看源代码的网页网址前加「view-source:」，注意有个冒号，这样就能直接查看到网页源代码了。

结论

上面为大家介绍了几个常用的查看网页源代码快捷键，并且给出来一些其他的查看网页源代码的方法，大家在进行前端学习的时候可以多找点优秀网页学习。