浏览器工作原理

作为一个web开发人员,理解浏览器如何处理(html,css,javascript)代码对我们来说非常重要,这能让我们更加深入了解我们的代码经过浏览器究竟到底发生了什么

不管什么编程语言,其语法都是人类可读的格式,这些语法是给程序员看的,但是你的电脑其实不能理解这种语言,它所能理解的就是所谓的字节码或1和0这类的所谓的"机器码’

书归正传

其实每一个应用都是由许多不同的应用程序组成,这些不同应用程序控制整个应用的不同方面,所以你看到一个应用,其实是很多个不同的程序组成的。

例如,浏览器有三个主要的程序(DOM解释器、CSS解释器、JavaScript解释器)

第一个程序是DOM解释器,它将获取你的超文本标记语言文档或HTML文档,然后将其转换并显示在浏览器中。

第二个是CSS解释器,它将css代码也就是样式作用于页面,使你的页面看起来很漂亮

最后一个程序称之为JavaScript引擎,这个JavaScript引擎程序可以在不同的浏览器中使用不同的名称,但是那都只是浏览器的JavaScript引擎的代号,例如Firefox的spider monkey ,GoogleChrome的V8引擎,Safari的nitro和ie的Chakra引擎,这些程序叫什么并不重要,它都是一个JavaScript引擎。它的唯一工作就是获取(下载)web服务器上的JavaScript文件,并对其进行解释,然后将其编译成可以在用户计算机上运行的字节码。

这就是我们为什么称浏览器为客户端,因为所有的东西都被下载到客户端计算机,并在客户端计算机上被解释,不管是HTML,CSS还是JavaScript,都是在客户端计算机上被解释

所以这三个主要的小程序就被称为实时编译器或JIT编译器(JIT Compiles),所以这就意味着下载到计算机上的源代码是从文件成功下载时实时编译的,在用户的计算机上进行编译,多以它只是把它转换成字节码,这样它就可以显示出来。

值得注意的是:当用户下载HTML CSS和JavaScript文件时,他们都是可读的格式,因此任何人都可以看到源代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值