如何使用浏览器的F12调试页面

一个程序员按照要求编写一个网页，不可能一次编写就完全达到目的，一般要对自己的的代码修改调试几次后才能到达要求，浏览器的F12开发人员工具就可以很方便的帮助程序员调试自己的代码。

<!more>

简介

F12 开发人员工具是一套按需采用的工具，网站开发人员可以随时在任何网页上使用 F12 工具，从而快速调试 JavaScript、HTML 和级联样式表 (CSS)，还可以跟踪并查明网页或网络的性能问题。

具体内容

项目：

element（元素）标签页：可以查看代码

sources（软件源）标签页：可以选取css文件、html文件并进行修改

快捷键：

ctrl+shift+c 选取元素进行查看

ctrl+shift+m 模拟移动端进行查看

更为清爽的浏览体验,请移步我的个人博客
天心天地生的个人博客