SlideShare a Scribd company logo

Debugging your JavaScript

Diogo Antunes, profile picture
Diogo Antunes

The document discusses strategies for debugging JavaScript to minimize frustration and improve problem understanding, referencing tools and techniques for browser compatibility testing. It highlights the importance of writing clean, maintainable code and suggests various debugging tools available in different browsers. Additionally, it addresses code standards and debugging practices to optimize the development process.

Technology
1 of 80
Downloaded 15 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
Debugging your JavaScript (Recuso-me a mudar este titulo para português) Sapo Sessions 2010-10-06 Wednesday, October 6, 2010
JavaScript Wednesday, October 6, 2010
Wednesday, October 6, 2010
JavaScript • O porquê desta talk Wednesday, October 6, 2010
JavaScript Wednesday, October 6, 2010
JavaScript • minimizar a frustação Wednesday, October 6, 2010
JavaScript • minimizar a frustação • perceber o problema Wednesday, October 6, 2010
JavaScript • minimizar a frustação • perceber o problema • aumentar a autonomia na clarificação de erros Wednesday, October 6, 2010
JavaScript • minimizar a frustação • perceber o problema • aumentar a autonomia na clarificação de erros • ... dado nem sempre termos as ferramentas para dar a ajuda certa Wednesday, October 6, 2010
No SAPO Wednesday, October 6, 2010
No SAPO • existe um documento de Guidelines de Usabilidade e Qualidade Wednesday, October 6, 2010
No SAPO • existe um documento de Guidelines de Usabilidade e Qualidade • define, entre muitas outras, as compatibilidades com os browsers que os sites do SAPO devem ter Wednesday, October 6, 2010
No SAPO Wednesday, October 6, 2010
Onde testar? Wednesday, October 6, 2010
Onde testar? • no próprio browser Wednesday, October 6, 2010
Onde testar? • no próprio browser • no correspondente sistema operativo Wednesday, October 6, 2010
Onde testar? • no próprio browser • no correspondente sistema operativo • num ambiente o mais aproximado possível do utilizador final Wednesday, October 6, 2010
Usar VM’s Wednesday, October 6, 2010
Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. Wednesday, October 6, 2010
Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” Wednesday, October 6, 2010
Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” • ex:VM IE6 + FF3 + Safari 4 + etc Wednesday, October 6, 2010
Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” • ex:VM IE6 + FF3 + Safari 4 + etc • ex2:VM IE7 + FF3.5 + Safari 5 + etc Wednesday, October 6, 2010
JavaScript Code Wednesday, October 6, 2010
JavaScript Code • não usar código minificado para desenvolvimento Wednesday, October 6, 2010
JavaScript Code • não usar código minificado para desenvolvimento • uma instrução por linha Wednesday, October 6, 2010
JavaScript Code • não usar código minificado para desenvolvimento • uma instrução por linha • seguir um coding standard Wednesday, October 6, 2010
JavaScript Code • não usar inline attributes, ex: onclick Wednesday, October 6, 2010
JavaScript Code • não usar inline attributes, ex: onclick • se possível, manter o window limpo Wednesday, October 6, 2010
JavaScript Code • não usar inline attributes, ex: onclick • se possível, manter o window limpo • debug flags no código Wednesday, October 6, 2010
JavaScript Code • usar minifiers/compressors Wednesday, October 6, 2010
JavaScript Code • usar minifiers/compressors • nomes de variáveis que façam sentido Wednesday, October 6, 2010
JavaScript Code • usar minifiers/compressors • nomes de variáveis que façam sentido • não compliquem Wednesday, October 6, 2010
JavaScript Code • Usar minifiers/compressors • nomes de variáveis que façam sentido • não compliquem • não abusem do DOM que ele não gosta Wednesday, October 6, 2010
Minifiers Wednesday, October 6, 2010
Minifiers • YUIC - http://refresh-sf.com/yui/ Wednesday, October 6, 2010
Minifiers • YUIC • Google Compiler - http://5ujb.sl.pt Wednesday, October 6, 2010
Minifiers • YUIC • Google Compiler • JSMin - http://5ujf.sl.pt Wednesday, October 6, 2010
Minifiers • YUIC • Google Compiler • JSMin • Packer - http://jscompress.com/ Wednesday, October 6, 2010
Minifiers • YUIC • Google Compiler • JSMin • Packer • e muito mais... Wednesday, October 6, 2010
JSLint http://www.jslint.com/ Wednesday, October 6, 2010
JSLint • aviso: “JSLint will hurt your feelings” Wednesday, October 6, 2010
JSLint • aviso: “JSLint will hurt your feelings” • é um bom desafio criar código que seja warning free no JSLint Wednesday, October 6, 2010
JSLint • aviso: “JSLint will hurt your feelings” • é um bom desafio criar código que seja warning free no JSLint • a boa notícia é que há warnings que podem “ignorar” Wednesday, October 6, 2010
Hardcore Debugging Wednesday, October 6, 2010
Hardcore Debugging • window.alert to the rescue! Wednesday, October 6, 2010
Hardcore Debugging • window.alert to the rescue! • comentar blocos de código para descobrir erros de sintaxe Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
Firefox • Firebug Wednesday, October 6, 2010
Firefox • Firebug • JavaScript console Wednesday, October 6, 2010
Firefox • Firebug • JavaScript Console • HTML / CSS Inspector Wednesday, October 6, 2010
Firefox • Firebug • JavaScript Console • HTML / CSS Inspector • recursos carregados pela página Wednesday, October 6, 2010
Firefox • Firebug • JavaScript Console • HTML / CSS Inspector • recursos carregados pela página • DOM & Script Tab Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
Chrome / Safari • Webkit Inspector Wednesday, October 6, 2010
Chrome / Safari • Webkit Inspector • Elements Tab Wednesday, October 6, 2010
Chrome / Safari • Webkit Inspector • Elements Tab • Resources Wednesday, October 6, 2010
Chrome / Safari • Webkit Inspector • Elements Tab • Resources • Console Wednesday, October 6, 2010
Chrome / Safari • Webkit Inspector • Elements Tab • Resources • Console • e mais! Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
IE 6 / 7 • Developer Toolbar Wednesday, October 6, 2010
IE 6 / 7 • Developer Toolbar • HTML Inspector Wednesday, October 6, 2010
IE 6 / 7 • Developer Toolbar • HTML Inspector • CSS Inspector Wednesday, October 6, 2010
IE 6 / 7 • Developer Toolbar • HTML Inspector • CSS Inspector • e uns extras que dão jeito... no contexto :) Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
IE 8 / 9* • Developer Tools Wednesday, October 6, 2010
IE 8 / 9* • Developer Tools • HTML Inspector Wednesday, October 6, 2010
IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector Wednesday, October 6, 2010
IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector • Script Inspector Wednesday, October 6, 2010
IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector • Script Inspector • Profiler Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
Opera • Opera Dragonfly Wednesday, October 6, 2010
Opera • Opera Dragonfly • DOM Wednesday, October 6, 2010
Opera • Opera Dragonfly • DOM • Scripts Wednesday, October 6, 2010
Opera • Opera Dragonfly • DOM • Scripts • Network Wednesday, October 6, 2010
Opera • Opera Dragonfly • DOM • Scripts • Network • e mais extras... Wednesday, October 6, 2010
Demo Time! Wednesday, October 6, 2010
Wrap Up Perguntas? Wednesday, October 6, 2010
Diogo Antunes LibSAPO.js - http://js.sapo.pt twitter: @dicode im: diogoantunes@sapo.pt mail: diogo.j.antunes@co.sapo.pt zombie blog: http://dicode.org Wednesday, October 6, 2010
Wednesday, October 6, 2010
Credits This work is licensed under a Creative Commons Attribution-NonCommercial- ShareAlike 3.0 Unported License. slide 3: @pedro_correia slide 5: http://commons.wikimedia.org/wiki/File:Bug.png slide 10: @sapo slide 14: http://willscullypower.files.wordpress.com/2009/11/testing.jpg slide 18: http://dl.maximumpc.com/galleries/osretro/OSes.png slide 23: http://hazel8500.files.wordpress.com/2010/02/ninja.jpg slide 44: http://llvm.org/releases/2.4/docs/img/Debugging.gif slide 79: http://icanhascheezburger.wordpress.com/files/2009/08/funny-pictures-cat-loves-coffee.jpg Wednesday, October 6, 2010

