Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
•
1 like•2,278 views
Cada vez mais ferramentas, softwares e devices possuem soluções baseadas no WebKit. Contudo, poucas pessoas sabem o que ele é de verdade, como ele funciona internamente, seu potencial e o que ele oferece. Veremos seus core, discutiremos como é possível usar o WebKit para fazer o seu browser ou usá-lo dentro de sua aplicação e entenderemos seu funcionamento e suas ferramentas disponiveis. Ainda, veremos como funciona a interpretação e run do JavaScript dentro da engine V8
Recommended
Recommended
More Related Content
Similar to Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Similar to Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013 (20)
Recently uploaded
Recently uploaded (20)
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
- 1. NAS ENTRANHAS DO WEBKIT ZAEDY SAYÃO @zaedysayao
- 2. NAS ENTRANHAS DO WEBKIT ZAEDY SAYÃO @zaedysayao V8
- 4. BÁSICO
- 6. CONCEITO
- 7. O QUE É?
- 8. BROWSER
- 9. USER INTERFACE BROWSER ENGINE RENDER ENGINE NETWORK I/O JAVASCRIPT ENGINE GRAPHICS STACK
- 10. USER INTERFACE BROWSER ENGINE RENDER ENGINE NETWORK I/O JAVASCRIPT ENGINE GRAPHICS STACK W EBKIT
- 12. WEBKIT ⊑
- 13. BROWSER ENGINE
- 14. RENDER ENGINE
- 15. ENGINE?
- 17. FAZ O QUE?
- 18. C Ó D I G O 42
- 22. PAST
- 23. HISTÓRIA
- 24. 2001
- 25. KHTML
- 26. 2005
- 29. ONDE RODA?
- 30. EVERYWHERE
- 34. GETTING CODE
- 35. svn checkout https://svn.webkit.org/repository/webkit/trunk git clone git://git.webkit.org/WebKit.git 1.2GB 80% TESTES
- 36. BUILD
- 37. WebKitTools/Scripts/build-webkit --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode
- 38. RUN
- 39. WebKitTools/Scripts/run-launcher --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode
- 40. DEMO
- 42. PORTS
- 44. APPLE PORT DO COREFOUNDATION PARA O WINDOWS
- 45. CHROME CHROMIUM
- 46. ANDROID
- 47. QTWEBKIT
- 48. WEBKITGTK+
- 49. WEBKIT NIGHTLY MAC PORT -> SAFARI
- 50. INTERFACE
- 51. IMPLEMENTAÇÃO
- 53. <input type=”number” /> WebKit ursday, November 3, 2011 <input type=”number”/> PINTA PARA MIM input type=”number” /> EU SEI FAZER! WEBKIT PORT
- 54. <input type=”number” /> WebKit ursday, November 3, 2011 <input type=”number”/> WEBKIT 123 AQUI
- 55. <input type=”number”/> input type=”number” /> PORT 123 BLZ!
- 62. NETWORK INTERFACE NADA DE HTTP, SSL... MAS TEM CHAMADAS PARA ENVIO DE DADOS
- 64. SE QUISER FAZER UM PORT?
- 68. SE WEBKIT -> MENOS UM BROWSER PARA TESTAR
- 70. NOVA FEATURE -> DISPONÍVEL EM TODO PORT
- 80. PROPÓSITOS
- 82. WEBCORE
- 85. COMPLICADO!!!
- 87. 2 PASSOS FRAMES E RESOURCES
- 89. 1)POLICY STAGE BLOCK POP-UP CROSS-PROCESS NAVIGATION
- 93. DOCLOADER CACHE
- 94. DOCLOADER PEGA UMA URL VERIFICA NO CACHE OU LOADER RETORNA UM CACHEDRESOURCE
- 95. CACHEDRESOURCE RESPONDE CALLBACK PRODUZ UM OBJETO (IMAGEM, FONTE...)
- 96. PARSING
- 97. HTML x XML HTMLTOKENIZER E HTMLPARSER XMLTOKENIZER OUTRAS TASKS: PRE-LOAD SCANNING (CARREGAMENTO DE CSS ANTES DO PARSE)
- 99. DOM TREE RENDEROBJECT TREE RENDERSTYLE TREE RENDERLAYER TREE LINEBOX TREE
- 100. LOADING -> SOURCE PARSING -> DOM TREE attach() -> RENDEROBJECT TREE STYLE RESOLUTION -> RENDERSTYLE TREE LAYOUT -> RENDERLAYER TREE LINEBOX TREE
- 104. RENDEROBJECT class RenderObject { virtual void layout() = 0; virtual void paint(PaintInfo) = 0; virtual IntRect repaintRect() = 0; Node* node(); RenderStyle* style() const; RenderLayer* containingLayer(); }
- 105. RENDEROBJECT RenderBlock(<div>, <p>) RenderInline(<span>, <b>, <i>) RenderImage(<image>) RenderText(#text) RenderTableCell (<td>)
- 106. OBJETOS DA ENGINE JSString Array Number Prototypes .__proto__ .callee __defineGetter__ .toString()
- 109. ABERTAS FECHADAS
- 110. SPIDER MONKEY JAVASCRIPTCORE (JSC, NITRO) V8
- 111. V8
- 113. PARSER
- 114. TOKENIZE var answer = 42;
- 115. TOKENIZE var answer = 42; keyword identifier sinal igual número vírgula
- 117. KEYWORD X IDENTIFIER
- 119. A G H J K L M O P Q XY Z
- 120. GRAMÁTICA
- 121. SouceElement :: (Statement)* FunctionDeclaration :: ‘function’ Identifier ‘(‘FormalParameters’)’ ‘{‘FunctionBody’}’
- 122. SYNTAX TREE
- 126. CODE TRACE (EVAL) SCRIPT :: COMPILE SCRIPT :: NEW INTERNAL :: COMPILER :: COMPILE INTERNAL :: MAKEFUNCIONINFO INTERNAL :: PARSEAPI :: PARSE
- 127. DEMO
- 128. INTERPRETER
- 129. var answer = 42; Declare um objeto local Chame esse objeto de “answer” Crie um número 42 De “assign” do número ao objeto
- 131. VELOCIDADE
- 132. BYTECODE SERIALIZA EM UMA LISTA DE “AÇÕES”
- 133. COMPILA O BYTECODE PARA ASSEMBLY JIT (=JUST-IN-TIME) COMPILE
- 134. shell --print-code shell --expose-debug-as deb deb.Debug.disassemble(f)
- 135. LAZY
- 136. foobar = function(x, y, z) { ... } foobar(x, y, z); Analiza sintaxe Guarda posição da função foobar = function(x, y, z, run) { ... } foobar(x, y, z, false); HACK Compila e roda
- 138. BRIDGE
- 140. Handle<FunctionTemplate> systemObject = FunctionTemplate::New(); systemObject->Set(String::New(“exit”)), FunctionTemplate::New(system_exit)->GetFunction()); static Handle<value> system_exit(const Arguments& args) { int status = args[0]->Int32Value(); ::exit(status); return Undefined(); } EXPONDO FUNÇÃO
- 141. JSLINT JSBEAUTIFY