理解WebKit和Chromium: Chromium界面(UI)

转载 2012年03月21日 23:41:19

Chromium的界面相当简洁,这是她的设计理念。大体上可以把界面分成两个主要部分:网页内容和外边的修饰控件(例如,tab管理,工具栏,设置按钮等)。

整个chromium浏览器是个顶层窗口。每个tab都对应一个顶层窗口的子窗口,每个网页内容都会绘制在一个子窗口中。当然这个是现有的窗口结构,但在新的views框架中,窗口将会被移除,详细的后面有专门介绍。

Chromium界面另一个主要的控件是设置按钮,里面包含了所有有关chromium属性设置的部分。值得一提的是,里面有很多设置界面都是由HTML来撰写的,而不是传统的语言,例如c/c++。这很大程度上得益于chromium的扩展机制及其提供的API,这会在扩展章节详细介绍。

大家可能会觉得chromium界面简洁,用户或者能看到的浏览器信息有限,其实不然。尝试在地址栏里输入chrome://chrome-urls/,你会看到很多的chrome地址。这些地址提供给用户或者开发者关于浏览器的丰富的信息,可以说是包罗万象,你能想象的信息基本都能从这里看到。这些信息其实非常的有用,特别对于理解chromium的内部机制非常有帮助,很多细节我们会在后面的章节中逐一揭露。

下面节选自chrome://chrome-urls/的输出:

List of Chrome URLs

chromium UI库简介

概述      之前研究了一段时间chromium源码,根据自己的兴趣了解了一下其中部分功能的实现。通过在在网上查看博文、chromium官方文档以及加上自己的一些理解,整理出了一点资料。本文中...
  • business122
  • business122
  • 2013年08月27日 16:22
  • 4242

WebKit之Chromium的UI绘制流程初探

常见的UI库的绘制逻辑 任何一个成熟的界面框架都有一个相当复杂的结构,消息循环的处理、控件的布局与绘制、焦点的管理以及资源的存取等等,Chromium里的界面框架也不例外,尤其采用的MVC设计方...
  • sauphy
  • sauphy
  • 2016年01月13日 22:16
  • 885

Chromium的UI绘制初探

转自:http://www.cnblogs.com/fangkm/p/3943896.html(侵删) 常见的UI库的绘制逻辑 任何一个成熟的界面框架都有一个相当复杂的结构,消息循环的...
  • Vincent95
  • Vincent95
  • 2017年04月25日 09:54
  • 410

Chromium项目之content_shell简介(windows)

一、content_shell介绍 content shell是一个基于content api的简单测试程序, 它仅仅是一个壳,调用了content API并实现了部分必需的回调接口,可以用来测试和...
  • Lady__Killer
  • Lady__Killer
  • 2016年11月21日 20:18
  • 1274

Chromium和WebKit的智能指针实现原理分析

C++不像Java一样,由虚拟机负责对象分配和释放。也就是说,开发人员使用C++编写代码时,要自己负责对象分配和释放。WebKit和Chromium都是使用C++开发的,因此它们也面临上述问题。在解决...
  • Luoshengyang
  • Luoshengyang
  • 2015年07月06日 01:01
  • 18940

chromium源码分析系列:入门程序:content_shell

我们看代码的时候会先去找main函数,那么chromium的main函数在哪里呢?或者说,从哪里我们可以进入chromium的世界呢?         条条大路通罗马。而我觉得捷径是content...
  • awebkit
  • awebkit
  • 2012年08月20日 15:19
  • 9383

WebKit之Chromium的UI绘制流程初探

常见的UI库的绘制逻辑 任何一个成熟的界面框架都有一个相当复杂的结构,消息循环的处理、控件的布局与绘制、焦点的管理以及资源的存取等等,Chromium里的界面框架也不例外,尤其采用的MVC设计方...
  • sauphy
  • sauphy
  • 2016年01月13日 22:16
  • 885

chromium设置UI的实现

在打开chromium的设置时,chromium会导向一个chrome://settings/的页面,这种UI的实现方式跟其它的UI实现方式有一些区别的,它本质上是一个html页面,能通过javasc...
  • ljm198745
  • ljm198745
  • 2014年12月03日 10:49
  • 3673

浏览器内核分析2 -- Webkit和Chromium源码结构

1 Webkit架构Webkit和Blink代码量都是几百万行级别,阅读难度很大,故先了解下它的大体架构是十分有意义的。下面是《Webkit技术内幕》一书中给出的架构图由图中可见,大体分为以下几个层次...
  • u013510838
  • u013510838
  • 2017年02月15日 16:33
  • 1864

Chromium/WebKit的缓存机制

[本文属于原创,如有转载,请注明出处http://blog.csdn.net/yl02520/article/details/22300467] 现在假设用户用Chrome浏览器打开www.sohu...
  • yl02520
  • yl02520
  • 2014年03月27日 16:45
  • 3376
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:理解WebKit和Chromium: Chromium界面(UI)
举报原因:
原因补充:

(最多只允许输入30个字)