tuhuolong的专栏

【1】Event事件发生【2】查找EventTarget 【3】EventDispatcher分发事件 - - - - EventDispatcher::dispatchEvent - - - -         Node::preDispatchEventHandler - - - -        【1】Event::CAPTURING_PHASE - - - -

UI thread++++ WebView.onTouchEvent++++ Dispatcher.postPointerEvent  ACTION_DOWN                                     (4.1 WebView把事件交给Dispatcher处理)++++ Dispatcher.updateStateTrackersLocked++++

UI thread++++ WebView.onDraw++++ WebViewClassic.onDraw++++ WebViewClassic.drawContent++++ WebViewClassic.nativeDrawGLFunction++++ WebViewClassic.drawTextSelectionHandlesonDraw实现View的重绘,

JS Binding 是WebKit和JS引擎的中间层https://docs.google.com/a/chromium.org/presentation/d/1OFG81taxgjOGU43sv9WHvPZkt5--KnM6gSijWN8NMcU/edit?disco=AAAAAECHbXY#slide=id.p

Java调WebView,WebView(UI线程)向WebViewCore(WebCore线程)发消息,再由WebViewCore正调BrowserFrame,回调CallbackProxy网上有许多webkit的分析文章，其中针对android porting的一篇文章WebKit – WebKit For Android，写的非常好，分析得非常深入。不过这篇文章针

一、基本选择器【1】 *  所有(通用元素)选择器，匹配任何元素【2】 E  标签选择器，匹配所有使用E标签的元素【3】 .info  类class选择器，匹配所有class属性中包含info的元素【4】 #footer  id选择器，匹配所有id属性等于footer的元素实例：* { margin:0; padding:0; }p { font-size:2em; }

Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等，利用Transform和javascript可以制作一些简单的动画，可以为web应用带来些意想不到的效果。目前浏览器并不是完全支持所有的Transform ，IE9、Firefox 和Opera 仅支持2D transforms ，相应

WebView::drawExtras 绘制额外        Find        Selection (文字选择 下标+高亮文字)                updateSelectionHandles()        CursorRing (链接选择 边框)                drawCursorPreamble(root) && m_ri

