浏览器是怎么加载页面的?

通过渲染

* 浏览器的工作原理:

服务器会启动serversocket类对象,对一个端口进行监听(8080),浏览器通过域名访问请求,DNS域名解析器根据域名查到对应的IP,向该IP发起请求,为get请求,请求html字段,服务器查找html资源,找不到则返回404,找到则返回给浏览器,浏览器通过渲染解析显示

*浏览器的组成部件:用户界面(刷新等按钮)、浏览器引擎(发送用户浏览器的请求到呈现引擎)、呈现引擎(关键引擎,解析html转化为DOM树)、网络层、UI后端(绘制窗口)、JS解析器、Data存储(持久存储,存到磁盘cookie)

*渲染的流程:

  1. 服务器返回html资源给浏览器
  2. 浏览器的呈现引擎解析html文件生成DOM节点树,同时加载css样式生成CSSDOM树、执行JS文件
  3. 整合DOM节点树+CSS样式树,生成渲染树
  4. 进入布局阶段,为每一个DOM节点数资源分配位置
  5. 遍历资源数由UI后端绘制出来页面

* 不同浏览器区别在于内核不同,不同的内核解析html文件的方式流程不一样,解析css样式也会有所不同,所以会有不同的兼容性问题

Trident内核: IE

Webkit内核:Chrome,Safari

Gecko内核:FireFox

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值