More Related Content

PDF
Tomas Grails
Skills Matter
 
PDF
MySQL Sandbox - A toolkit for laziness
Giuseppe Maxia
 
PDF
When is a Website Not Enough? Now.
bethgsanders
 
PDF
Mars - ESUG 2010
Esteban Lorenzano
 
PDF
Reef - ESUG 2010
Esteban Lorenzano
 
PDF
iBizLog - ESUG2010
Esteban Lorenzano
 
PDF
Mobile Apps Cross Platform - Webmontag Frankfurt 2009
wolframkriesing
 
PDF
OvertheAir 2010 html5 impact on application programming
Tor Björn Minde
 
Tomas Grails
Skills Matter
 
MySQL Sandbox - A toolkit for laziness
Giuseppe Maxia
 
When is a Website Not Enough? Now.
bethgsanders
 
Mars - ESUG 2010
Esteban Lorenzano
 
Reef - ESUG 2010
Esteban Lorenzano
 
iBizLog - ESUG2010
Esteban Lorenzano
 
Mobile Apps Cross Platform - Webmontag Frankfurt 2009
wolframkriesing
 
OvertheAir 2010 html5 impact on application programming
Tor Björn Minde
 

Viewers also liked (6)

PDF
Know your errors
Diogo Antunes
 
