Tools to inspect and debug web pages from your browser

<body> <div id="logoreader"><image border="0" src="/images/top/logoreader.gif" alt="L-EXP: Lists of experiences" /></div> <div class="srect"><div class="rect"><center><a href="/reader/97" title="favorites">0</a></center></div><div class="down"><center><a href="" title="Used times">318</a></center></div> </div><h3><div class="titles"><a href="/reader/info/97" target="_new" title="L-exp list: Tools to inspect and debug web pages from your browser Tags:Development, Tools, Web, Webdesign">Tools to inspect and debug web pages from your browser</a> <a href="javascript:parent.location.href='http://del.icio.us/post?v=2&url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+' '"><img height="15" border="0" src="/images/top/delicious.42px.gif" /></a></div></h3> <div class="reader-desc" >When you are developing a web project one of the main problems is the browser compatibility. The same page looks different in a different web browser. Then you have to adjust some properties or elements to look the same. There are tools that are designed to analyze web pages, see properties and debug the page (including Javacript, HTML, CSS, ....). Each tool is based on a web browser. </div> <div class="readerllist"> Tags: <span class="l-tags"><a href="/top/tags/Development" target="_top" title="Development">Development</a></span>, <span class="l-tags"><a href="/top/tags/Tools" target="_top" title="Tools">Tools</a></span>, <span class="l-tags"><a href="/top/tags/Web" target="_top" title="Web">Web</a></span>, <span class="l-tags"><a href="/top/tags/Webdesign" target="_top" title="Webdesign">Webdesign</a></span> <br /> proposed by <k><a href="/reader/user/1" target="_new">cduv</a></k><br /> <ol > <li><b> <a href="http://www.getfirebug.com/" title="Firebug | <p>Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. </p>">Firebug</a></b><br /><b> <span class="type_res">software</span>www.getfirebug.com/</b><br /> <p>Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. </p><br /> Propietary Free  <br /> <a href="/reader/resource/comments/165/97" target="_new"> No comments</a> </li> <ul> <li ><a href="http://www.getfirebug.com/" target="_new"><img height="16" border="0" src="/images/top/flecha.gif" />Install Firebug</a> </li> </ul> <br /> <br /> <li><b> <a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en" title="Internet Explorer Developer Toolbar | A tool to debug the webpages and correct them. Only works in Internet Explorer. Helps to adjust the html and CSS for Internet Explorer.">Internet Explorer Developer Toolbar</a></b><br /><b> <span class="type_res">software</span>www.microsoft.com/downlo..</b><br /> A tool to debug the webpages and correct them. Only works in Internet Explorer. Helps to adjust the html and CSS for Internet Explorer.<br /> <img height="15" src="/images/top/winlogo.gif" alt="Windows" /> Propietary Free  <span class="l-tags"><a href="/top/tags/InternetExplorer" target="_top" title="InternetExplorer">InternetExplorer</a></span>, <span class="l-tags"><a href="/top/tags/Toolbar" target="_top" title="Toolbar">Toolbar</a></span>, <span class="l-tags"><a href="/top/tags/WebDesign" target="_top" title="WebDesign">WebDesign</a></span><br /> <a href="/reader/resource/comments/271/97" target="_new"> No comments</a> </li> <br /> <br /> <li><b> <a href="http://webkit.org/" title="WebKit Open Source project | <p>WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that's used by Safari, Dashboard, Mail, and many other OS X applications. WebKit's HTML and JavaScript code began as a branch of the KHTML and KJS libraries from KDE.</p>">WebKit Open Source project</a><a href="http://webkit.org/blog/feed/atom/" title="WebKit Open Source project Feed"> <img height="15" border="0" src="/images/top/16px-Feed-icon.svg.png" /></a></b><br /><b> <span class="type_res">software</span>webkit.org/</b><br /> <p>WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that's used by Safari, Dashboard, Mail, and many other OS X applications. WebKit's HTML and JavaScript code began as a branch of the KHTML and KJS libraries from KDE.</p><br /> Opensource <img height="15" src="/images/top/wmlogo.gif" alt="Win/Mac" />  <span class="l-tags"><a href="/top/tags/Apple" target="_top" title="Apple">Apple</a></span>, <span class="l-tags"><a href="/top/tags/Web" target="_top" title="Web">Web</a></span><br /> <a href="/reader/resource/comments/564/97" target="_new"> No comments</a> </li> <br /> <br /> <li><b> <a href="http://westciv.com/xray/" title="XRAY :: for web developers | XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.">XRAY :: for web developers</a></b><br /><b> <span class="type_res">webapp</span>westciv.com/xray/</b><br /> XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.<br /> Free  <span class="l-tags"><a href="/top/tags/Development" target="_top" title="Development">Development</a></span>, <span class="l-tags"><a href="/top/tags/HTML" target="_top" title="HTML">HTML</a></span>, <span class="l-tags"><a href="/top/tags/Inspect" target="_top" title="Inspect">Inspect</a></span>, <span class="l-tags"><a href="/top/tags/Web" target="_top" title="Web">Web</a></span><br /> <a href="/reader/resource/comments/656/97" target="_new"> No comments</a> </li> <ul><li><a href="http://westciv.com/xray/" target="_new"><img height="16" border="0" src="/images/top/flecha.gif" />View app</a></li></ul> <br /> <br /> <li><b> <a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" title="Companion.JS | <span style="font-size: 120%">Companion.JS</span> (pronounced Companion dot JS or CJS) is a Javascript debugger for IE.">Companion.JS</a><a href="http://www.my-debugbar.com/wiki/Site/AllRecentChanges?action=rss" title="Companion.JS Feed"> <img height="15" border="0" src="/images/top/16px-Feed-icon.svg.png" /></a></b><br /><b> <span class="type_res">software</span>www.my-debugbar.com/wiki..</b><br /> <span style="font-size: 120%">Companion.JS</span> (pronounced Companion dot JS or CJS) is a Javascript debugger for IE.<br /> <img height="15" src="/images/top/winlogo.gif" alt="Windows" /> Free  <span class="l-tags"><a href="/top/tags/Development" target="_top" title="Development">Development</a></span>, <span class="l-tags"><a href="/top/tags/Webdesign" target="_top" title="Webdesign">Webdesign</a></span><br /> <a href="/reader/resource/comments/953/97" target="_new"> No comments</a> </li> <br /> <br /> <li><b> <a href="http://www.debugbar.com/?langage=en" title="DebugBar | An Internet Explorer Plug-in to debug web pages.">DebugBar</a></b><br /><b> <span class="type_res">software</span>www.debugbar.com/?langag..</b><br /> An Internet Explorer Plug-in to debug web pages.<br /> <img height="15" src="/images/top/winlogo.gif" alt="Windows" /> Free <img height="15" src="/images/top/pluginlogo.gif" alt="Plugin" />  <span class="l-tags"><a href="/top/tags/Development" target="_top" title="Development">Development</a></span>, <span class="l-tags"><a href="/top/tags/HTML" target="_top" title="HTML">HTML</a></span>, <span class="l-tags"><a href="/top/tags/Inspect" target="_top" title="Inspect">Inspect</a></span>, <span class="l-tags"><a href="/top/tags/Web" target="_top" title="Web">Web</a></span><br /> <a href="/reader/resource/comments/1092/97" target="_new"> No comments</a> </li> <br /> <br /> <li><b> <a href="http://www.opera.com/products/dragonfly/" title="Opera Dragonfly | <p>Debug JavaScript, inspect CSS and the DOM, and view any errors – Opera Dragonfly makes developing using Opera easier than ever, both on your computer and mobile phone.</p>">Opera Dragonfly</a><a href="http://my.opera.com/dragonfly/xml/atom/blog/" title="Opera Dragonfly Feed"> <img height="15" border="0" src="/images/top/16px-Feed-icon.svg.png" /></a></b><br /><b> <span class="type_res">software</span>www.opera.com/products/d..</b><br /> <p>Debug JavaScript, inspect CSS and the DOM, and view any errors – Opera Dragonfly makes developing using Opera easier than ever, both on your computer and mobile phone.</p><br /> Free  <span class="l-tags"><a href="/top/tags/CSS" target="_top" title="CSS">CSS</a></span>, <span class="l-tags"><a href="/top/tags/HTML" target="_top" title="HTML">HTML</a></span>, <span class="l-tags"><a href="/top/tags/Javascript" target="_top" title="Javascript">Javascript</a></span>, <span class="l-tags"><a href="/top/tags/Opera" target="_top" title="Opera">Opera</a></span>, <span class="l-tags"><a href="/top/tags/Debug" target="_top" title="Debug">Debug</a></span><br /> <a href="/reader/resource/comments/1829/97" target="_new"> No comments</a> </li> <br /> <br /> <li><b> <a href="http://www.codeplex.com/webdevhelper" title="Web Development Helper | <p><span id="ctl00_ctl00_Content_TabContentPanel_Content_wikiSourceLabel">Web Development Helper is an Internet Explorer plugin that provides useful utilities to Web developers for analyzing and diagnosing their Ajax applications and Web pages. </span></p>">Web Development Helper </a><a href="http://www.codeplex.com/webdevhelper/Project/ProjectRss.aspx" title="Web Development Helper Feed"> <img height="15" border="0" src="/images/top/16px-Feed-icon.svg.png" /></a></b><br /><b> <span class="type_res">software</span>www.codeplex.com/webdevh..</b><br /> <p><span id="ctl00_ctl00_Content_TabContentPanel_Content_wikiSourceLabel">Web Development Helper is an Internet Explorer plugin that provides useful utilities to Web developers for analyzing and diagnosing their Ajax applications and Web pages. </span></p><br /> <img height="15" src="/images/top/winlogo.gif" alt="Windows" /> Free  <span class="l-tags"><a href="/top/tags/Development" target="_top" title="Development">Development</a></span>, <span class="l-tags"><a href="/top/tags/Tools" target="_top" title="Tools">Tools</a></span>, <span class="l-tags"><a href="/top/tags/Web" target="_top" title="Web">Web</a></span>, <span class="l-tags"><a href="/top/tags/Debug" target="_top" title="Debug">Debug</a></span><br /> <a href="/reader/resource/comments/1910/97" target="_new"> No comments</a> </li> <br /> <br /> </ol> Technorati:<a href="http://technorati.com/tag/Development" rel="tag" target="basefrm1">Development</a>, <a href="http://technorati.com/tag/Tools" rel="tag" target="basefrm1">Tools</a>, <a href="http://technorati.com/tag/Web" rel="tag" target="basefrm1">Web</a>, <a href="http://technorati.com/tag/Webdesign" rel="tag" target="basefrm1">Webdesign</a> </div> <div class="readerllist"> <b>L-exp copyright 2008 by Genís</b> </div> </body>