Weitere ähnliche Inhalte
Ähnlich wie 浏览器渲染与web前端开发 (20)
浏览器渲染与web前端开发
- 21. WebKit Components
• WebKit
• front-end layer, gtk/mac/qt/win/wx
• WebCore
• rendering, layout, painting...
• JavaScriptCore
• JavaScript engine (interpreter)
- 30. DOM API
• W3C DOM Specification
• [[doc documentElement] innerHTML]
- 31. Call Javascript
• id
win
=
[webView
windowScriptObject];
• [win
evaluateWebScript:@"location.href"];
- 33. WebKit Components
• WebKit
• front-end layer, gtk/mac/qt/win/wx
• WebCore
• rendering, layout, painting...
• JavaScriptCore
• JavaScript engine (interpreter)
- 53. Event Example
• -‐[WebHTMLView
mouseUp:]
• WebCore::EventHandler::mouseUp
• WebCore::EventHandler::handleMouseReleaseEvent
• WebCore::EventHandler::prepareMouseEvent
• WebCore::Document::preperMouseEvent
• WebCore::RenderLayer::hitTest
• WebCore::RenderLayer::hitTestLayer
- 72. Skia
• GDI is not enough
• GDI+ is no longer support and is slow
• in-house solution
• use GDI for text
- 74. Extensions
• can use javascript
• html5, css3
• donʼt need restart
• NPAPI
• not sandbox
• Native Client
- 77. Firefox (Gecko)
• not just a browser
• mail, newsgroup, web design tool...
• complexity
• XPCOM, XUL
• mozilla 2
- 81. IE shells (MSHTML)
• 360安全浏览器
• 基于theworld, 基本上就是换了个肤
• 支持多进程模式
• 遨游浏览器
• 细节功能很多, UI不错
• 搜狗高速浏览器
• 全网加速
• webkit/IE双引擎