1. Chromium VS Chrome

  Chromium is an open-source Web browser project started by Google, to provide the source code for the proprietary Google Chrome browser. The two browsers share the majority of code and features, though there are some minor differences in features and logos, and they have different licensing.

  So we can peek how Chrome working via learning Chromium.

2. Architectural overview

  • All network communication is handled by the main browser process
  • Separate browser tabs have separate processes
  • each new window or tab opens in a new process
  • Restrict access from each rendering engine process to others and to the rest of the system
  • Browser: main process that runs the UI and manages tab and plugin processes
  • Renderers: tab-specific processes, use Blink open-source layout engine

3. How Chromium Loading Resource

  

3.1 Three layers

  • Lowest: Blink engine -> renders pages
  • Middle:  Renderer process -> each contains one Blink instance
  • Highest: Browser process -> managing all the renderers & controls all network accesses

3.2 Blink

  Responsible for fetching data, performing the actual data get, then send dispatch request to render

3.3 Renderer

  Forward the request to the browser via IPC

3.4 Browser

  Receive the IPC requests from each renderer, forwards these requests to the global ResourceDispatcherHost,send the notification back to the renderer

3.5 Cookie

  Not share cookies with other browsers, cookie manager lives in the browser process which handles all network requests because cookies need to be the same across all tabs.

4. How Chromium Displays Web Pages

4.1 Conceptual application layers

  

  • WebKit

    Rendering engine, actually, for Chrome, it should be replaced with Blink + V8

  • Glue : "WebKit embedding layer", converts WebKit types to Chromium types
  • Renderer / Render host: This is Chromium's "multi-process embedding layer."
  • WebContents: A reusable component that is the main class of the Content module.
  • Browser: Represents the browser window, it contains multiple WebContentses.
  • Tab Helpers: Individual objects that can be attached to a WebContents.

4.2 Render process

  The render thread is where the main objects such as the RenderView and all WebKit code run.

  

  • RenderView(inherits from RenderWidget)

    Represents a web page, contents of a tab or popup Window , handles all navigation-related commands to and from the browser process, painting and input event handling

  • RenderWidget

    A Window on the screen that receives input events and paint into

4.3 Browser process

  

  

  • All IPC communication with the render processes is done on the I/O thread of the browser.
  • Handles all network communication which keeps it from interfering with the user interface
  • RenderViewHost  & RenderWidgetHost

    Responsibility of displaying a web page in a rectangular view

refers:

https://en.wikipedia.org/wiki/Chromium

http://www.chromium.org/developers/design-documents

Chromium(Chrome) frame structure detail的更多相关文章

  1. IE 加速插件之 Google Chrome Frame

    前言 IE 8 及以下版本的速度较慢. 特别是前端的js 和 css 内容较多时尤为突出. 就笔者的开发经验来说GWT, Ext JS, raphael , draw2d 等开发的系统在IE下使用是相 ...

  2. 【转】使用Chrome Frame,彻底解决浏览器兼容问题

    本文转自http://www.ryanbay.com/?p=269,感谢该作者的总结 X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的. 通过在meta中设置 ...

  3. IE内嵌google chrome frame解决浏览器兼容问题

    IE内嵌google chrome frame解决浏览器兼容问题  http://www.cnblogs.com/xwdreamer/archive/2013/12/17/3477776.html 参 ...

  4. Google Chrome Frame 自定义渲染方式,调用ActiveX

    通过meta段的设置可以控制浏览器的渲染行为,但在一些特殊情况下,meta段的设置无效,我们需要额外的操作以达到目的. 模式1:页面A(IE)iFrame引用页面B(Chrome Frame) 问题描 ...

  5. 告别IE给我们的web开发带来的困扰(使用chrome frame v8引擎)

    茶爸爸个人微信:benyzhous,公众号:cha-baba欢迎骚扰 由于客户所有机器必须使用IE6浏览器,导致我们在开发项目过程中遇到非常多的样式与性能问题,在偶然的一次使用360软件管家搜索chr ...

  6. 【转】IE内嵌google chrome frame解决浏览器兼容问题

    参考文献: http://www.pseudowired.com/2012/12/04/tomcat-http-header-manipulation/(html中自动添加使用chrome的heade ...

  7. Chromium网页Frame Tree创建过程分析

         Chromium在加载一个网页之前,需要在Browser进程创建一个Frame Tree.Browser进程为网页创建了Frame Tree之后,再请求Render进程加载其内容.Frame ...

  8. Chromium(Chrome) Sandbox Details

    What Sandbox Do? Sandbox leverages the OS-provided security to allow code execution that cannot make ...

  9. Ubuntu 16.04下安装64位谷歌Chromium(Chrome)浏览器

    在命令行下输入: sudo add-apt-repository ppa:a-v-shkop/chromium sudo apt-get update sudo apt-get install chr ...

随机推荐

  1. docker查看挂载目录Volume

    使用docker inspect命令查看container的volume信息,按照书本上面敲,发现一直报错: 使用命令如下: sudo docker inspect --format "{{ ...

  2. ELK+Filebeat+Kafka+ZooKeeper 构建海量日志分析平台(elk5.2+filebeat2.11)

    ELK+Filebeat+Kafka+ZooKeeper 构建海量日志分析平台 参考:http://www.tuicool.com/articles/R77fieA 我在做ELK日志平台开始之初选择为 ...

  3. Golang微服务:万精油NATS在Micro中的应用

    NATS是一个Golang技术栈的MQ服务,类似NSQ,但NATS更轻量级.性能更好.不支持离线.支持同步/异步通信模型,非常好用. NATS在MICRO中有哪些应用 Transport 笔者以前开发 ...

  4. spring boot 项目部署在阿里云上

    装jdk, 然后 nohup java -jar xxxx.jar> system.log 2>&1 & lsof -i:9999 kill -9 1234

  5. centos vsftpd

    1.配置文件 # 是否允许匿名登录FTP服务器,默认设置为YES允许# 用户可使用用户名ftp或anonymous进行ftp登录,口令为用户的E-mail地址.# 如不允许匿名访问则设置为NOanon ...

  6. 实验六 CC2530平台上P2P通信的TinyOS编程

    实验六 CC2530平台上P2P通信的TinyOS编程 实验目的: 加深和巩固学生对于TinyOS编程方法的理解和掌握 让学生初步的掌握射频通信TinyOS编程方法 学生通过本实验应理解TinyOS中 ...

  7. 第二次实验:CC2530平台上GPIO组件的TinyOS编程

    实验二 CC2530平台上GPIO组件的TinyOS编程 实验目的: 加深和巩固学生对于TinyOS编程方法的理解和掌握 让学生理解和掌握CC2530的GPIO及外部中断,及其TinyOS编程方法 学 ...

  8. Python 二分法

    # coding = utf-8 import random def Creat_Arr(): arr = [] for i in range(0,50) : arr.append(random.ra ...

  9. legend_noa 的 EMACS配置

    (defun my-c-mode-auto-pair() (interactive) (make-local-variable'skeleton-pair-alist) (setq skeleton- ...

  10. session,cookie,sessionStorage,localStorage的区别及应用场景

    session,cookie,sessionStorage,localStorage的区别及应用场景 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟 ...