Question

请问下网页上的审查元素，F12是怎么用法，里面的是什么意思，能说下里面的功能吗，我只会看F12里的css

就例如图片上顶部英文，那些有什么用的，怎么调试

Answer 1

第一个是element元素功能，一般用来查看html文档的，第二个console是控制台，一般是用来调试js的，第三个Sources是资源，第四个Timeline是网络。操作方法如下：

1、首先鼠标右键选择网页上的某个元素，然后选择查看元素，可调出元素选择器。

2、或者直接在网页上按F12，弹出如下图。

3、然后选择F12左上角的指针，拖动过上去可以定位元素。

4、然后取网站的颜色，如：获取文字灰色度rgba(0, 0, 0, .4。

5、然后获取网页图片的地址，如下涂所示，就可以了。

Answer 2

第一个是element元素功能，一般用来查看html文档的，第二个console是控制台,一般是用来调试js的，第三个Sources是资源，一般用来查看你页面加载所有资源文件，第四个Timeline是网络，一般用于查看网路请求什么的，其他的自己百度查看下相关资料就好