ACTION_DOWN事件->mPrivateHandler.sendEmptyMessageDelayed(SWITCH_TO_SHORTPRESS, TAP_TIMEOUT)       发延迟处理的消息SWITCH_TO_SHORTPRESS (短按) 计时->mPrivateHandler.sendEmptyMessageDelayed(SWITCH_TO_LONGPRESS,

DOM Event 规范DOM Event 主要定义了三类接口：EventTarget, 所有DOM节点和XMLHttpRequest 都实现EventTarget接口    class EventTarget  {        void addEventListener(in DOMString type,inEventListener listener, in b

. build/envsetup.shlunch  (将adb路径加入PATH)lsusbgedit /etc/udev/rules.d/51-android.rules        # fastboot protocol on grouper (YiPingTai)        SUBSYSTEM=="usb", ATTR{idVendor}=="413c", A

Static : 正常结点流Relative : 相对于自己，在Static结点的上面（z-index）Absolute : 相对于第一个非Static父结点，不属于结点流（不会影响其他结点）Fixed : 相对于窗口(Viewport)Static. This is the default for everysingle page element. Diffe

extern "C" __declspec(dllexport) int WINAPI dllLauncherEntryPoint(HINSTANCE, HINSTANCE, LPTSTR, int nCmdShow){    MyRegisterClass(hInst); 注册Main窗口类    hMainWnd = CreateWindow(szWindowClass, sz

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

ResourceHandle           |ResourceHandleClient : ResourceLoader   MainResourceLoader                                                             SubresourceLoader

---- XMLHttpRequest::send ---- XMLHttpRequest::createRequest ---- DocumentThreadableLoader::create ---- DocumentThreadableLoader::loadRequest ---- SubresourceLoader::create ---- ResourceLoad

首先，如果按照WebKit官网上步骤是可以编过去的，但是要求VS2005默认装在C:\Program Files，cygwin默认装在C:\，QuickTimeSDK默认装在C:\Program Files 如果选择安装在其他地方，同志们，苦日子就来了。。。1. 安装VS2005英文版2. Install Microsoft Visual Studio 2005 Team Su

WebKit 在渲染页面之前，需要确定各个元素的位置、大小，而这个过程就是layout(布局)。下面，我们对layout的主要过程进行一番说明。一、FrameView::layout方法FrameView作为与View相关的类，其主要涉及与显示相关的内容，而其中对页面元素的布局至关重要，这也是浏览器的核心处理部分。我们都知道浏览器从Web服务器获得数据后，经解析会构建DOM树、

视口Viewport 表示用来显示网页内容的窗口大小。Qt中视口是一个QWidget对象。分片后备存储Tiled backing store 可以认为一个off-screen离屏的pixmap缓冲区，为了让滚屏和缩放达到一个流畅的速度，这个缓冲区会覆盖一个比视口更大的区域。覆盖的页面内容 Covered content 表示分片后备存储所覆盖的页面内容页面内容Page co

HTMLPlugInImageElement::attachHTMLPlugInImageElement::updateWidgetCallbackHTMLEmbedElement::updateWidgetSubframeLoader::requestObjectSubframeLoader::requestPluginSubframeLoader::loadPlugin

解析HTML Token- - - - HTMLTreeBuilder::processToken   解析Token- - - -         HTMLTreeBuilder::processStartTag   （解析到开始标签）- - - -                 HTMLConstructionSite::insertHTMLHtmlStartTagBeforeH

transition(属性渐变):"CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration"-webkit-transition：CSS属性(none|all|属性)  持续时间  时间函数  延迟时间CSS属性(transition-pro

-webkit-transform：none | 类型类型：scale：缩放，1为原始大小。scale(x)。正数放大，负数缩小。属性值为一个时，x/y轴同时缩放；属性值为两个值时，分别控制x、y轴的缩放。         rotate：水平旋转，属性值格式为Xdeg。(deg是“度”的意思)rotate(Xdeg)。X为正数时，顺时针旋转；为负数时，逆时针旋转

@-webkit-keyframes name{}-webkit-animation : name  duration  iteration-count  direction  timing-function  fill-mode  delay或者@-webkit-keyframes fontbulger {        0% {

本文分析WebKit中html的解析过程，DOM节点树的建立。关键词：WebKit，html解析,html tree construction,WebCore,DOM节点树，dlmu20011.    HTML解析模型

WebKit作为一个浏览器引擎，其相对于Gecko而言一个较大的特点就是便于移植，嵌入到其他程序中，目前大家已了解使用WebKit引擎的应用包括Safari、iPhone、Chrome、Android、Nokia S60 Browser及KDE QT4.4等，同时还有其他方面的移植如Gtk、wxWidget、3D等，可以说WebKit从架构上讲其Port移植方面的设计及应用，是非常优秀的。这一点相

最近自从Google推出Chrome浏览器之后，浏览器受到人们更加广泛的关注，网上时而会出现这样那样的评价，作为一个浏览器内核爱好者，希望能乘着大家都关注的东风，能对浏览器内核有更深入的理解，进而能更好的进行Web开发及利用。Chrome浏览器的代码量其实是非常庞大的，要想对其有深入的理解，仅仅编译编译调试调试，是很难深入下去的。让我们还是从其主要部分如多进程管理通信、WebKit、V8、

Frame应该是整个webcore里面最核心的对象之一,前面在讲Page对象的文章中，也提到过，从Page的角度来看，其实一个Page就是由一个或者多个Frame构成，而这些Frame是以树状的关系组织，我们来看一段HTML代码[css] view plaincopy          hello, everyone!

本文介绍 WebCore 中 Loader 模块是如何加载资源的，分主资源和派生资源分析 loader 模块的类关系。关键词： WebKit,Loader,Network,ResouceLoader,SubresourceLoader一、类结构及接口Loader 模块是 Network 模块的客户。 Network 模块提供指定资源的获取和上传功能，获取的资源可能来自网络、

http状态返回代码1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。100   （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101   （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。http状态返回代码 2xx（成功）表示成功处理了请求的状态代码。200   （成功）  服务器已成

浏览器的GUI接口分成两种，一种是控件的绘制，另一种则是同应用息息相关的窗口交互操作。本文主要介绍后一种，在WebKit里面，称之为宿主窗口。Chrome类为WebKit内核定义了一系列的宿主窗口相关的操作接口，并最终在不同的实现中由ChromeClient类的派生类来实现，比如，在Qt里面的ChromeClientQt类。本文将介绍Chrome类在WebKit中的作用，以及在移植WebKit的时