How Do You Test Your Web Pages?
Pieroxy asks: "As a web developer, both professionally and personally, I try to always make sure what I write works in every browser at my disposal. When the choice came for me to choose a platform for my PC, I went the Windows route, because I cannot afford not to test IE on all those websites/applications. But now I am facing a problem with all browsers that don't have a native Windows port, such as IE5/Mac, Safari/Konqueror. kde-cygwin helped very little because the version of Konqueror shipped doesn't display most JPEG, making any testing worthless. IE5 for Mac should die soon, but is still widely used as being the default browser for so long. How do you test your web pages? Have you noticed discrepancies on how a specific engine (Gecko, Opera, KHTML) renders content on different Platforms? Do I need a Mac and a Linux machine to make sure it is working on these platforms?"
thats usually your best bet
-- ladies and gentlemen we are floating in space!
Do I need a Mac and a Linux machine to make sure it is working on these platforms?
;-)
Yes. Glad I could help out
This really depends on the type of page I'm working on. If it's a personal page, I make sure it works with Mozilla and IEWin, because those are the two browsers I have available.
If I'm working on a business project, I let the boss spec the work. If it's required to work under Safari and IEMac, then they have to provide a Mac for me to develop with, not just have somebody else test it.
There's so little difference between politics and jihad lately...
Get yourself a copy of VMWare or Virtual PC, or something cheaper. Boot a Knoppix CD image, and test away. Konq and Mozilla are right there. Also test opera, but you can do that on whatever platform you want.
I also reccomend testing with stylesheets turned off, if you're using them, to make sure your site degrades gracefully in browsers with no stylesheet support.
Ever heard of VMWare or Virtual PC? As for MacOS, well, they have Safari, which is basically KHTML of Konqueror, and Mozilla.
Oh yes, and as another poster said, stick to the standard.
Rik
http://validator.w3.org/
I've decided to buck the trend and not support MSIE for many of my sites. Heh heh heh, people that are too lazy to upgrade are also too lazy to complain. Creating hobby websites is for my own enjoyment, and I just don't care to spend the sweat so the raggedy-assed-masses can continue to be ignorant savages.
So I test on linux, since it has moz, konq, opera, and netscape 4.
Generally I'll do the dev work in $Mozilla-variant-of-the-week, but trying to keep with W3C standards and checking heavily against the validator. Provided the page is valid against various standards (HTML 4.01 Transitional as a minimum), and it renders ok in both Moz and IE, I'm happy. OTOH, I'm no longer a professional web developer (I have better things to do these days), and for a big client I'd want to check against various other platforms.
Beware the psychokinetic mimes!
I have a windows machine as the primary, It runs IE 6.01sp1 currently...we also have a test lab with machines with IE machine 5.0 on them. My machine also runs netscape 7 (I have dropped 4/6 support its no longer current enough to care in my book), Mozilla and Firefox. I have a Linux machine with the same + Konquer. I don't test Mac its not relative for the environment.
This is a standards nightmare of course since none of these all impliment the DOM, or CCS in exactly the same way. Don't even get me started on the whole Javascript thing between browser makers. That one thing getting standardized, would simplifiy my life so much I scream for it...Make Java/Emca Script work the same in all broswers...it sounds so simple.
Power Corrupts,Absolute Power Corrupts Absolutely, leaving one person(group)in charge is absolutely corrupt.
If you don't want to buy a mac, you could always use browsercam
Of course you messed up in the first place not getting a mac. You can test in PC/IE from the mac, but not the other way around.
If you have a significant other (I'm married, so I do), sell them on getting a Mac. I bought an iBook for my wife, so I can test on my laptop (w2k), her Mac, and Linux by booting from my handy Knoppix CD.
That covers the base pretty well.
Of coures, it's always wise to generally try to avoid dicey display tricks that you know will probably give you problems... or if you absolutely *must* have that stock ticker, don't code it yourself -- find one whose creator is doing the testing for you.
There are only 10 types of people: those who understand decimal, those who don't, and, uh, 8 other types I forget.
I have a PowerBook that I do my web development on. I then use Virtual PC to test the windows IE stuff. I have found that the Mozilla rendering engine on windows/mac/linux is pretty much the same, i.e. testing on one is good enough for all (granted I try and stick with writing things once and having it work everywhere so its the safer (X)HTML/CSS).
Do a Google search, and you'll find companies, tools and instructions, etc to help you do this if you are unable or unwilling to purchase the required equipment/software to do it yourself.
Of course, half the problem is knowing the correct question to ask. That's why google is so popular - it gets good results with bad questions, and you can refine your question with repeated searches.
-Adam
there are sevral websites out there that will spider your webpage, check for broken links, bad code, browser corss compatibitly. I have even seen one before that took a screenshot of what your page looked like in other browsers. check it out, do some google, search for site mechanic good luck -BugNuker
Browsercam is a good resource. Of course, you can't test functionality with it, but your layout is where you will run into the most browser bugs.
Ultimately, the best route I've found is to stick like glue to the standards and don't use nested tables or rely on Javascript.
As long as you stick valid HTML 4.01 or XHTML and CSS, the rendering bugs for IE5+/Win and IE5+/Mac are pretty well known. Older browsers can easily be sent plain text or minimal styling with media or @import hacks. Spend a lot of time lurking on the CSS-d mailing list.
Where do you find out about the "well-known" rendering bugs? There are a ton of sites out there about them, but I like PositionIsEverything and the CSS-Discuss Wiki.
I do all my development on a Mac. As a result, I have Safari/KHTML, Mozilla/FireFox/Camino at my disposal. For IE/Windows, I usually will look on a PC or use VirtualPC if a real PC is not available. VirtualPC is an option if you want to test on Linux as well, although I generally assume that if it works in FireFox on one platform it will work on the others.
- Vincit qui patitur.
Is this some sort of subtle jab at the slashdot editors in response to all the 503 errors we're getting today while trying to access slashdot?
in IE. I also used http://www.danvine.com/icapture/ for safari testing but it seems to be down right now. In most cases if things work fine under a gecko based browser and Konqueror the rest will have no problem. Of course all the XHTML/CSS I create validates.
This is a little time consuming and you can only test one page at a time, but in the absence of Virtual PC or the like (I'm on a Mac) or having all the browsers & platforms you need you can always test them here. I will usually run a page template through this using a free one-day trial account. http://browsercam.com/ I have no connection to the company, I'm just a satisfied leech.
I have been using web standards for a long time. I have a few computers to test with here in my office. The only problems I ever run into is on MSIE. All the other major browsers display the standards web pages just fine.
What I do to fix the MSIE problems is not use the code that causes the problems. I stick with XHTML 1.0 and CSS 1.0. I have some CSS 2.0 elements that work in MSIE. There are a lot of others that don't.
The tools that I use for testing are:
One old Windows 98 laptop running MSIE.
One Mac OS X system running MSIE, Safari, Mozilla, and Omniweb (default browser).
One Linux system running Mozilla and Konqueror.
Heavy use of the W3C's validator application.
I do all my work on my Mac using Omniweb, SubEthaEdit, and the W3C Validator.
So far no problems with compatibility. All sites seem to render fine across all browsers.
The above is not worth reading.
Buy a cheap used iMac and make your Windows box dual-boot to Linux. If your situation allows, write the iMac off as a business expense.
I don't know half of you half as well as I should like, and I like less than half of you half as well as you deserve. BB
and your paying the price, you should have tried writing IE and testing Moz, Opera etc. then Then writing Moz, then Opera.
e loper) and click on the little tick thing on the right side of the bar and make sure you have "Standards compliance mode" as the Render Mode, then a quick check on IE (Windows) and your pretty much gonna be OK.
I personally find that if I write for Mozilla Firefox its usually only slight modifications needed for IE etc, and most of that is Javascript related.
IE's rendering engine is deliberately not picky, therefore it stands to reason its a bad choice to program for. Safari (KHTML) and Moz (Gecko) are OSS and as such tend to stick to the standards pretty well.
Opera used to (don't know if its still the case) stick absolutely to the standards so it may make a very good choice. I however don't test for it because of its small market share and it's still closed source.
Use Moz and go with the Web Developer Tools (http://texturizer.net/firefox/extensions/#webdev
My web development environment consists of Firefox with Web Developer plugin, and DOM Inspector plugin, plus Mozilla with it's superb javascript debugger. on a side note, does firefox have a javascript debugger plugin?
either way, i can't recommend that enough. the web developer plugin has all sorts of goodies like w3c validator, turning css stuff on/off (and even inserting css stuff on the fly). combine that with the javascript console and javascript debugger for debugging those DOM scripts. i'll also often use the DOM inspector to get a vew of my webpage's DOM tree or find suspect nodes which aren't coming up properly in my javascript.
and i can't stress this enough: strive for 100% w3c compliance always. nothing is worse than a website that doesn't comply to the standards, because if it does not, it introduces nothing but headaches with the major rendering engines: khtml, gecko, opera, and mshtml. yes. some of the w3c specs want you to do fairly dumb things. who cares, just do it. i hate seeing sites that don't comply and then users ask "why doesn't it render properly in <insert my browser>
- tristan
I have VMWare installed so that I can check things in IE -- I have IE 4, IE 5.01, IE 5.5, and IE 6.01 all on the same virtual machine. of course, Mozilla and Konqueror practically always agree on how to render a page. I use iCapture to look at it in 'for real' Safari.
there's nothing quite like having a real *nix+apache setup. VMWare is well worth the price of entry if you make your living developing web sites.
wishus just wrote validator.w3.org, and I have to second that. One of my coworkers in the lab told me that my website is one of the very few that show up properly in the PS2's webbrowser... and lynx... and a host of other web browsers. If it validates, it's usually good.
[o]_O
I test on Firefox on Windows and Mac, and IE6 on PC. I don't bother with Opera, but if it works in IE6 and works in Firefox, it covers a large enough % of the world to not really need to hassle with any of the other browsers. Sure, some people still use IE4 and NS4. If my sites don't work in those browsers, no real loss because they don't signify a large enough percentage to matter. If someone using such a browser complains, I send them download links to newer versions.
Security is inversely proportional to the commitment of one desiring to circumvent it.
I basically follow the standards, testing on Firewhatever. At intervals, I'll test on IE. If there's a discrepency, I'll use Opera and/or borrow a Mac and use Safari.
If it works in both Gecko and MSHTML, it's probably fine, I've found. If it doesn't work in one of those, I use Opera or KHTML to find where the problem is. 99% of the time it's with MSHTML and IE.
Quidquid latine dictum sit, altum sonatur.
I don't think there are any decent Mac emulators around. There are, however, decent PC emulators on the Mac.
If that's not an option, then you can't really do anything about Mac/IE, as the Mac and Windows Internet Explorers use completely different rendering engines.
Safari is based around the KHTML engine, and so you can be fairly safe with that browser as long as you test in Konqueror.
Things like Browsercam aren't very helpful, as you can't interact with them, and a lot of bugs only show up when interaction takes place. But if you have no other option, like Mac/IE without owning a Mac, then it's better than nothing.
Even if you aren't bothered about other platforms, virtual machines like VMWare are useful. You can set up a range of them with different screen resolutions, font size settings, Javascript on and off, and so on, so you don't have to keep fiddling with your settings.
If you take the "fiddle with your settings" approach to testing, set up a second account on your workstation for just this purpose. That way, any plugins, settings, etc, that you use for normal day-to-day surfing won't interfere with your testing. Make sure you keep a checklist where you can tick off each combination of settings that you have tested against - you will miss combinations otherwise. You will probably find it useful to install multiple versions of Internet Explorer on the same machine.
Obviously, run your code through HTML and CSS validators, and possibly linters as well. It's a good idea to incorporate validation into your publishing routine - nothing invalid ever reaches the server. If you can't do that, it's a good idea to set up a validator to automatically spider your websites on a regular basis and report any errors to you via email. Alternatively, check out Ben Hammersely's validation RSS feed.
This doesn't help on the Mac end of things, but why worry about having a "linux machine" or dual booting when you can just boot to a live CD distro like Knoppix and test with Konqueror. As long as your PC hardware isn't too funky, this should be relatively painless.
To manually test websites, I run Linux on my desktop. This allows me to test Windows/IE via WINE, as well as Mozilla and Konqueror (which should render like Safari).
It doesn't catch every issue, but it works well for me.
under a pseudonym, of course. If it survives a /.ing it must be fine. :)
Some people have a way with words, and some people, um, thingy.
I do my main development in BBEdit, checking against Safari's rendering engine. As things are shaping up, I'll check it in Mozilla (and variants), Mac/MSIE (we HATESSSS it!), as well as VirtualPC running Windows 2000 to keep ensure things are looking good in Win/MSIE, and lastly Lynx to ensure that content is properly available, despite lack of formatting.
This way I feel I've got all my bases covered.
KHTML (Safari, Konqueror)
Gecko (Mozilla, Firefox, Camino, etc...)
MSIE::Mac
MSIE::Win
Text-based (lynx, WAP, screen readers, etc...)
My Macintosh lets me get everything done with ONE computer on my desk. No need to deal with the upkeep of several boxes, as well as the real estate they'd all require at my workspace.
That is, make sure your design isn't dependent on pixel-level control of everyone's browser as far too many web developers (and damned "content-generator" programs) seem to insist on.
Or in other words, always remind yourself that The Web is Not a Print Medium (Highly recommended, if slightly "fluffy", article). Most of the "hey, it doesn't work/look right in this OTHER browser" problems I've ever seen boil down to the web designer having a pressing attitude that they need to control the users' browsers down to the minutest pixel, and have a pile of browser-specific tricks that depend on recognizing the specific "brand name" of the browser and behaving in a different quirky manner depending on which (of the listed ones) it recognizes.
Many others have already posted the good advice to just "stick to the standards". In case it isn't obvious, that most especially means "don't reference any 'browser quirks' anywhere in your design." Even IE seems to have reasonable support for "standards compatibility mode", so if you stick to standards, you will greatly cut down the potential problems that necessitate testing your pages in 10+ different browsers on 4+ different platforms in the first place.
(The rare individual that really DOES require iron-fisted dictatorial control of the pixel-by-pixel layout of their page shouldn't be using HTML anyway - that's what PDF is for...)
Hacker Public Radio is our Friend
Having said that, I code *really* simply; most of my code, in fact, is just simple junk that I have a few shell or perl scripts spit out, since most of my code constitutes image or photo galleries - rendering text browsers (lynx, links) useless. (Most recent implementation I brought in for another site was Gallery, but the people who make that seem to be pretty sensible - I mean, hell, it puts out code for Netscape for OS/2.)
So after all is said and done, I don't test my code anymore because as a general rule, if it rendered for the last version of $browser correctly, it'll do the same this time, and if it rendered slightly weird, it might continue to do so. And since most of my stuff is simple stuff like tables (the most complex thing in my code tends to be the color implementations for a cell on a table), unless you've screwed with your browser's colors, it'll all come out the same tomorrow if I cruft up another page.
This sig no verb.
I've been working on a new layout for the website at work. The entire office uses Macs, so it's difficult to test on a Windows machine. The only Windows machines are down the hall in a windowless room!
After the last few months, my experience is that Windows IE is the hardest browser to satisfy. The content could look good in every other browser (Safari, MacIE, mozilla, netscape, etc.) but look like complete shit in Windows IE. And don't even get me started about them not having decent png support.
Worry more about making it look nice in IE. I would go home and check the site with mozilla and it looked fine every time.
Lots of good options mentioned so far. Here are a couple more you can try.
Test pages at the local university or library computer lab (depends on what they have available whether or not this will be of use to you). Some schools have separate Mac and PC labs.
Also, in many webmaster forums it's standard practice to ask other users with the browser/platform combination you're missing to test it for you and send you a screenshot.
Most people would die sooner than think; in fact, they do.
Post the links on Slashdot and a swarm of monkeys will proceed to bang on your server...
You will probably never see this as the standards folks will mod me into oblivion, but here goes: if you use the time-tested combination of good old ugly tables and single pixel gifs, your site will look good in almost every browser imaginable. A quick test in Firefox and the latest IE should be all you need to do.
:-)
One exception is to use CSS for the font formatting stuff.
Standards are a great concept, but with web design you need to deal with harsh reality: browsers suck. Look at the source code at the front page of google.com or yahoo.com if you want to see what the big boys are doing.
Wait until Firefox has 95% of the market, then move to standards
slashsearch.org - slashdot search. powered by google.
-
Use Validators and Load Generators to Test Your Web Applications
It is released under the GNU Free Documentation License.Request your free CD of my piano music.
Gecko based browser don't seem to render span width or span height tags where IE does. At least not in the stylesheets. IE and Netscape handle pixels differently, where 100px does not layout the same in both browsers. So in the case you want to use absolute positioning to layout some images and then float text over them it could cause problems. CSS 1 support in all browsers is iffy. CSS2 hardly exists.
Also watch out for handling of things like window.innerWidth, document.all vs document.getElementbyId, etc. Do you need to access the DOM? If you can avoid then you can support more browser.
In my case I am working on a web based applicaiton but I can dictate what the requirements are. SO I have dictated IE 6 NS 7.1. There are some pages out there, start with devedge.netscape.com that talk about what browser support what stuff, and then go from there. Also think about using or creating a client side OR server side browser sniffer to get the useragent string and do some mojo based on that.
Only 'flamers' flame!
Does slashdot hate my posts?
We test on:
- Internet Explorer
- Mozilla and siblings
- Opera
For us this works very well.IE hasn't had any worthwhile rendering engine improvements since version 5, giving it the absolute worst standards compliance of any browser shipped today.
Never forget that IE wan't designed as a developer tool, is was designed to kill Netscape. True to MS form, trying to decipher any of IE's pitiful error messages will only cause migraines.
The W3C stopped development of their own reference browser (Amaya) because Mozilla's standards support is so good.
And stop using dreamweaver. It is incapable of generating compliant code, its javascript library is optimized for 3.x browsers, and no one ever learned HTML by using dreamweaver. It's appaling to me how many people claim to know (X)HTML but don't. Macromedia doesn't really give a damn about standards anyway. DW is also why no one seems to understand CSS... they never see it used effectively. All this and DW uses IE to render pages; see above for why this is bad.
Every so called "web designer" needs have their DW uninstalled and be forced to code pages by hand for a week to see how good they really are.
You can get by with one machine.
Get a Mac G4, max out the disk and memory, install Virtual PC, make disk images of the default versions of each MS OS, back them up, because you'll be referring to them and testing different versions of browsers, OS, plug-ins, etc. on them.
On OS X, you'll get Safari, MS IE, Mozilla, Opera, etc.
You can put linux on Virtual PC, or dual boot the mac, but you can install Gnome & KDE under fink, and Mozilla is cross-platform.
Code your pages to the standards and learn where each browser has bugs. It's a lot easier to code a workaround to something where you know you're dealing with a specific bug than it is to emulate broken behaviour in a working browser.
Visit http://www.positioniseverything.net/
Read up on the browser specific stylesheet hacks.
Only use them as a last resort.
If you're browser detecting, or mandating a browser based on what you think you know about it, then you've missed the points.
People will update browsers. Eventually your pages will be used on browsers that haven't been invented yet.
All your clients will care about is that their site isn't working.
I use the HTML 4 strict Doctype and check it using the w3 validator, and proof it on Netscape Navigator 4.78 and IE 5.0. You might have to make a couple of tweaks for Netscape. That pretty much works 100%.
DO NOT use transitional doctypes. That turns on something called 'tweaks mode' in a lot of browsers - in an attempt to be backward compatable. That usually translates into broken pages.
With something like VirtualPC or VMware, you can run one OS and simulate the rest.
To test Safari and IE5/mac, you'll need a copy of PearPC ( http://pearpc.sourceforge.net/ ) or some other Mac emulator for PC. Generally they're not fast, but PearPC emulates at a 40th speed, which is more than enough for a web browser.
Testing with these 3 will cover 96% of your sites visitors. Testing on a Mac is always a good idea. For large sites, expecting large audiences, you may want to go further. As a web developer, I test with these 3, and that's it. Some people go to great lengths when testing, and all I can say is "you're lucky to have the time and budget to do all that." My personal "bread & butter" comes from $500 web sites that I build in a day or so. I am not going to add another 6 hours of testing to ensure broad-reaching compatibility. Besides, adding links to popular browsers and listing recommended viewing sizes gets you out of trouble.
I write XHTML 1.1/CSS 2.1 code and test it on Microsoft Internet Explorer 6, Mozilla 1.0, Firefox 0.9, Opera 7.5.1, Dillo, Links and Konqueror. Then I get complaints that nothing works on MSIE5 for Mac. If anyone knows how to make IE5/Mac recognize "background:#ff0000" applied to div's, tell me, because I feel like shooting myself about now. Either that, or going out and buying an iMac for the SOLE purpose of testing IE5/Mac (why? an iMac is cheaper than OSX for use with PearPC...).
My Systems
It's important to test at different resolutions, test on systems where the
default colors are set different from what you usually use, test with various
browser settings changed, and so on. This is all at least as important as
testing on multiple browsers.
Oh, and run it through validator.w3.org.
If you do all that, plus view it in MSIE, Gecko, and lynx, you should
be doing pretty well.
Cut that out, or I will ship you to Norilsk in a box.
Msie 5.23 No 44 0.2 %
Msie 5.22 No 88 0.5 %
Msie 5.21 No 4 0 %
Msie 5.17 No 36 0.2 %
Msie 5.16 No 20 0.1 %
Msie 5.15 No 1 0 %
Msie 5.14 No 28 0.1 %
Msie 5.13 No 5 0 %
Msie 5.01 No 404 2.5 %
Msie 5.00 No 1 0 %
Msie 5.0 No 484 3 %
Your Macs are the 5.22 od 5.23 from memory that is a whole 0.7%. People who complain that it doesn't work in IE Mac are invited to upgrade to Mozilla (for free...) and those who do always say thankyou. They keep IE Mac for those pages that don't render in Mozilla.
realkiwi
just write good valid code and include workarounds for i.e.... if it validates its ok with me
If you have nothing useful to say post as AC.
I mainly use Mozilla under Windows for browsing, so it's obviously what I check under first. Plus i've found (between mine and other sites) that Mozilla is less-forgiving over HTML errors, so I tend to catch more of my dumbest mistakes straight away.
My next test tends to be IE - mainly 'cos it's in Windows and i can test it immediately. I've found this is where I pick up on where IE and Moz tend to render certain aspects of CSS differently. I'll then straighten it out, trying to make sure it either renders perfectly under both, or perfectly under Mozilla and fails nicely (i.e. "I can still read the content") under IE.
I then tend to shell into my older Linux box to test under Lynx and Links. The latter allows me to check for formatted plain text, and the former to make sure that even with minimal formatting (no tables or whatever) it's still easy enough to read and navigate.
I also will plug the laptop in and check IE (and now Firefox) on that. My main monitor runs at 1280 but the laptop is at 1024, so I can check that anything that looks fine at my resolution also still works at lower ones.
Next stage is dual-boot over to Linux. Just to make sure that whatever mozilla variant I'm using still renders the site corrently under Linux. Also to make sure that the "if all else fails" fonts (default "serif" and "sans-serif") still produce a readable page.
I should probably check it under stuff like Konqueror at this point.
I don't use Opera myself, but the first thing I do when I put my site live is to get my friend who runs Opera to see how it works on his.
I was never personally impressed by using Opera, so I've no real desire to install it on my own computer for what's basically a spare-time website. Though were I doing professional sites this would not be the case.
For personal curiosity's sake, whenever I'm online elsewhere I do have a look at how my site looks under different setups. Especially those who still insist on using 800x600.
Tiggs
"120 chars should be enough for everyone..."
Keep in mind that even after all the noise about security, IE is still 95% of the browser market. If you spend more than an hour on penny-ante browsers, you're wasting your employer's money.
I do all of my web work on a Mac for a variety of reasons, but the most relevant one is ease of testing. I've got Safari (primary browser) and Mozilla and Camino. I boot Virtual PC to windows 2000 and I've got IE6 and Firefox. I boot Virtual PC to windows 98 (most of the system I work for is still on 98SE) and I've got IE5.something. If/when people come to be with problems on Linux browsers, I'll get create a new Virtual PC linux disk. Best of all worlds all on a Powerbook 17.
We test using the following on web apps:
We aren't currently using an automated tool to test the front-end flow, because we haven't found any good, easy-to-use, and cheap tools that support a modern version of DOM/JavaScript usage. If you know of something that you like and works, I'd love to know about it. I've tried httpUnit, but had trouble setting it up and it didn't support all the DOM methods we were using at the time.
--
Have you read the Moderation Guidelines Addendum
You can pick up an early iMac or late beige G3, capable of running OS X nicely, for very little money. It might need a RAM upgrade, but they use the same sticks as old PCs of the same speed, so that's not going to cost you much. With the help of XPostFacto, you can even get some of the "unsupported" pre-G3 models to run OS X well enough for web-site testing purposes. Personally, I'd suggest spending a little more to get a used 12" G3 iBook (going for roughly $1/MHz on eBay), and get a swell little notebook in the process.
http://alternatives.rzero.com/
If you want control the user experience, then you have to use a well-defined format like images, movies or a proprietary executables, period. Remember: HTML is a just a data format, as opposed to a programming language. There is no such thing as a standard browser, so you cannot define the correct rendering of a particular document. In fact, the stanard permits users to ignore all of your formatting and meta-data if they want. That includes text size/color, images, sounds, style sheets, javascript, flash animations, etc.
Back the the idea of images and movies: For a given image, there is only one valid interpretation of the data. If you don't have a standards compliant gif decoder, you're not going to see the image. The same goes for movies. However, HTML documents have a nearly infinite number of valid interpretations. Therefore, you have two choices:
Don't get me wrong. I'm all for letting people render data however they want. However, I'm realistic enough to understand that the price of letting people choose how to render data is to lose control over what they see.
This goes both ways. If I want you to be able to choose how to display something, I can present the data in a [compact] open format. That saves me bandwith, processing time and review time. However, if I want you to see exactly what I want, then I have to go the extra step and pre-render the data and encode it in an unambiguous format. This costs me time and money, but it gives me control over what you see.
Consider a seemingly unrelated problem: in first person shooters, having an open format allows users to customize their clients. However, this also enables people to cheat by doing wall-hacks, auto-aiming, teleportation, etc. If I want you to see a fuzzy outline of 'something', then I have to control the rendering process -- either by pre-rendering or by having an proprietary rendering engine on your system. Otherwise, you can just remove the 'option' that encourages a blurred rendering. The same goes for browsers.
Either you accept the fact that HTML isn't designed to do rich presentation, or you don't.
If you don't, then you're likely to spend a lot of money paying people to test your content on every platform in existence. And that's likely to exceed the cost of rendering and delivering the data in an unambiguous format; plus, you're still going to end up failing to support someone's browser/configuration. It's a lose-lose situation.
I can hear the screams now: "But what about the people who can't or don't want to use a closed format?" I hate to say it, but you were going to lose those people anyway (in the sense of controlling what we see). If you want us to see your content, give it to us in HTML. We'll worry about how it looks. What you intend and what we eventually see are going to be two radically different things; I can guarantee that.
Vmware.. ..
http://www.vmware.com/
It is worth the coast of a few hundred dollars so you do not have to buy machines causing thousands. Vmware works really well if you only occasionally use the other OSes (like running konqueror/mozilla/safari etc.)
Osho
PS; NO, I am not affiliated with vmware in any ways.
I write to the W3 standards whenever I do a project. My level of irritation over f*ckware (read: Microsoft) and poor rendering determines how much phlegm I add to my pages so they render in non-standards compliant browsers (read: IE).
.01, sarcasm intended.
The fastest way to maintain the crappy software as it is now (read: IE), is to engineer in all the workarounds, tweaks, and eliminate anything above CSS version
The fastest way to get software fixed from any vendor, is to make a site that people want to visit utilizing standards. Open source projects such as Moz will quickly fix very visible bugs. If IE authors ignore fixing their piles of dookie, then people with either gripe about it and accept it, or use a browser that works.
Do you want to sit here and bitch for years to come about the state of things and keep doing work-a-rounds, or do you want software authors to do things the right way and support the STANDARDS?
I use the W3 standards, for personal or corporate sites. I try very hard not to deviate from them just to allow a crappy browser to view my sites.
I'm sick and tired of the "don't use the standards if you want a website people can see" argument. F*ck the broken browsers, get a browser that works or stay in the manure pile of software and crappy websites. Ever notice how "standards" websites usually look better for ALL browsers than the websites that look great for IE and usually are really broken for all other browsers?
Blu3
While it doesn't help with testing sites with a Mac, you can use a live Linux cd such as Knoppix for konqueror and firefox testing. Firefox has a windows port though...so I guess the only benefit is for testing with Konqueror.
Mod points are pointless when you browse at -1.
While the second link you provide is a great resource, the first one isn't really answering the question. First it's not free, so I might as well buy a second HDD and install a Linux. Second it doesn't allow you to scroll down to see the entire pages. Third, you cannot test rollovers and any Javascript you may have.
It is still nice though, but just answers 10% of the question.
Thanks for the links though!
Write boring code, not shiny code!
...whilst no-one actually BROWSES with it; our standards (we are an ISO compliant automotive supplier, we have standards for EVERYTHING, it is so bloody annoying) require all content to be W3C compliant, so we test it with amaya (www.w3c.org) to verify it looks right on the "reference" platform. All our web content is developed for internal corporate deployment.
That being said, they still often have to run down bugs discovered in IE regularly (we would *love* to switch to png, but as IE cant spell alpha channel, let alone implelent it effectively, we stick with jpg), firefox bugs occasionally and the odd assortment of Epiphany/Safari bugs regularly. Since we use a variety of hardware (depending on need), we tend to fix bugs on the intranet content directly (often by building multiple versions of a page depending on the browser in the end) for expediency, not common sense; since we have a shiteload of web development guys and about 3 blokes who are paid to code/bugfix software.
Our typical desktop now has firefox since the Sysadmin finally spat the dummy with lUsers clicking on all kinds of crap. We are slowly deploying firefox across ALL OS's within the organisation to simplify life.
In summary, firefox seems to have the LEAST problems with web content not appearing as expected; but it still doesn't render everything exactly as the standards would have you believe they should appear.
course, I meandered around the point there...
err!
jak.
I'm running IE 4.01, 5, 5.5, and 6 on one XP box as well as Netscape (4, 6 and 7), Opera 7, and Firefox 0.x
Do you mean "Gecko-based browsers ignore the width property of inline elements but Internet Explorer doesn't?" It's hard to understand what you mean when you mix up your terminology like that. Gecko is following the specification, Internet Explorer is not:
There's no way of getting reliable results from that, as User-Agent headers are routinely spoofed or missing, and Javascript is often switched off by many people.
Since setting your useragent to "googlebot" will allow you access to more and more sites without logging in this might be the next big browser in the browser wars.
on a mac you could install virtual pc, then test win, linux, and mac all on one. duh!
I use QTP and Load Runner. It may be high end but my company gives whatever tools I need to get the job done.
I personally would modify a web site to avoid having a gorilla that big barf on me. Standards or no. RMS might strenuously object -- but I doubt any of us would want to be near him when he does.
Obviously its not that hard to understand what I was talking about, cause you got it. The point was not which browser was right, the point is that they differ.
Yes I know, you got this from the spec. To me this is more confusing. What is a non-replaced in line level element?
Lastly if someone comes to a web site and decides to spoof a useragent, then their browser better be able to render the content like the useragent they are spoofing.
However in the dom there are otherways of spoofing out a useragents capabilities. EG:
if ( document.getElementById ) { do your document.getElementByID }
A web browser cant fake that kind of sniffing.
Only 'flamers' flame!
Does slashdot hate my posts?
It seems to be only CSS2. So I think that the issue is that Gecko based browser are using CSS2 rules and IE is still supporting CSS1 where it does not specfiy this.
Only 'flamers' flame!
Does slashdot hate my posts?
Well I had to re-read your post a few times to work it out, and I had to ask to be certain. It's a lot easier to just use the right words in the first place.
Well the whole point of the specification is to get all the browsers agreeing on what stylesheets mean. If one browser ignores the specification, and the resulting mismatch causes you problems, then the fact that the browser is ignoring the specification is very relevent.
The section of the specification I referred you to had links to their definitions.
You missed off the second part of my sentence, "User-Agent headers are routinely spoofed or missing ".
Of course, and sniffing a visitor's capabilities is a good technique to use. But your initial response explicitly referred to detecting the user-agent. Those are two different ways of approaching the same problem.
Yes it does.
So what about div's? Aren't they also replaced elements? Aren't they supposed to allow setting of width and height?
Only 'flamers' flame!
Does slashdot hate my posts?
.. use their validator....http://validator.w3.org/
Only 'flamers' flame!
Does slashdot hate my posts?
No, elements are usually block-level elements, so that is why you are able to suggest a width or height for them.