大家都知道网站是由源代码构成的，如果没有源代码，那自己的网站大体上是无法生存的，所以，很多人也想借鉴他人的源代码，那如用f12到底怎么查看源代码?这也是目前很多新手们咨询的问题。

　　一、f12查看源代码的详情

　　1、在浏览器中打开要调试的网页，然后点击”f12 tools“，或者使用快捷键f12。

　　2、在弹出的工具窗口中，默认是在dom功能，列出网页的源代码和样式列表。

　　3、使用元素定位功能选择页面中的一个元素同时也定位到源代码中位置，比如百度首页的"网页"元素，对定位到的文字修改css样式，添加inline style，比如把字体变红色。也可以手工修改其他已经存在的样式

　　4、查看元素已经应到到的css样式，点击"computed"菜单，查看元素的布局信息，点击"layout"菜单。

　　二、如何用好源代码?

　　有了源码，如果没有相关部署技术能力，也是无法使用的。需要具备部署能力，根据源码运行的环境条件，安装软件运行环境，并且需要进行相关配置和调试，使其能够正常运作使用起来。具体的步骤：

　　1、申请域名，要访问在线教育平台，须要输入域名，域名相当于这个网站的门牌号，没有域名是无法找到和访问网站的，因此培训机构须找域名提供商家，购买域名。

　　2、购买空间，还要有网站空间用来存放源码，网上提供存放空间的服务商有很多，可以根据源码和需要的容量选购买合适的空间。

　　3、上传源码，有了空间后，就可以根据提供的后台，然后将源码上传到相应的目录。

　　4、绑定域名，然后给网站绑定前面申请购买的域名，这样你的网站就可以使用了。

　　5、分享网站，把域名分享给别人，别人就可以通过域名来访问你的网站了。还是很简单的，大家可以用来试试。

　　怎样才能得到网页的源码?其实国内有很多不错的开源程序在默默的免费提供使用，就比如(织梦)(帝国)这些程序是国内使用最多的程序，提供免费开源的网站。

　　想通过f12来查看源代码，其实也很简单，只需要找到网页然后按下f12这个快捷键盘，然后就可以进入到相应的指令，就可以查和修改了，当然，别人的网站是不能修改的，大家只能去查看内容。

推荐阅读：

为什么网页源代码是公开的？是什么原因？

如何查看网站的源代码？流程是啥？

怎么显示网页源代码？有几种？