Category: Web Developing
The time has come to compare most popular web browsers developer tools: Internet Explorer 8 Developer Tools, Firefox Firebug (1.4), Safari Web Inspector (r46183) which is similar to Google Chrome Developer Tools and Opera Dragonfly (Alpha 3).
Those are default installed web browsers/extensions with no settings changed. This is a mini comparison which focuses on elements inspection, source modification and overall usage rather than advanced tools. If you find yourself using features such as script debugging, elements loading speed, etc. this review might not be very helpful.
Back in the old days you’ve had to add key lines to the Safari preference files and that was pretty much it, turns out this trick doesn’t work anymore (at least in Safari 4).
To install web inspector: download latest WebKit nightly build, extract files and open run-nightly-webkit.cmd
Find com.apple.Safari.plist file which is located in:
XP/2000 Continue Reading
- Internet Explorer 8 optimized for eBay
- Firefox 3.5 is fast, but still behind Chrome and Safari
- Eight Firefox extensions for the Twitter fanatic
- Sneak Peek: What’s On Tap for Firefox in 2010
- Google move paves way for Firefox on Android
- Developer Tools for Google Chrome
- Bolt Mobile Browser Celebrates Milestone
Adobe Browserlab is a Flash cloud based application that competes with Microsoft SuperPreview. Basically, it allows you to test your web site and see how well it works on most popular web browsers. At first, you will have to sign up for the preview (registrations are closed at this moment). Once signed in, you will be able to choose browsers, operating systems to test and see them side-by-side.
Of course, you can always BrowserShots.org if screenshot is more than enough.
This is some awesome stuff for web developers/site owners. Google today has released a Firefox add-on (requires Firebug) which analyzes your site and gives you ideas on how to optimize it for the fastest browsing experience possible and save some bandwidth.
Some great articles over the last week.
- 10 Cool Things We’ll Be Able To Do Once IE6 Is Dead
- Revealed: the world’s best browser
- Browser wars 2009: Firefox, Chrome, & Internet Explorer
- Chrome is a browser? What’s a browser?
- 15 Firefox add-ons for Web developers
- Opera Aims at Becoming Number 1 Browser in Georgia
- Opera Releases Nintendo DSi Browser
Here is a quick solution in case you are experiencing the same issue as I did today.
When using div with position:relative, it becomes fixed during window resize in the Internet Explorer.
There is an easy fix. Just add position:relative to css body element and you’re done.
It has been a big debate whether websites are not compatible with browsers or browsers are not compatible with websites. While webmasters and web developers claim that a certain browser is not compatible with their website, browser companies fight back saying that the websites are indeed not compatible with the browser and sometimes have even been proved. Continue Reading