不同浏览器F12控制面板的中英文显示
360浏览器:英文
IE浏览器:中文
搜狗:英文
谷歌浏览器:英文
火狐浏览器:安装英文;没有按照就默认中文
F12控制台功能
元素():用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。
可以直接点击元素进行CSS、html修改;此修改只会在本地生效;不会上传到服务器端,所以可以用来调试前端代码
控制台():记录前端对象、log信息、异常信息
源代码():查看网页的源代码HTML代码,js代码、CSS代码,可以直接修改代码进行前端调试
可以点击JS代码前面的数字来设置断点 ;断点可以在DOM元素节点发生改变时、XHR生命周期状态改变时、指定的事件执行时被触发
网络():与网络相关的接口请求响应和网络传输等
记录页面上的网络请求的详情信息,从发起页面请求后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、大小、所用时间、和等),可以根据这个进行网络性能优化。
Table:
在标签中可以显示资源在整个请求生命周期过程中各部分时间花费信息,可能会涉及到如下过程的时间花费情况:
1、
排队的时间花费,可能由于该请求被渲染引擎认为是优先级比较低的资源(图片)、服务器不可用、超过浏览器的并发请求的最大连接数(的最大并发连接数为6).
2、(阻塞)
浏览器对同一个主机域名的并发连接数有限制,因此如果当前的连接数已经超过上限,那么其余请求就会被阻塞,等待新的可用连接;此外脚本也会阻塞其他组件的下载;
优化措施:
1、将资源合理分布到多台主机上,可以提高并发数,但是增加并行下载数量也会增大开销,这取决于带宽和CPU速度,过多的并行下载会降低性能;
2、脚本置于页面底部;
3、Proxy
与代理服务器连接的时间花费。
4、DNS
执行DNS查询的时间。网页上每一个新的域名都要经过一个DNS查询。第二次访问浏览器有缓存的话,则这个时间为0。请求某域名下的资源浏览器怎么修改dns,浏览器需要先通过DNS解析器得到该域名服务器的IP地址。在DNS查找完成之前,浏览器不能从主机名那里下载到任何东西。
优化措施:
1、利用DNS缓存(设置TTL时间);
2、利用:keep-alive特性建立持久连接,可以在当前连接上进行多个请求,无需再进行域名解析;
5、 :
建立连接的时间花费,包含了TCP握手及重试时间。
6、SSL
http是超文本传输协议浏览器怎么修改dns,以明文方式发送内容,不提供任何方式的数据加密,如果被不法分子截取浏览器和服务器之间的传输报文,会获取其中的信息。
https 是安全套接字层超文本传输协议,就是在HTTP的基础上加入了SSL协议,SSL依靠证书来验证服务器的身份,并为浏览器和服务器之间的通信加密。
评论留言