Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › CSS: Cross Browser Testing
New Posts  All Forums:Forum Nav:

CSS: Cross Browser Testing

post #1 of 11
Thread Starter 
Cross browser testing is a pretty time consuming and painful process for the web. As a designer if you want 100% compatibility you've got to test your sites in IE6, IE7, IE8, IE9, Firefox 3.6, Firefox 4, Safari 5, Opera 11, and Chrome 11. And that's only for PC! Then there's Firefox 3.6, Firefox 4, Safari 5, Opera 11, and Chrome 11 for Mac... (yes, Firefox 4 for PC, and Firefox 4 for Mac can render pages differently)

Once the CSS is looking good for the web, you'd think that it's all finished. But in truth, you've still gotta test each and every one of those browsers out for how the print layout looks. The layout may look great for the web on all of the browsers, but if the user tries to print and fax in an order form that can be a whole other story...

So the reality of the situation is.. I can't get by with image preview comparisons alone. I need something that I can test the sites with in the exact environments without spending a fortune on multiple workstations.

What would you recommend?
Parallels for Mac and then run multiple copies of Windows for the PC browsers? This is the only solution that I can really come up with to get the best of both worlds. Or is there something better?

Thanks,
My System
(15 items)
 
HTPC
(8 items)
 
 
CPUMotherboardGraphicsRAM
Intel i7 2600K Gigabyte Z68X-UD3H-B3 MSI GTX480 Lightning 8GB Patriot G2 Series Division DDR3 @ 9-9-9-24 ... 
Hard DriveHard DriveOptical DriveOS
10TB 7500RPM SATA3 64GB Crucial M4 CT064M4SSD2 (Boot Drive) Lite-On IHAS124-04 DVD RW Windows 10 Ultimate 64-bit 
MonitorKeyboardPowerCase
Dual Screen (x2) Dell UltraSharp U2412M 24" IPS... Apple Keyboard (A1243) Antec Truepower New 650W Modular Corsair Carbide Series 500R 
MouseMouse PadOther
Logitech MX Anywhere 2 None Cooler Master Hyper 212+ 
CPUMotherboardGraphicsRAM
AMD A6-5400K MSI FM2-A75MA-E35 AMD Radeon HD 7540D 8GB Patriot G2 Series Division DDR3 @ 9-9-9-24 ... 
Hard DriveHard DriveOSCase
64GB Crucial M4 CT064M4SSD2 Toshiba HDKPC08 3TB SATA3 7200RPM 32MB Cache Windows 8 Professional 64-bit Apex DM-387 mATX HTPC Case w/ 275W PSU 
  hide details  
Reply
My System
(15 items)
 
HTPC
(8 items)
 
 
CPUMotherboardGraphicsRAM
Intel i7 2600K Gigabyte Z68X-UD3H-B3 MSI GTX480 Lightning 8GB Patriot G2 Series Division DDR3 @ 9-9-9-24 ... 
Hard DriveHard DriveOptical DriveOS
10TB 7500RPM SATA3 64GB Crucial M4 CT064M4SSD2 (Boot Drive) Lite-On IHAS124-04 DVD RW Windows 10 Ultimate 64-bit 
MonitorKeyboardPowerCase
Dual Screen (x2) Dell UltraSharp U2412M 24" IPS... Apple Keyboard (A1243) Antec Truepower New 650W Modular Corsair Carbide Series 500R 
MouseMouse PadOther
Logitech MX Anywhere 2 None Cooler Master Hyper 212+ 
CPUMotherboardGraphicsRAM
AMD A6-5400K MSI FM2-A75MA-E35 AMD Radeon HD 7540D 8GB Patriot G2 Series Division DDR3 @ 9-9-9-24 ... 
Hard DriveHard DriveOSCase
64GB Crucial M4 CT064M4SSD2 Toshiba HDKPC08 3TB SATA3 7200RPM 32MB Cache Windows 8 Professional 64-bit Apex DM-387 mATX HTPC Case w/ 275W PSU 
  hide details  
Reply
post #2 of 11
Could this be what you're looking for?

http://crossbrowsertesting.com/
Primary PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II 720 (2.8 ghz) BIOSTAR A780L3L (AM3) MSI GeForce 9800GT G.Skill Ripjaws Series DDR3 1600 (8GB) 
Hard DriveOSMonitorPower
Crucial M4 64GB / Samsung F3 1TB Windows 7 Pro (64-bit) Dell SP2309W (2048x1152) PC Power & Cooling 610W 
CaseMouse
Cooler Master Elite 430 RC Logitech MX518 
  hide details  
Reply
Primary PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II 720 (2.8 ghz) BIOSTAR A780L3L (AM3) MSI GeForce 9800GT G.Skill Ripjaws Series DDR3 1600 (8GB) 
Hard DriveOSMonitorPower
Crucial M4 64GB / Samsung F3 1TB Windows 7 Pro (64-bit) Dell SP2309W (2048x1152) PC Power & Cooling 610W 
CaseMouse
Cooler Master Elite 430 RC Logitech MX518 
  hide details  
