Dom tree和Rendertree是独立的tree.Render tree由renderobject构成，并且renderobject并不和DOMnode一一对应。有些dommode可能没有renderobject.比如有些节点的css属性标记为display:none不显示。Domtree的节点可以通过renderer()函数得到对应的rendertree中的renderOb

何时在哪里thread构建的，先找到构建rendertree的code.有RenderTreeBuilder类。上面1.16rendering basics中讲了，RenderTree是通过对dom节点执行attach操作建立的。在dom被建立时，对其节点执行attach操作，即可创建renderobject,建立rendertree.当docuemnt关闭，或从dom中移除一个节

ThreadProxy::BeginMainFrame会触发renderlayer tree中各layer的paint.那么谁触发的BeginMainFrame?ThreadProxy::ScheduledActionSendBeginMainFrame-> Proxy::MainThreadTaskRunner()->PostTask(FROM_HERE,base::

1 Adblock plus rules1.1 Filter rulesHardcoded rule,直接写个网址，可以使用wildcasts.exception rules: “@@http://example.com”，这个网站的所有内容都不block标记规则的开头和结尾：|, “swf|”,匹配结尾是swf的url.“abc” 等价于“*abc*”

我们知道，在childcompositor里，implthread里，pendingtree被raster之后，才会被activate成activetree.而且raster任务由一些rasterthread执行，那么这些raster操作干了什么？看看这篇chromium的官方英文文章：https://www.chromium.org/developers/design-documen

http://blog.chinaunix.net/uid-580722-id-2090487.html分类：本文是在转载的文章基础上，增加了一些自己的见解。WebKit在渲染页面之前，需要确定各个元素的位置、大小，而这个过程就是layout(布局)。下面，我们对layout的主要过程进行一番说明。一、FrameView::layout方法FrameView作为与View相

Posted by DaveHyatt onFriday, August 10th, 2007 at 2:01 pmWhen renderers are first created and added to the tree, they haveno position or size yet. The process by which all of the boxes havetheir

pc下载fiddler,然后打开，设置里面的connections,开启允许remotepc computers to connect.重启fiddler.然后手机的wifi里面设置代理为pc的ip,端口默认为8888.然后手机上网，就可在fiddler里面抓到包了。

当文档加载完毕后的触发FrameView::Layout()的一个callstack:#0 WebCore::FrameView::layout(this=this@entry=0x2e61c500, allowSubtree=allowSubtree@entry=true) at../../third_party/WebKit/Source/core/frame/FrameVie

Posted by DaveHyatt onWednesday, August 15th, 2007 at 4:33 pmA float is a renderer that is designed to shift all theway to the left side or all the way to the right side of a paragraph.The

常用的智能指针RefPtr, passRefPtr, adoptRefPtr, OwnPtr的用法

FrameView::performLayout-》如果该FrameView对应的是Document的mainframe,那么就取出其RenderView,并调用RenderView::layout(),如果不是mainframe,那么就取出subtree root,我理解应该是renderobject tree中某个子树layout,我们不可能每次都layout整棵树。Ren

http://blog.csdn.net/hongbomin/article/details/18499295WebView本身是一个layout, 他和android的view系统交互的方法是：当webview本身内容有变化时，需要更新到android系统时，WebView的invalidate函数被调用，实际的调用栈：BrowserViewRenderer.cc中->clien

Posted by DaveHyatt onTuesday, August 14th, 2007 at 1:32 pmThe position property in CSS can be used to position anobject relative to a specificcontaining block. It has fourvalues: ‘static’, ‘abs

1.1 如何查看callstack需要找到带debugsymbol的so有minidump或者callstack使用minidump_stackwalk可以解析minidump文件并生成callstack文本文件使用addr2line可以输入一个so文件和一个地址从而解析得到symbol信息如果没有minidump,我们自己调试得到了stack,那么

总结一下执行流程。4.5.0上，ui线程，impl线程就是执行childcompositor的ui线程。1.ui线程onDraw=>awContents.onDraw会调用chilidcompositor来使用其activelayer tree合成一个compositorframe,也就是调用BrowserViewRender::onDrawHW.并向webcore

RenderBlock表明一个物体代表一个block,他内部的对象要被竖着排列。他内部的对象要么都是RenderBox，要么都是RenderLine.RenderLine表明一个物体，这个物体从其外部来看，是要被放置到一个line内部的。他内部的物体必须全都是RenderLine.为了满足上述原则，webkit会手动加入一些renderobject。css标准里讲，一个Object的i

内容目录1 Overview 31.1常用工具 61.2 SSL,TLS 61.2.1常识 61.2.2 browser代码中ssl版本的选择以及握手的过程 71.3额外需要细节性分析的部分： 201.4 http协议 201.4.1 http authencation 201.4.1.1 basic authentication 201

内容目录1加载网页的大致过程 12加载网页详细过程 12.1.Browser准备加载 12.2.Render准备加载 22.3.browser的实际加载工作 32.3.1 browser开始加载request 32.3.2 http层的工作 32.3.2.1收到responseheader 42.3.2.2收到response

adb pull/data/data/mobi.mgeek.TunnyBrowser/databases/webviewCookiesChromium.db然后sqlite xxx.db在命令行状态下：.dump就会显示本db所有内容。

RenderObject  * RenderText      * RenderBR     * RenderCombineText      * RenderCounter     * RenderQuote      *RenderTextFragment      * RenderWordBreak  * RenderLayerModelObject   

webkit内部的WebView,page, WebFrame, Frame, document, frameView, RenderView, RenderFrame,Widget的层级关联关系以及构建过程Webcore内部：Page, Node, Element, Document, SettingsWebKit接口层：WebView(WebViewImpl

我觉的软件渲染的关键点：ui线程软件raster,并且软件合成。http://blog.csdn.net/hongbomin/article/details/17931223摘要渲染过程可以形象地理解为用一支笔将特定的内容在一张纸上画出来，然后呈现在屏幕上，而对笔和纸张的选择决定了渲染的方式。在Chromiumon Android: 认识ChromiumWebView一文中我们提到

分析了blink内核从打开tab到加载网页的代码流程

研究webcore里几个重要概念的关系， WebView,WebFrame, Frame, FrameView, Document, Page的关系以及FrameLoader,DocumentLoader

4.4的硬件渲染关键点：独立线程使用gpu rasterrize,并且ui线程合成时，也是在gpu上操作数据。http://blog.csdn.net/hongbomin/article/details/40896313原创文章，转载请以链接形式注明原始出处为http://blog.csdn.net/hongbomin/article/details/40896313摘要：从Andro

在收到了数据后，网页加载完成，创建rendertree时，也会对应创建renderlayer.创建renderlayer的Callstack:#0 WebCore::RenderLayer::RenderLayer (this=0x69014000,renderer=0x69004000, type=) at../../third_party/WebKit/Source/cor

执行线程是Chrome_InProcRenderThread,应该就是webcore线程。下面是webcore线程执行paint操作的内容。ThreadProxy::BeginMainFrame(->layer_tree_host()->AnimateLayers( //layer的动画计算layer_tree_host()->Layout(); //从新计算layoutboo

看看下面的stack:是在render线程合成时的callstack,主要是处理compositorframe中的renderpass里面的quard，并把它们draw到gl的context上面。我们主要研究从此开始的gl的操作的过程。他调用gl操作开始绘制：#0Init (_size=5,_command=299, this=0x85f00730) at../..