浏览器,webkit,JavaScript Core 等浏览器概念

本文介绍了浏览器的工作流程,从用户输入网址到页面展示的详细步骤。重点讲解了渲染引擎的作用,尤其是WebKit,它在Safari、Chrome及Android浏览器中的应用。WebKit内部结构包括操作系统、第三方库、中间层(WebCore、WebKit引擎、WebKit Ports)和WebKit嵌入式接口。渲染引擎将HTML5代码转化为用户可见的网页,JavaScript Core和V8引擎分别在不同产品中负责JS解析。
摘要由CSDN通过智能技术生成

     随着微信公众号,小程序,小游戏越来越普及,前端 HTML5 开发需求也逐渐变大。虽然笔者工作中不直接参与HTML5开发,但经常与前端打交道,故对其中的一些概念打算整理一下。

     不管是前端开发人员还是前端用户,最常接触的就是“浏览器”, 主要包括了手机端的 Chrome( android 平台); Safari( IOS平台); FireFox , IE ( Windows平台) 等,浏览器可以理解为一个呈现给用户最终效果的应用。

      作为用户了解到以上内容基本可以满足日常使用需要,那么开发人员编写的HTML5代码是如何通过浏览器展示在用户眼前的呢?作为开发人员笔者大致整理了如下流程:

      1. 首先开发人员编写的 HTML5代码是存放在服务器的某个路径下。举个例子例如百度,它的HTML5的相关文件都会存放在百度公司的云服务器的某个路径下,然后百度公司会在云服务器上建立一个映射,让访问 https://www.baidu.com 的网络请求,指向云服务器中存放的百度首页的文件,这样当用户在浏览器中输入百度的域名,最终显示的就是百度的首页。

     2.  上述过程可能只需要很短暂的时间,但其中可以拆分成如下几步

       1) 用户输入百度网址,浏览器向百度云服务器请求资源

       2) 百度云服务器收到请求,返回开发人员编写的Html5 内容

       3)浏览器收到这些HTML5数据后,交给 浏览器引擎中的一个叫"HTML解析器"的模块

      4) HTML解析器会根据数据是 CSS 还是 JS等来判断下一步是交给 CSS解析器还是 JS引擎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值