Moderne Anwendungen bestehen nicht mehr aus ein wenig HTML sowie Code am Server. Cascading Style Sheets (CSS), JavaScript und AJAX machen die Anwendungen einerseits benutzerfreundlicher, andererseits auch schwerer zu entwickeln und zu pflegen. Mit dem Open Source Browser Firefox und einer Handvoll von Open Source Plug-Ins kann sich der Entwickler sein Leben aber deutlich einfacher machen. Diese Session behandelt Firefox-Erweiterungen, die sich in der Praxis bei der Entwicklung großer Web 2.0 Anwendungen bewährt haben. Gezeigt werden "am lebenden Objekt" unter anderem die Webdeveloper Toolbar sowie Firebug. Der Bogen der vorgestellten Tools erstreckt sich aber noch weiter und beinhaltet u.a. Sicherheitschecks, WAI-Tools und noch viel mehr.

1. Effiziente Fehlersuche in Web 2.0-Anwendungen

3. Eingebaute Firefox-Tools

4. Webdeveloper Toolbar

5. Firebug

6. Weitere Firefox-Tools

7. Weitere Tools für Internet Explorer, Safari und andere Browser

8. Fragen & (hoffentlich) Antworten

10. Anhänger des " Progressive Enhancement "

11. KEIN JavaScript & CSS Guru

12. Lasse mich gerne vom Code anderer „inspirieren“

13. Fan von „fertigen“ Frameworks

14. Hintergrundfarbe

15. Error-Console Strg-Shift-J

17. (De-)Aktivieren von JavaScript, Bildern, Cache, ...

18. Forms

19. Cookies

20. Tools

21. View Generated Source !!!

24. JavaScript Debugger

25. DOM Viewer

26. CSS Viewer

27. JavaScript Logging Engine

28. und ...

29. http://www.flickr.com/photos/teagrrl/78941282/

30. Firebug aufrufen F12

32. HTML

33. CSS

34. Script

35. Dom

36. Net

38. console.info(“We are at point B”);

39. console.warn(“At point C!”);

40. console.error(“We reached point D :-(“);

41. AJAX-Calls

42. Wird von Frameworks wie Dojo, .... genutzt

43. Firebug „Light“ für IE

46. HTML editierbar

47. Rechte Maustaste -> Inspect um Elemente zu finden

49. CSS editierbar & Live Update

50. CSS-Vererbung sichtbar

51. Box-Modell

53. Breakpoints

54. Variable value on hover

55. Step in, Step over, etc.

56. Watches

57. debugger();

59. HTTP-Header des Requests sowie der Antwort des Servers

61. Statistik über Ladezeiten

62. JSLint & andere Tools

63. Gedacht für „große“ Seiten

65. Lange Laufzeit

67. Überprüft Datenbankzugriffe via Forms auf SQL-Injections

68. Ebenfalls kein Wundermittel

70. XSS & SQL-Injection Überprüfung

72. https://addons.mozilla.org/en-US/firefox/addon/60

73. Firebug

74. https://addons.mozilla.org/de/firefox/addon/1843

75. YSlow

76. https://addons.mozilla.org/de/firefox/addon/5369

77. XSS Me

79. Hackbar

80. https://addons.mozilla.org/en-US/firefox/addon/3899

81. Venkman JavaScript Debugger

82. http://www.mozilla.org/projects/venkman/

84. Firebug-ähnlich

87. Companion.JS Javascript debugger for IE

88. DebugBar (kostenpflichtig!) Development Bar (IE sidebar)

89. Microsoft Script Debugger Scripting Debugging im IE

91. Drosera Debugger

92. Opera Dragonfly

93. Fiddler Web Debugging Proxy

94. Debugging using Apache as proxy

96. E-Mail: [email_address]

97. Jabber: [email_address]

98. Twitter: leyrer