怎么查看网站源代码

网站一般分为三部分：

前台界面，就是你在浏览器上看到的界面

后台代码，一般位于网站提供方的服务器上

数据库，存储网站的部分数据，同样位于网站提供方的服务器上

我们一般能在浏览器上看到的只有前台界面；前台界面一般又分为：

HTML，表示界面上有些什么东西（按钮，文本框，图片框）

javascript，你与界面怎么交互（点击时、右键时浏览器做什么）

css，界面元素（HTML）如何排版，图片放哪儿，字体多大，字间距多大等

你打开一个页面后按F12可以在source中可以直接看到HTML和javascript，css一般在其它路径下，需要在页面中查看引用的css位置

所以如果你想要看网站的完整代码是不可能的，除非有人提供源码

一般你只能看到前端的这些代码，只能知道它的形；里面的数据具体怎么来的你是不知道的

　　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也相当好用。