Re: [css-d] Safari on Windows has a nifty CSS debugger
Hedley Finger wrote: I have used the DOM inspector but Firebug will not (yet) install in Firefox 3.x, although oddly enough, some of its plug-ins will! Firebug does work in Firefox 3.x: http://getfirebug.com/releases/index.html I can't get Chrome to install properly and *function* on Windows XP SP3. And for some weird reason it installs in my home directory, not in C:\\Program Files\, like every other app on the planet, including Google's other apps. Also, Chrome is built on a version of WebKit earlier than that in Safari, so I am afraid I will have to forego Chrome's tools. The reason Chrome installs where it does is discussed here: http://snipr.com/3tv6c [stackoverflow_com] It's a *really* nice browser, so I'd urge you to try it. Perhaps you'll have more luck with Chromium, the non-branded development version. You can download nightly builds here: http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/ More on Chromium here: http://code.google.com/chromium/ Internet Explorer has the Internet Development Toolbar which lets you inspect elements, and to see if they're being given layout. IE8 beta 2 also has developer tools built in: http://snipr.com/3tva8 [blogs_msdn_com] This is possibly the most useful of the lot, especially the rendering switcher for testing compatibility between 7 and 8. Charles __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari on Windows has a nifty CSS debugger
Jack: Thanks for these tips. Firefox has its own DOM interpreter, but also has the Firebug extension, which will allow you to inspect/edit the DOM and stylesheets while viewing the page. I have used the DOM inspector but Firebug will not (yet) install in Firefox 3.x, although oddly enough, some of its plug-ins will! Opera has Dragonfly, I think, built in that lets you do the same. Thanks, will check it out. Google Chrome is built from Safari, and also includes helpful development tools. I can't get Chrome to install properly and *function* on Windows XP SP3. And for some weird reason it installs in my home directory, not in C:\\Program Files\, like every other app on the planet, including Google's other apps. Also, Chrome is built on a version of WebKit earlier than that in Safari, so I am afraid I will have to forego Chrome's tools. Internet Explorer has the Internet Development Toolbar which lets you inspect elements, and to see if they're being given layout. Ah, yes, the dreaded hasLayout bug. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari on Windows has a nifty CSS debugger
All: You may not be aware that Apple now makes Safari available for Windows. It has a nifty Web Inspector that allows you to click on an HTML element and see all the CSS selectors and formats that affect that element, including inherited values. Nifft! Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/