Mark丨网页源代码还能这么看，快捷键有哪些？

梦里梦外; 2023-10-10 13:37 11阅读 0赞

![图片][69e03f86ceef450bcd10137a9458014b.gif]

程序员在浏览网页的时候，遇到自己喜欢的网页，总想看一下代码是怎样写的，也有人需要对网页源码进行修改。那么，你知道如何查看网页源码吗？

**网页源代码是什么**

网站源码，也称源代码，源程序，是指未编译的文本代码或一个网站的全部源码文件，是一系列人类可读的计算机语言指令。通过浏览器或服务器翻译后才是用户最终看到的效果。

网站源码可分为两种，**一种是动态源码如ASP，PHP，JSP，.NET等，另一种是静态源码如HTML等。**网页源代码是指网页的html代码，这里可以将CSS代码也称为CSS源代码。

**如何查看源代码**

接下来主要介绍三种方法打开网页源代码。

**1. 鼠标查看源代码**

任意打开一个网页，鼠标右击会看到“**查看源代码**”，这个网页的源代码就出现在你眼前了。

![图片][68ec1b702f2019080cfa28344f22dc5b.gif]

鼠标右击——查看源代码

![图片][81c62ff032a438eeebc52d1b9644f618.png]

网页源代码

**2. 快捷键Ctrl+U查****看源码**

为了方便快捷，小伙伴们可以使用快捷键**Ctrl+U**来查看源码，同样可以实现。

补充：

想要看一个页面的局部样式，可以鼠标右键，点击审查元素。**还可以用快捷键F12或者快捷键Ctrl+Shift+I调用或者关闭开发者工具**，以此来查看源代码。

**3. 网页地址栏前面加上入view-source:**

也可以在你想要查看的网页地址栏前面加上入**view-source:**

比如：view-source:https://www.itheima.com/就可以查看黑马程序员官网源代码文件。

![图片][62151875daa738813efcf524b6cc3d1c.gif]

**如何查看网页源代码你学会了吗**

**希望对你有所帮助**

![图片][eca25217ce1bf46864cf49dee66cbe7c.gif]

[69e03f86ceef450bcd10137a9458014b.gif]: https://img-blog.csdnimg.cn/img_convert/69e03f86ceef450bcd10137a9458014b.gif
[68ec1b702f2019080cfa28344f22dc5b.gif]: https://img-blog.csdnimg.cn/img_convert/68ec1b702f2019080cfa28344f22dc5b.gif
[81c62ff032a438eeebc52d1b9644f618.png]: https://img-blog.csdnimg.cn/img_convert/81c62ff032a438eeebc52d1b9644f618.png
[62151875daa738813efcf524b6cc3d1c.gif]: https://img-blog.csdnimg.cn/img_convert/62151875daa738813efcf524b6cc3d1c.gif
[eca25217ce1bf46864cf49dee66cbe7c.gif]: https://img-blog.csdnimg.cn/img_convert/eca25217ce1bf46864cf49dee66cbe7c.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 HttpRunner原来还能这么用，大开眼界！！！

hook机制　　Httprunner 框架中的 hook 机制相当于unittest框架中的 setup , teardown 函数，用来进行测试用例执行之前的环境初始化以

你的名字/ 2024年02月17日 11:52/ 0 赞/ 30 阅读

相关 Mark丨网页源代码还能这么看，快捷键有哪些？

![图片][69e03f86ceef450bcd10137a9458014b.gif] 程序员在浏览网页的时候，遇到自己喜欢的网页，总想看一下代码是怎样写的，也有人需要对网页

梦里梦外;/ 2023年10月10日 13:37/ 0 赞/ 12 阅读

相关网页源代码拿到后怎么使用(手机怎么看网页源代码)

　　什么是源代码　　源代码指的是网页制作过程中需要使用的一些特殊的“语言”。设计者组织这些“语言”来制作网页，然后浏览器“翻译”代码，这就是我们最终看到的效果。　　源代

痛定思痛。/ 2023年09月25日 11:44/ 0 赞/ 136 阅读

相关苹果手机怎么能查看网页源代码

　　苹果手机查看网页源代码的方法是：打开Safari浏览器――点击网址分享――点击书签――命名后点击存储――点击书签――点击编辑――点击看源代码即可查看。　　苹果手机查看网

雨点打透心脏的1/2处/ 2023年09月25日 11:43/ 0 赞/ 11 阅读

相关到底Java有哪些魔力，能让它一直这么火热呢？

在现阶段所有的计算机编程语言中，程序员大部分首先选‌‌择的编程语言就是Java语言，Java语言凭借着自身的优势占据着半壁江山，主要因为其杰出的安全性、跨平台性等等在众多编程

矫情吗；*/ 2023年02月22日 12:10/ 0 赞/ 11 阅读

相关 win10 电脑触摸板不能滑动_科普丨笔记本触摸板原来还能这么用？

![214137e3e0bebae2be298a2720a8fe61.png][] 日常生活中很多小白使用笔记本总会产生这样的错觉，触摸板使用起来不趁手，远不如鼠标那般灵巧。

布满荆棘的人生/ 2023年01月04日 15:55/ 0 赞/ 292 阅读

相关干货丨Spark与Hadoop有哪些区别？

Hadoop与Spark都是大数据计算框架，但是两者各有自己的优势，Spark与Hadoop的区别主要有以下几点。 1、编程方式 Hadoop的MapReduce在计算数据

曾经终败给现在/ 2022年11月17日 13:36/ 0 赞/ 185 阅读

相关干货丨Spark与Hadoop有哪些区别？

Hadoop与Spark都是大数据计算框架，但是两者各有自己的优势，Spark与Hadoop的区别主要有以下几点。 1、编程方式 Hadoop的MapReduce在计算数

超、凢脫俗/ 2022年11月17日 10:23/ 0 赞/ 247 阅读

相关 [mark]Eclipse快捷键大全

Eclipse快捷键大全(转载) - Java in Action 移动互联网 Ctrl+1 快速修复(最经典的快捷键,就不用多说了) Ctrl+D: 删除当前行

柔情只为你懂/ 2022年06月13日 03:52/ 0 赞/ 28 阅读

相关 ping 命令还能这么玩？

点击上方 [Java后端][Java]，选择设为星标优质文章，及时送达 ![format_png][] 小Hub领读：说实话，我以为ping就仅仅用来判

向右看齐/ 2021年08月27日 19:43/ 0 赞/ 486 阅读