查看源代码用什么工具可以看文件的源代码？

查看源代码时间:2021-01-28 阅读:()

怎么看一个网站的源代码，网页源代码怎么看

原发布者:相思寄红颜制作网页除了需要自己不断的灵感源泉，更需要借鉴前人们的经验和宝贵资源，平时多看别人的作品来丰富自己的知识库是十分好的方法，那我们怎么来借鉴别人的作品呢？当然是看别人的页面源代码了。

互联网发展如此迅速，靠的就是它开源、共享的几个特性，所以更应该发挥这个特性。

针对目前流行的几种浏览器，我们挑重点分别介绍一下几种查看页面源代码的方法。

IE浏览器查看源代码的方法IE浏览器就是微软公司出品的Explorer，一般内置在各个版本的Windows操作系统中，现在流行的版本有IE6、IE7，也有少数人开始用IE8，但它还不完善，建议还是使用稳定的IE6或IE7。

打开浏览器，输入一个网址，待页面全部打开。

找到一块你觉得感兴趣的地方，然后找到它的源代码，反正是举例，我就随便找个目标，比如首屏的“滚动热点”。

好，目标寻找完毕，在页面的空白处点击鼠标右键，在菜单中可以看到“查看源文件”的选项，如图一，点击它，然后会弹出一个文本文档，你会看到一大堆代码，这就是这个页面的源文件了。

不过有些做页面的朋友不厚道，不想让别人看到源文件，于是添加代码禁止在网页中点击右键，这时候你可以点击浏览器菜单栏里的“查看”，里面有“源文件”选项，如图二，效果和右键查看源代码相同。

如果这个也给禁止了呢？那我们就把页面另存一下，点击浏览器菜单栏里文件--另存为，如图三，存好了之后再拿Dreamweaver或者记事本之类的软件打开就行了。

如果这个也用不了......那只能再根据

如何查看网站HTML源代码

IE9浏览器默认情况下隐藏了浏览器菜单栏，因此在打开IE9浏览器以后，需要按键盘上的ALT键来显示浏览器工具栏。

　　在显示出来的IE菜单栏上点击菜单“查看”→“源文件”。

　　IE浏览器会自动打开一个新的窗口来显示网页源代码。

　　哦~这份缘文件实在太难看懂了~别着急，其实IE9提供了一个更为强大的网页源代码查看工具——开发者工具。

　　点击IE9浏览器右上角的齿轮图标，在下拉菜单中点击“F12开发者工具”，或者直接按键盘上的快捷键F12也可以打开开发者工具。

　　IE9的开发者工具提供更为强大的网页开发查看代码和调试功能，你可以使用开发者工具更方便地查看网页HTML代码，CSS样式代码和脚本等信息。

　　使用Firefox火狐浏览器查看网页源代码　　Windows Vista/7用户：点击Firefox浏览器左上角的快捷菜单，在下拉菜单中点击“Web开发者”→“查看页面源代码”。

　　Windows XP/Linux用户：点击Firefox浏览器的菜单“工具”→“Web开发者”→“查看页面源代码”。

　　键盘快捷键：Ctrl+U 　　Firfox浏览器会打开网页源代码窗口显示网页HTML源代码。

　　如果想要查看其中外联的CSS源文件，可以用鼠标点击源代码中的CSS外联文件链接网址。

　　不过自带的之中网页源文件查看器并不好用，你可以尝试使用插件Firebug来获取更好用的网页开发功能。

　　点击“Web开发者”→“获取更多工具”。

　　在弹出的Firefox新标签页中安装插件“Firebug”。

　　安装完成以后会在Firefox浏览器的右上角工具栏中添加Firebug的图标，点击它就可以使用Firebug网页调试工具了。

　　这个工具相当强大哦~ 　　使用谷歌Chrome浏览器查看网页源代码　　点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。

　　Chrome浏览器会打开一个网页源代码显示窗口，这个源代码显示窗口好像也是不那么友好，一大堆网页代码实在不知道如何下手呀。

　　如果你想要更好的网页源代码显示和开发工具，那就点击Chrome浏览器右上角的快捷菜单“工具”→“开发者工具”。

　　看看，不需要下载任何插件，Chrome浏览器就已经为你提供了一个相当强大的网页开发者工具了。

　　使用Chrome浏览器开发者工具来查看和调试CSS也相当好用。