1. 1 1 Amr ElAdawy Web UI - Dev Tools

2. 2 2 Agenda Objectives Firefox Add-ons IE tools. Introduction References

3. 3 3 Objectives Inspect HTML DOM Debugging JavaScript CSS issues HTTP Sniffing Fix Errors

4. 4 4 Firefox Add-ons

5. 5 5 C olorZilla 2.0 J SView 2.0.5 L ive HTTP Headers 0.14 T amper Data 10.1.0 V enkman Javascript Debugger. M easure it

6. 6 6 IE Add-ons Internet Explorer Web Development Toolbar

7. 7 7 References Firebug, https://addons.mozilla.org/en-US/firefox/addon/1843 https://addons.mozilla.org/en-US/firefox/addon/1843 Javascript Debugger, https://addons.mozilla.org/en- US/firefox/addon/216 https://addons.mozilla.org/en- US/firefox/addon/216 ColorZilla, https://addons.mozilla.org/en-US/firefox/addon/271 https://addons.mozilla.org/en-US/firefox/addon/271 Tamper Data, https://addons.mozilla.org/en-US/firefox/addon/966 https://addons.mozilla.org/en-US/firefox/addon/966 JSView, https://addons.mozilla.org/en-US/firefox/addon/2076 https://addons.mozilla.org/en-US/firefox/addon/2076 Live HTTP Headers, https://addons.mozilla.org/en-US/firefox/addon/3829 https://addons.mozilla.org/en-US/firefox/addon/3829 http://sixrevisions.com/tools/20_web_development_tools http://www.webdevout.net/articles/webdev-tools IE Dev, http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038 http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038

8. 8 8 Thank You questionssuggestionsfeedback