不同浏览器F12控制面板的中英文显示
360浏览器：英语
IE浏览器：中文
Sogou:英语
谷歌浏览器：英语
火狐浏览器：安装firebug英语如果不听从，默认中文
F12控制台功能
http://www.Sina.com/http://www.Sina.com /
可以直接点击元素修改CSS、html； 此修复仅在本地有效；不会上载到服务器端，因此可用于调试前端代码
元素（Elements）:
3358 www.Sina.com/http://www.Sina.com/http://www.Sina.com /
可以单击JS代码前面的数字设置断点； 可以在DOM元素节点发生更改、XHR生命周期状态发生更改以及执行指定事件时触发断点
用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。
记录页面上网络请求的详细信息，从起始页请求Request后，分析HTTP请求后得到的各请求资源信息(包括状态、资源类型、大小、使用时间、请求和响应等)，据此
requests Table :
使用“时间”(Timing )选项卡，可以查看资源在请求的整个生命周期中所花的时间。 这可能与以下过程所需的时间有关：
http://www.Sina.com/http://www.Sina.com /
排队所需的时间可能超过渲染引擎无法使用的资源(图像)、服务器的浏览器并发请求的最大连接数。 Chrome的最大并发连接数为6。
控制台（Console）：记录前端javascript对象、log信息、异常信息
由于浏览器对到同一主机域名的并发连接数有限制，如果当前连接数超过上限，则会阻止其馀请求，等待新的可用连接； 此外，脚本还阻止其他组件的下载。
优化措施：
1、资源合理分布在多台主机上可以增加同时数量，但增加并行下载数量也会增加开销。 这取决于带宽和CPU速度，过多的并行下载会导致性能下降。
2、脚本放在页面底部；
源代码（Sources）:查看
连接到代理服务器所需的时间。
http://www.Sina.com/http://www.Sina.com /
执行DNS查询的时间。 网页上的所有新域名都必须经过DNS查询。 如果对浏览器的第二次访问具有缓存，则此时间为0。 要请求域名下的资源，浏览器必须首先从DNS解析器获取域名服务器的IP地址。 在DNS搜索完成之前，浏览器无法从主机名下载任何内容。
优化措施：
1、使用DNS缓存(设置TTL时间)；
2、利用连接： keep-alive特性建立持久连接，无需域名解析即可在当前连接上提出多项请求；
网页
建立连接所需的时间。 包括TCP握手和重试时间。
的源代码HTML代码，js代码、CSS代码，可以直接修改代码进行前端调试
http是超文本传输协议，以明文形式发送内容，不提供任何方式的数据加密。 如果不法分子拦截到浏览器与服务器之间的传输消息，则获取其中的信息。
HTTPs是securesocketslayer超文本传输协议，在http中添加了SSL协议。 SSL根据证书验证服务器的id，并加密浏览器和服务器之间的通信。
因此，建立HTTPS连接的时间相当于三次握手的时间SSL时间。
http://www.Sina.com/http://www.Sina.com /
发送HTTP请求的时间(从第一个比特到最后一个比特) )。
优化措施：
1、减少HTTP请求。 可以使用CSS Sprites、内联图像、合并脚本、样式表等；
2、在不频繁变化的组件中添加长Expires标头(相当于设置旧的过期日期)，可以避免后续页面浏览中不必要的HTTP请求；
网络（Network）:与网络相关的接口请求响应和网络传输等
从第一个网络请求启动到从服务器接收到第一个字节的时间，包括TCP连接时间、HTTP请求发送时间和获取响应消息第一个字节的时间。
通常最费时间。 从发送请求到接收响应之间的间隙会受到线条影响
路、服务器距离等因素的影响。优化措施：
1、使用CDN，将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应用户请求，提高响应速度；
9、Content Download （下载）
获取Response响应数据的时间花费。
下载HTTP响应的时间（包含头部和响应体）
优化措施：
1、通过条件Get请求，对比If-Modified-Since和Last-Modified时间，确定是否使用缓存中的组件，服务器会返回“304 Not Modified”状态码，减小响应的大小；
2、移除重复脚本，精简和压缩代码，如借助自动化构建工具grunt、gulp等；
3、压缩响应内容，服务器端启用gzip压缩，可以减少下载时间；
性能（Performance）:监控该网页的性能各种指标信息
内存（Memory）:记录页面跟随时间的内存使用情况
存储（Application）:查看一些本地存储、会话存储、已索引数据库、Cookie、缓存、帧等
安全（Security）:调试当前网页的安全和认证等问题
如果网页是安全的，则会显示这样一条消息：This page is secure (valid HTTPS).。
通过点击View certificate可以查看main origin的服务器证书信息。
点击左侧可以查看指定源的连接和证书详情。
如果网页是不安全的，则会显示：This page is not secure.。
该面板可以区分两种类型的不安全的页面：
如果被请求的页面通过HTTP提供服务，那么这个主源就会被标记为不安全。如果被请求的页面是通过HTTPS获取的，但这个页面接着通过HTTP继续从其他来源检索内容，那么这个页面仍然被标记为不安全。这就是所谓的混合内容页面,混合内容页面只是部分受到保护,因为HTTP内容(非加密的内容)可以被嗅探者入侵,容易受到中间人攻击。审计（Audits）:对当前网页进行网络利用情况、网页性能方面的诊断，并给出一些优化建议
页面的URL：是前端路由， F12看见的是后端路由