Upload
mandy-ough
View
216
Download
1
Embed Size (px)
Citation preview
1
ByAmr ElAdawy
Web UI - Dev Tools
2
Agenda
Objectives
Firefox Add-ons
IE tools.
Introduction
References
3
Objectives Inspect HTML DOM
Debugging JavaScript
CSS issues
HTTP Sniffing
Fix Errors
4
Firefox Add-ons
5
Firefox Add-ons
ColorZilla 2.0
JSView 2.0.5
Live HTTP Headers 0.14
Tamper Data 10.1.0
Venkman Javascript Debugger.
Measure it
6
IE Add-ons
Internet Explorer Web Development Toolbar
7
References Firebug, https://addons.mozilla.org/en-US/firefox/addon/1843
Javascript Debugger, https://addons.mozilla.org/en-US/firefox/addon/216
ColorZilla, https://addons.mozilla.org/en-US/firefox/addon/271
Tamper Data, https://addons.mozilla.org/en-US/firefox/addon/966
JSView, https://addons.mozilla.org/en-US/firefox/addon/2076
Live HTTP Headers, https://addons.mozilla.org/en-US/firefox/addon/3829
http://sixrevisions.com/tools/20_web_development_toolshttp://www.webdevout.net/articles/webdev-tools
IE Dev, http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038
8
Thank You
questions
suggestions
feedback