views:

5397

answers:

5

Hi We are testing our app in Google chrome for support. The basic loading is in scrambled and all the pages are in total CSS mess which we need to clean up unfortunately.For this I require a tool which works similar to firebug for Mozilla.Also to check headers, cookies, caching and POST data ,compression, redirection & chunked encoding a similar tool to HTTP watch is also desired. Any suggestions.Thanks

+3  A: 

Try the inspector. It has basically the same feature set as Firebug, and is built-in (it comes with pretty much every WebKit-based browser, so you'll find it in Safari too).

Right-click on something and choose "Inspect Element", or go to the Document-icon menu and look at the Developer sub menu.

Seth
dev-channel version of chrome has some improvements in dev-tools part against the release.
loislo
+6  A: 

Chrome comes with a Firebug equivalent built-in. Just right-click to inspect element and you should see the debugger.

Then install "Speed Tracer" and you will have profiling tools.

reechard
Thanks..I was already using inspect element tool.Just to be sure that any other tools are available or not
GustlyWind
Just to note, the inspector has an "Audits" tab that works similar to YSlow.
Kinlan
+1  A: 

If you want Firebug for Chrome, try Firebug Lite: getfirebug.com/firebuglite (can't post more than one link, huh), and here's a Chrome extension.

milan
Thanks,BTW how did you come across this question which was posted moths earlier
GustlyWind
been looking for posts about speed tracer :)
milan
A: 

Did anyone ever find an extension for this?

"Also to check headers, cookies, caching and POST data ,compression, redirection & chunked encoding a similar tool to HTTP watch is also desired"

I need an httpwatch, or httpfox type tool so i can view http redirects, headers and stuff. I cannot find anything like those tools, even after searching the extension pages and such. Most are more static, and show you the response headers after page has loaded. Need something more real-time. Thanks

Ron
+2  A: 

Google has a whole page on this subject (along with the announcement that speed will be considered in ranking pages):

  • Page Speed, an open source Firefox/Firebug add-on that evaluates the performance of web pages and gives suggestions for improvement.
  • YSlow, a free tool from Yahoo! that suggests ways to improve website speed.
  • WebPagetest shows a waterfall view of your pages' load performance plus an optimization checklist.
  • In Webmaster Tools, Labs > Site Performance shows the speed of your website as experienced by users around the world as in the chart below. We've also blogged about site performance.
Daniel Ribeiro