PPTX
Cq5 for enterprises: content delivery strategies
StefanFranck
 
PDF
Pocket Knife JS
Diogo Antunes
 
PDF
Nodejs
Diogo Antunes
 
PDF
Making burgers with JavaScript
Diogo Antunes
 
PDF
It works on your computer... but does it render fast enough?
Diogo Antunes
 
Know your errors
Diogo Antunes
 
Cq5 for enterprises: content delivery strategies
StefanFranck
 
Pocket Knife JS
Diogo Antunes
 
Nodejs
Diogo Antunes
 
Making burgers with JavaScript
Diogo Antunes
 
It works on your computer... but does it render fast enough?
Diogo Antunes
 
Ad

Similar to Debugging your JavaScript (20)

PDF
Html5 Apps
Nikolai Onken
 
PDF
BDD and Cucumber at barcampGZ
leondu
 
PDF
Html5 apps nikolaionken-08-06
Skills Matter
 
PDF
Building Brilliant APIs
bencollier
 
PDF
In depth with html5 java2days 2010
Mystic Coders, LLC
 
PDF
Introduction To Google App Engine
Kosei Moriyama
 
PDF
Is these a bug
Mike Taylor
 
PDF
Phone gap nikolaionken-08-06
Skills Matter
 
PDF
HTML5 impact on application programming
Ericsson Labs
 
PDF
Eclipse community management - fossa2010
fOSSa - Free Open Source Software Academia Conference
 
PDF
Enterprise Drupal
Chapter Three
 
PDF
Java to scala
Skills Matter
 
PDF
Interns bootcamp 2010
Vineel Reddy Pindi
 
PDF
T-DOSE 2010 - Agile Enterprise, CLouds and Devops
Chef Software, Inc.
 
PDF
Vagrant at LA Ruby
Mitchell Hashimoto
 
PDF
BRAINREPUBLIC - Powered by no-SQL
Andreas Jung
 
PDF
Gerenciamento Servidores com o Spacewalk
hdoria
 
PDF
Building Distributed JavaScript Widgets with jQuery
benvinegar
 
PDF
Presentation to wdim_students
Scott Motte
 
PDF
Caelum dicas web 2010
Fabio Akita
 
Html5 Apps
Nikolai Onken
 
BDD and Cucumber at barcampGZ
leondu
 
Html5 apps nikolaionken-08-06
Skills Matter
 
Building Brilliant APIs
bencollier
 
In depth with html5 java2days 2010
Mystic Coders, LLC
 
Introduction To Google App Engine
Kosei Moriyama
 
Is these a bug
Mike Taylor
 
Phone gap nikolaionken-08-06
Skills Matter
 
HTML5 impact on application programming
Ericsson Labs
 
Eclipse community management - fossa2010
fOSSa - Free Open Source Software Academia Conference
 
Enterprise Drupal
Chapter Three
 
Java to scala
Skills Matter
 
Interns bootcamp 2010
Vineel Reddy Pindi
 
T-DOSE 2010 - Agile Enterprise, CLouds and Devops
Chef Software, Inc.
 
Vagrant at LA Ruby
Mitchell Hashimoto
 
BRAINREPUBLIC - Powered by no-SQL
Andreas Jung
 
Gerenciamento Servidores com o Spacewalk
hdoria
 
Building Distributed JavaScript Widgets with jQuery
benvinegar
 
Presentation to wdim_students
Scott Motte
 
Caelum dicas web 2010
Fabio Akita
 
