浏览器渲染过程

来源:互联网 发布:js input自动获取焦点 编辑:程序博客网 时间:2024/06/07 00:13
(1)开启一个单独的线程,判断输入是否合法,然后判断是否为HTTP协议请求,
如果是进行下一步;
(2)浏览器的浏览器引擎将对此URL进行分析加载;
(3)通过DNS解析域名获取该网站地址对于的IP地址,查询完成后连同浏览器
Cookie、userAgent等信息向网站目的IP发出get请求;
(4)三次握手,http协议会话;
(5)ngnix根据URL做服务器分发,发货静态HTML;
(6)浏览器接收返回信息,判断本地是否有;
(7)浏览器的渲染引擎开始解析构建DOM,下载MIME类型文件;
(8)渲染引擎根据CSS样式将DOM树扩充为渲染树,然后进行重排、重绘;
(9)执行js脚本,重新进入ngnix分发,返回数据;
(10)增删页面元素,可能重排或重绘,加载结束。

原创粉丝点击