美文网首页
浏览器简述

浏览器简述

作者: 人间四月天i | 来源:发表于2019-10-09 15:36 被阅读0次

浏览器内核差异

浏览器内核主要分成两部分:渲染引擎和JS引擎;

渲染引擎:负责获取网页内容,计算网页显示方式,然后输出显示;

                   浏览器内核的不同,对网页的语法解释会有不同,所以渲染效果也不相同;

JS引擎:解析和执行JavaScript来实现网页的动态效果;

所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核;

Trident内核:IE6、IE7、IE8、IE9、IE10

Weblit内核:safari

Blink内核:谷歌

浏览器渲染原理

用户输入网址,浏览器向服务器发出请求,服务器返回html页面,载入html代码;

遇到link标签的时候,浏览器会再次向页面进行请求,并根据请求到的css来重绘页面;

遇到script标签的时候,浏览器再次请求服务器,并执行得到的js来重绘页面;

当遇到图片等其他文件,浏览器也会再次发起请求并根据拿到的文件对页面进行重绘;

进行上面这些步骤的时候,浏览器的重绘回流时无法避免的,需要进一步优化,比如制作雪碧图,避免反复请求,给图片固定宽高等;

相关文章

  • 浏览器简述

    浏览器内核差异 浏览器内核主要分成两部分:渲染引擎和JS引擎; 渲染引擎:负责获取网页内容,计算网页显示方式,然后...

  • Python爬虫第五天:PhantomJS|requests|高

    内容简述: 一:无界面浏览器PhantomJS 二:requests及高级登录 一:无界面浏览器Ph...

  • Python爬虫第五天:无界面浏览器|requests|高级登录

    内容简述: 一:无界面浏览器 二:requests及高级登录 一:无界面浏览器 概述: Ph...

  • html阶段第一小节——第一天

    1、简述常用的几款浏览器: 因浏览器帮助用户进行浏览网页的软件,所以现介绍几款常见常用的浏览器: (1)IE浏览器...

  • 简述浏览器渲染

    前端设计工程师重在设计网站,只有了解了浏览器的渲染方式,才能在发现问题的同时更好的定位,便于网站的优化。 浏览器工...

  • chrome 浏览器简述

    原文 https://mp.weixin.qq.com/s/QqpPGWf3IVEDN1t80CZ06Q 浏览器架...

  • 前端知识点总结

    1 在输入链接背后,浏览器的工作是什么:简述(1)浏览器首先使用http或者https协议对服务器进行请求(2)把...

  • html+css阶段高频面试题

    1、简述的作用 是文档的声明,告诉浏览器当前的文档类型;

  • 关于浏览器的兼容问题

    关于浏览器的兼容问题 1. 什么是 CSS hack 根据百度的简述:CSS hack由于不同厂商的浏览器,比如I...

  • 简述浏览器渲染机制

    一 : 为什么要了解浏览器渲染页面的机制,主要还是性能的优化。 了解浏览器如何进行加载,我们可以在引用外部样式文件...

网友评论

      本文标题:浏览器简述

      本文链接:https://www.haomeiwen.com/subject/lyjgpctx.html