Ad

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PPTX
MYSQL Presentation for SQL database connectivity
Swati270511
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Cloud computing and distributed systems.
kkkkkhan
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Encapsulation theory and applications.pdf
gurumoop
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
MYSQL Presentation for SQL database connectivity
Swati270511
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 

Debugging your JavaScript

  • 1. Debugging your JavaScript (Recuso-me a mudar este titulo para português) Sapo Sessions 2010-10-06 Wednesday, October 6, 2010
  • 4. JavaScript • O porquê desta talk Wednesday, October 6, 2010
  • 6. JavaScript • minimizar a frustação Wednesday, October 6, 2010
  • 7. JavaScript • minimizar a frustação • perceber o problema Wednesday, October 6, 2010
  • 8. JavaScript • minimizar a frustação • perceber o problema • aumentar a autonomia na clarificação de erros Wednesday, October 6, 2010
  • 9. JavaScript • minimizar a frustação • perceber o problema • aumentar a autonomia na clarificação de erros • ... dado nem sempre termos as ferramentas para dar a ajuda certa Wednesday, October 6, 2010
  • 11. No SAPO • existe um documento de Guidelines de Usabilidade e Qualidade Wednesday, October 6, 2010
  • 12. No SAPO • existe um documento de Guidelines de Usabilidade e Qualidade • define, entre muitas outras, as compatibilidades com os browsers que os sites do SAPO devem ter Wednesday, October 6, 2010
  • 15. Onde testar? • no próprio browser Wednesday, October 6, 2010
  • 16. Onde testar? • no próprio browser • no correspondente sistema operativo Wednesday, October 6, 2010
  • 17. Onde testar? • no próprio browser • no correspondente sistema operativo • num ambiente o mais aproximado possível do utilizador final Wednesday, October 6, 2010
  • 19. Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. Wednesday, October 6, 2010
  • 20. Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” Wednesday, October 6, 2010
  • 21. Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” • ex:VM IE6 + FF3 + Safari 4 + etc Wednesday, October 6, 2010
  • 22. Usar VM’s • VirtualBox,VMWare, Windows Virtual PC, Parallels, you name it. • uma VM por “browser age” • ex:VM IE6 + FF3 + Safari 4 + etc • ex2:VM IE7 + FF3.5 + Safari 5 + etc Wednesday, October 6, 2010
  • 24. JavaScript Code • não usar código minificado para desenvolvimento Wednesday, October 6, 2010
  • 25. JavaScript Code • não usar código minificado para desenvolvimento • uma instrução por linha Wednesday, October 6, 2010
  • 26. JavaScript Code • não usar código minificado para desenvolvimento • uma instrução por linha • seguir um coding standard Wednesday, October 6, 2010
  • 27. JavaScript Code • não usar inline attributes, ex: onclick Wednesday, October 6, 2010
  • 28. JavaScript Code • não usar inline attributes, ex: onclick • se possível, manter o window limpo Wednesday, October 6, 2010
  • 29. JavaScript Code • não usar inline attributes, ex: onclick • se possível, manter o window limpo • debug flags no código Wednesday, October 6, 2010
  • 30. JavaScript Code • usar minifiers/compressors Wednesday, October 6, 2010
  • 31. JavaScript Code • usar minifiers/compressors • nomes de variáveis que façam sentido Wednesday, October 6, 2010
  • 32. JavaScript Code • usar minifiers/compressors • nomes de variáveis que façam sentido • não compliquem Wednesday, October 6, 2010
  • 33. JavaScript Code • Usar minifiers/compressors • nomes de variáveis que façam sentido • não compliquem • não abusem do DOM que ele não gosta Wednesday, October 6, 2010
  • 35. Minifiers • YUIC - http://refresh-sf.com/yui/ Wednesday, October 6, 2010
  • 36. Minifiers • YUIC • Google Compiler - http://5ujb.sl.pt Wednesday, October 6, 2010
  • 37. Minifiers • YUIC • Google Compiler • JSMin - http://5ujf.sl.pt Wednesday, October 6, 2010
  • 38. Minifiers • YUIC • Google Compiler • JSMin • Packer - http://jscompress.com/ Wednesday, October 6, 2010
  • 39. Minifiers • YUIC • Google Compiler • JSMin • Packer • e muito mais... Wednesday, October 6, 2010
  • 40. JSLint http://www.jslint.com/ Wednesday, October 6, 2010
  • 41. JSLint • aviso: “JSLint will hurt your feelings” Wednesday, October 6, 2010
  • 42. JSLint • aviso: “JSLint will hurt your feelings” • é um bom desafio criar código que seja warning free no JSLint Wednesday, October 6, 2010
  • 43. JSLint • aviso: “JSLint will hurt your feelings” • é um bom desafio criar código que seja warning free no JSLint • a boa notícia é que há warnings que podem “ignorar” Wednesday, October 6, 2010
  • 45. Hardcore Debugging • window.alert to the rescue! Wednesday, October 6, 2010
  • 46. Hardcore Debugging • window.alert to the rescue! • comentar blocos de código para descobrir erros de sintaxe Wednesday, October 6, 2010
  • 48. Firefox • Firebug Wednesday, October 6, 2010
  • 49. Firefox • Firebug • JavaScript console Wednesday, October 6, 2010
  • 50. Firefox • Firebug • JavaScript Console • HTML / CSS Inspector Wednesday, October 6, 2010
  • 51. Firefox • Firebug • JavaScript Console • HTML / CSS Inspector • recursos carregados pela página Wednesday, October 6, 2010
  • 52. Firefox • Firebug • JavaScript Console • HTML / CSS Inspector • recursos carregados pela página • DOM & Script Tab Wednesday, October 6, 2010
  • 54. Chrome / Safari • Webkit Inspector Wednesday, October 6, 2010
  • 55. Chrome / Safari • Webkit Inspector • Elements Tab Wednesday, October 6, 2010
  • 56. Chrome / Safari • Webkit Inspector • Elements Tab • Resources Wednesday, October 6, 2010
  • 57. Chrome / Safari • Webkit Inspector • Elements Tab • Resources • Console Wednesday, October 6, 2010
  • 58. Chrome / Safari • Webkit Inspector • Elements Tab • Resources • Console • e mais! Wednesday, October 6, 2010
  • 60. IE 6 / 7 • Developer Toolbar Wednesday, October 6, 2010
  • 61. IE 6 / 7 • Developer Toolbar • HTML Inspector Wednesday, October 6, 2010
  • 62. IE 6 / 7 • Developer Toolbar • HTML Inspector • CSS Inspector Wednesday, October 6, 2010
  • 63. IE 6 / 7 • Developer Toolbar • HTML Inspector • CSS Inspector • e uns extras que dão jeito... no contexto :) Wednesday, October 6, 2010
  • 65. IE 8 / 9* • Developer Tools Wednesday, October 6, 2010
  • 66. IE 8 / 9* • Developer Tools • HTML Inspector Wednesday, October 6, 2010
  • 67. IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector Wednesday, October 6, 2010
  • 68. IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector • Script Inspector Wednesday, October 6, 2010
  • 69. IE 8 / 9* • Developer Tools • HTML Inspector • CSS Inspector • Script Inspector • Profiler Wednesday, October 6, 2010
  • 71. Opera • Opera Dragonfly Wednesday, October 6, 2010
  • 72. Opera • Opera Dragonfly • DOM Wednesday, October 6, 2010
  • 73. Opera • Opera Dragonfly • DOM • Scripts Wednesday, October 6, 2010
  • 74. Opera • Opera Dragonfly • DOM • Scripts • Network Wednesday, October 6, 2010
  • 75. Opera • Opera Dragonfly • DOM • Scripts • Network • e mais extras... Wednesday, October 6, 2010
  • 77. Wrap Up Perguntas? Wednesday, October 6, 2010
  • 78. Diogo Antunes LibSAPO.js - http://js.sapo.pt twitter: @dicode im: diogoantunes@sapo.pt mail: diogo.j.antunes@co.sapo.pt zombie blog: http://dicode.org Wednesday, October 6, 2010
  • 80. Credits This work is licensed under a Creative Commons Attribution-NonCommercial- ShareAlike 3.0 Unported License. slide 3: @pedro_correia slide 5: http://commons.wikimedia.org/wiki/File:Bug.png slide 10: @sapo slide 14: http://willscullypower.files.wordpress.com/2009/11/testing.jpg slide 18: http://dl.maximumpc.com/galleries/osretro/OSes.png slide 23: http://hazel8500.files.wordpress.com/2010/02/ninja.jpg slide 44: http://llvm.org/releases/2.4/docs/img/Debugging.gif slide 79: http://icanhascheezburger.wordpress.com/files/2009/08/funny-pictures-cat-loves-coffee.jpg Wednesday, October 6, 2010