Reply
post #3 of 11
You can ignore IE6. Nobody is using that anymore. (And the people who are don't count, unless they're paying you, and if that's the case, you should have run like hell instead of taking the money.)

Anyway, there are several sites which do this. Browsershots is one of the better known ones.
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #4 of 11
Quote:
Originally Posted by error10 View Post
You can ignore IE6. Nobody is using that anymore. (And the people who are don't count, unless they're paying you, and if that's the case, you should have run like hell instead of taking the money.)

Anyway, there are several sites which do this. Browsershots is one of the better known ones.
You certainly cannot ignore IE6. So many businesses are still running XP with specialist software built into IE6. At work, we have numerous big brand clients with staff using IE6, simply because the software they paid thousands for a few years ago still works and won't if they upgrade.

If the site you are designing is there to generate revenue, you cannot just cut your target market. IE6 in general plays OK, the main problematic things I have found from working with it is script processing (specifically JS) and re-direct links (I.E. re-directing from a tracking link).

But IE6 is still something that you should take into consideration when designing.
post #5 of 11
Adobe BrowserLab
https://browserlab.adobe.com/en-us/index.html

It's free if you sign up now.
    
CPUGraphicsRAMHard Drive
Intel Core i7-4650U Intel HD Graphics 5000 Samsung 8GB DDR3 Samsung 512GB SSD 
OS
Macintosh OS X "Yosemite" 
  hide details  
Reply
    
CPUGraphicsRAMHard Drive
Intel Core i7-4650U Intel HD Graphics 5000 Samsung 8GB DDR3 Samsung 512GB SSD 
OS
Macintosh OS X "Yosemite" 
  hide details  
Reply
post #6 of 11
I don't have a lot of sympathy for businesses which put up IE6-only intranet sites. They knew what they were doing, or they should have if they had done due diligence. Now they have until April 8, 2014 to pay the price. Maybe even sooner, since much modern software has already dropped IE6 support.
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #7 of 11
Quote:
At work, we have numerous big brand clients with staff using IE6, simply because the software they paid thousands for a few years ago still works and won't if they upgrade.
Way to think ahead.
Viking
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 2500K @ 4.8 GHz 1.45V P8Z68-V GEN3 [2x] EVGA GeForce GTX 570 SLI [2x] Kingston HyperX 4GB 1600MHz 
Hard DriveHard DriveCoolingCooling
Crucial M4 128GB [2x] WD 320GB XSPC Single Bay Reservoir Swiftech MCP655 
CoolingCoolingOSPower
XSPC Raystorm XSPC EX240 Windows 7 Pro 64-bit Corsair HX850 
Case
Corsair Obsidian 650D 
  hide details  
Reply
Viking
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i5 2500K @ 4.8 GHz 1.45V P8Z68-V GEN3 [2x] EVGA GeForce GTX 570 SLI [2x] Kingston HyperX 4GB 1600MHz 
Hard DriveHard DriveCoolingCooling
Crucial M4 128GB [2x] WD 320GB XSPC Single Bay Reservoir Swiftech MCP655 
CoolingCoolingOSPower
XSPC Raystorm XSPC EX240 Windows 7 Pro 64-bit Corsair HX850 
Case
Corsair Obsidian 650D 
  hide details  
Reply
post #8 of 11
Add "Requires internet explorer 6 or later" to the foot notes...

seemed to work for the air force >.>

I know I'm just trolling but in all honesty I respect what your going through as I just got out of a web development job.
Nightshade
(20 items)
 
  
CPUMotherboardGraphicsGraphics
i7-4930k Asus Rampage IV Extreme EVGA - Titan-X Superclocked EVGA - Titan-X 
RAMHard DriveHard DriveHard Drive
64 GB Corsair Vengance DDR3 OCZ Agility 3 Intel 540 240GB 7200 RPM Platter Drive 
Hard DriveCoolingOSMonitor
1TB Mushkin SSD Watercooled Windows 10 Pro x64 ASUS ROG Swift 
KeyboardPowerCaseMouse
Razer Black Widow Chroma Corsair RM1000 Corsair 900D Razer Deathadder Chroma 
Mouse PadAudioOther
Steelseries Soundblaster Z Speakers: Logitech z5500 
  hide details  
Reply
Nightshade
(20 items)
 
  
CPUMotherboardGraphicsGraphics
i7-4930k Asus Rampage IV Extreme EVGA - Titan-X Superclocked EVGA - Titan-X 
RAMHard DriveHard DriveHard Drive
64 GB Corsair Vengance DDR3 OCZ Agility 3 Intel 540 240GB 7200 RPM Platter Drive 
Hard DriveCoolingOSMonitor
1TB Mushkin SSD Watercooled Windows 10 Pro x64 ASUS ROG Swift 
KeyboardPowerCaseMouse
Razer Black Widow Chroma Corsair RM1000 Corsair 900D Razer Deathadder Chroma 
Mouse PadAudioOther
Steelseries Soundblaster Z Speakers: Logitech z5500 
  hide details  
Reply
post #9 of 11
i will be using broswerlab with Adobe CS 5 soon
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #10 of 11
My personal preference is to just bite the bullet and set up a few extra machines. It's a bit more work at the outset, but once you set them up, it's easy to test and you can use them on future projects.

Programs like IETester exist to render sites using engines from old versions of IE, but I haven't found them to be as reliable as the real deal. Same with VMs. I ran into a weird bug on my last project where an XP install on VirtualBox wouldn't render polylines on Google Maps in IE6 & 7, even though it worked fine natively. If you don't have access to Macs or extra machines, VMs would still be your best bet.

If you have Windows 7, you could give XP Mode a shot. It's basically just Microsoft Virtual PC, but I've used it successfully in the past.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › CSS: Cross Browser Testing