前端测试之F12

左上角小箭头：

查看元素所在位置，直接跳转到代码位置

元素（Elements）:

用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。

可以直接点击元素进行CSS、html修改；此修改只会在本地生效；不会上传到服务器端，所以可以用来调试前端代码

控制台（Console）：

记录前端javascript对象、log信息、异常信息

源代码（Sources）:

查看网页的源代码HTML代码，js代码、CSS代码，可以直接修改代码进行前端调试

网络（Network）:

与网络相关的接口请求响应和网络传输等