怎么查看网站源代码

怎么查看网站源代码

网站一般分为三部分：
前台界面，就是你在浏览器上看到的界面
后台代码，一般位于网站提供方的服务器上
数据库，存储网站的部分数据，同样位于网站提供方的服务器上

我们一般能在浏览器上看到的只有前台界面；前台界面一般又分为：
HTML，表示界面上有些什么东西（按钮，文本框，图片框）
javascript，你与界面怎么交互（点击时、右键时浏览器做什么）
css，界面元素（HTML）如何排版，图片放哪儿，字体多大，字间距多大等
你打开一个页面后按F12可以在source中可以直接看到HTML和javascript，css一般在其它路径下，需要在页面中查看引用的css位置

所以如果你想要看网站的完整代码是不可能的，除非有人提供源码
一般你只能看到前端的这些代码，只能知道它的形；里面的数据具体怎么来的你是不知道的
2017-04-18

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

如果是看网站页面源代码，右击页面空白处，点击查看源代码（快捷键v）。2017-04-18

进入你想查看的网站然后右键一般都可以查看到，不过有一些网站设置了代码，右键查看不了2017-04-18

进入网页，右键 点击“查看源代码”2017-04-18