Your SlideShare is downloading. ×
Effiziente Fehlersuche in Web 2.0 Anwendungen
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Effiziente Fehlersuche in Web 2.0 Anwendungen

1,428

Published on

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 …

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,428
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Effiziente Fehlersuche in Web 2.0-Anwendungen
  • 2. Agenda
    • Kurze Vorstellung
    • 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
  • 9. Martin Leyrer
    • Alter Sack (Netscape 0.x, frühe 90er)
    • 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
  • 16. Web Developer Toolbar
  • 22.  
  • 23. Firebug ist ...
  • 29. http://www.flickr.com/photos/teagrrl/78941282/
  • 30. Firebug aufrufen F12
  • 31. Die Tabs
  • 37. Console
    • console.log(“We are at point A”);
    • 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
  • 44.  
  • 45. HTML-Ansicht
    • Elemente werden hervorgehoben
    • 46. HTML editierbar
    • 47. Rechte Maustaste -> Inspect um Elemente zu finden
  • 48. HTML/CSS-Ansicht
    • CSS kann durchsucht werden
    • 49. CSS editierbar & Live Update
    • 50. CSS-Vererbung sichtbar
    • 51. Box-Modell
  • 52. JavaScript-Debugger
  • 58. Netzwerk-Ansicht
    • Anzeige der Ladezeiten aller Elemente der Webseite
    • 59. HTTP-Header des Requests sowie der Antwort des Servers
  • 60. YSlow
    • Performance-Analyse & Tipps
    • 61. Statistik über Ladezeiten
    • 62. JSLint & andere Tools
    • 63. Gedacht für „große“ Seiten
  • 64. „ME-Tools“
    • XSS Me
      • Überprüft Forms auf Cross Site Scripting Probleme
      • 65. Lange Laufzeit
      • 66. Kein Wundermittel
    • SQL Inject Me
    • 67. Überprüft Datenbankzugriffe via Forms auf SQL-Injections
    • 68. Ebenfalls kein Wundermittel
  • 69. Hackbar
    • URL-Manipulation (encode/decode)
    • 70. XSS & SQL-Injection Überprüfung
  • 71. Firefox-Tools
    • Webdeveloper Toolbar
    • 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
    • 78. https://addons.mozilla.org/en-US/firefox/addon/7598
    • SQL Inject Me https://addons.mozilla.org/en-US/firefox/addon/7597
    • 79. Hackbar
    • 80. https://addons.mozilla.org/en-US/firefox/addon/3899
    • 81. Venkman JavaScript Debugger
    • 82. http://www.mozilla.org/projects/venkman/
  • 83. Internet Explorer 8 Entwicklertoools
    • Debugger
    • 84. Firebug-ähnlich
    • 85. On-the-fly Änderungen
    • http://www.microsoft.com/germany/windows/internet-explorer/default.aspx
  • 86. Weitere IE-Tools
    • Internet Explorer Developer Toolbar IEDevToolBarSetup.msi
    • 87. Companion.JS Javascript debugger for IE
    • 88. DebugBar (kostenpflichtig!) Development Bar (IE sidebar)
    • 89. Microsoft Script Debugger Scripting Debugging im IE
  • 90. Tools für Safari & Andere
    • Safari Web Inspector
    • 91. Drosera Debugger
    • 92. Fiddler Web Debugging Proxy
    • 93. Debugging using Apache as proxy
  • 94. Fragen ?
  • 95. Kontaktdaten
    • Blog: http://martin.leyrer.priv.at
    • 96. E-Mail: [email_address]
    • 97. Jabber: [email_address]
    • 98. Twitter: leyrer

×