如何查看网页的源代码（HTML代码和CSS代码）？

网页源代码如何查看或源文件怎么查看

第一种：打开一个网页后点击鼠标的右键就会有查看源文件， *** 作鼠标右键--->查看源文件即可d出一个记事本，而记事本内容就是此网页的html代码。

鼠标右键查看html网页源代码

可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

源文件、源代码样式图

第二种：通过浏览器状态栏或工具栏中的点击“查看”然后就用一项“查看源代码”，源代码即可查看此网页的源代码源文件。在微软IE下截图：

在微软IE下查看--->源文件即可查看此网页代码在傲游浏览器下截图：

查看别人网页的源代码可以为我们制作网页时候有帮助，以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

在需要查看网页代码的页面中，点击鼠标右键，源文件（IE）。

在新版本IE中点击F12会d出“开发人员工具”，在工具中可以分析网页代码，结果会更直观。

 
 
 
firefox中，除了右键查看网页源代码查看网页代码外，还可以安装一个插件firedebug，这个插件除了分析代码还可以调试代码。

注意：正常情况下在网页中点右键，选查看源文件是可以的，但是有些网页加密了，不能使用右键，这种方法行不通了，这时可以按以下方法，点工具菜单，邮件和新闻，发送网页，这时在d出的对话框中就会有当然的网页，再点右键，就可以查看源文件了
。

第一种方法：

1、打开一个网页；

2、点击浏览器上的菜单“查看”；

3、选择其中的“源文件”选项，即可以打开一个记事本文件，其中就是这个网页的源代码。

第二种方法：

1、打开一个网页；

2、将鼠标放置到网页上的任何位置（只要位于没有链接、处，最好是网页中的空白区域）；

3、点击鼠标右键，选择其中的“查看源文件”即可。

以联想电脑Y7000P，Windows10版本，edge浏览器960105453版本为例，查看网页代码快捷键为：Ctrl+u。

1、准备一个标准电脑键盘。

2、同时按住Ctrl键u键，浏览器会跳转新的代码页面。

3、浏览器会自动跳出新的代码页面。

除了使用快捷键，以联想电脑Y7000P，Windows10版本，edge浏览器960105453版本为例。还可以使用鼠标手动代码，方法如下：

1、右键单击网页的空白部分，然后从出现的d出菜单中选择“查看页面源代码(V)”。

2、页面源代码，此时电脑屏幕会显示出网页源代码。

工具/材料：电脑、浏览器。

第一步，打开电脑打开，浏览器进入。

第二步，进入后找到右上角单击进入。

第三步，找到更多工具-开发人员工具点击进入。

第四步，进入后即可查看源代码即可。

第五步，或者使用快捷键Ctrl+u即可 快速进入 。

---