浏览器工作原理与实践一

1. 浏览器架构

  1. 就目前chorme浏览器而言,他是多进程的。有一个浏览器主进程,一个GPU进程,一个网络进程,多个渲染进程,多个插件进程。

注意:

  • 线程是不能单独存在的,它是由进程来管理和启动的,一个进程就是一个程序运行的实例。
  • 进程中使用多线程并行处理可以提高运行速度
  • 线程之间可以共享数据
  • 进程中任意线程出错会导致整个进程崩溃。
  • 关闭进程后,操作系统会回收进程所占内存
  • 进程之间是相互隔离的


    image.png
  1. 打开一个页面所以至少需要四个进程,如果有插件的话会多加一个插件进程。
  2. 多进程优缺点:
  • 优点:提高了浏览器的安全性,流畅性 , 稳定性
  • 缺点: 资源占用率提高,体系架构复杂度提高。
  • 解决方案:
    整体向面向服务的架构发展,把各个模块拆封成独立的服务,可以在独立的进程中运行,实现高内聚,低耦合,易于维护和扩展。简单,稳定,高速的目标


    image.png

    如果在资源受限的设备上,chorme还能把多个服务合并到一个进程里,从而节约内存


    image.png
  1. 早期浏览器
    单进程,不稳定,不流畅 , 不安全 ,
  2. 扩展
  • 为什么单个页面卡死会导致整个浏览器崩溃
    每一个页面对应一个渲染进程,但是如果从一个页面打开一个新页面,并且新页面和和原来的页面同属一个站点(协议和跟域相同),那么会复用同一个渲染进程,两个页面可以互相通信 ,共享js运行环境 , 所以为什么一个页面崩溃会导致统一站点的所有页面都崩溃,
  • 页面崩溃的原因
    a. 页面内存泄漏:js循环引用 / 滥用闭包 / dom删除,但是事件没有卸载 / 回调函数或定时器没有手动回收。。。
    b. 插件崩溃

2. TCP协议

互联网中都数据都是通过数据包来传输的,当数据特别大大时候会分割成很多小数据包来传输。
数据包安全送达涉及到 IP, UDP, TCP

  • IP:数据包送达到指定地址。
  • UDP:通过端口号把数据发送给指定程序。UDP不能保证数据的完整性,但是传递速度很快,一般用在视频,游戏这类。
  • TCP:是一种面向连接,可靠的,基于字节的传输层通信协议。在牺牲速度的基础上保证了数据的完整性。通过三次握手,四次挥手以及数据包的校验,把数据包的数量提高了。数据包通过tcp头中的序号对数据包排序。

简单来说,

  1. HTTP协议属于传输层,TCP属于应用层,HTTP协议位于TCP协议的上层。
  2. 浏览器在收到HTTP响应头中的Content-type就会开始准备渲染进程了,一旦接收到数据就开始渲染DOM,基于HTTP协议的请求不会丢失数据,数据超时重试都在TCP层解决了。所以会有TCP层的队首阻塞问题(只要数据不完整就会一直等待,)HTTP2只是解决了http层的队首阻塞问题,并没有解决TCP层的队首阻塞问题。
  3. 数据在传输过程中会数据丢失,可能的原因网络波动,恶意程序拦截,网络阻塞等。。。
  4. 先会通过三次握手建立TCP链接,然后才会发送http请求头和请求行给服务器,然后服务器返回响应头和响应行,响应体,完成后通过四次挥手断开链接。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342