Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
ive been making a website for a charity i volenteer with and want to check it for browser compatibility so ive been using browser shots website to show me give me images of what the site looks like in diferent browser configurations
my question is how much backwards compatibility should i be looking for ive currently been aiming for the last 5 versions of the major browsers so ie chrome firefox opera and safari is it neesary to make sure the last 5 versions are suported or should i be aiming to make say the last 2 versions or even more compatible the code is most likeley compatible with most versions but some parts like rounded corners in css i know arnt suported so most people with older browsers may not see it corectly should i make it viewable for them or just have a pop up box lil youtube that says your using a older browser for best results use a newer browser and link them to it
We practice supporting IE 6, 7, 8, 9, Firefox 3.6+, Chrome 15+
And we test by using virtual machines with the actual browsers installed.
But its best to look at who is visiting you site, and cater to what they use. I.e. use Google Analytics to see which browsers are you most popular and focus on them first.
It depends mostly on your target audience actually. Non-IE browsers aren't a big problem when going down the versions, so you might notice that even the last 5 versions of them are rendering the page completely, or almost-completely (no major flaws) the same. What you want to take care of is IE. With the current version 9, it's still unbeliveable that some people are still using IE6, but that's a sad truth. You just need to see if it's worth optimizing your website for oldies like that one. A link to a newer version seems like the best solution and there are even some plugins for this that immitate the native IE info toolbars.
Also, be careful with html5 and css3.
UPDATE
See some helpful info here.
Ideally you should use a tool like Microsoft Expression Web SuperPreview. This provides you with a view of your site side by side in your locally installed browsers. There's also a premium service whereby it will compare your site in a complete range of browsers and versions for comparisson.
Try browsershots.org.
It is a nice website that outputs images how your website looks in other browsers.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I Know this is common question in web Development but what what should be things that i must take care while developing a HTML website? Why does my site look different on different browsers, till now i checked it on Chrome and Firefox. So dimensions on both were too different. Is there any specific code for CROSS BROWSER compatibility ?
I would develop for one browser and worry about cross browser compatibility later. Most of the differences are between WebKit browsers (chrome, Safari, opera), internet explorer browsers (8,9,10,11), and Firefox. I would recommend developing on one browser, and then checking your site in others afterwards. I doubt you will have too many things to fix. Mostly there will just be styles that may not work the same way on certain browsers. One thing to keep in mind is that your site will probably never be perfect in every browser. For the websites I design, I have a list of browsers I support. There are things that just won't work on ie6 and not enough people use it to make the effort worthwhile. A good rule is to worry about the latest version of each browser or the latest few versions. As you can see, there's no simple answer, just make sure to check your work.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I know this is an opinion based question but I am hoping to dodge being closed because its not a personal taste question.
Which browser should i develop against that will show me that my code is most likely compatible across browsers? In other words, Which browser is the most strict on code? i.e. chrome seems to be the least strict..
My experience recently has been 0 bugs in chrome = 49 bugs in IE. I was wondering if I develop against IE would it be something like 0 bugs in IE = 11 bugs in chrome?
Using one specific browser to try and see how compatible it is with other browsers just doesn't really make sense. You should develop in a modern browser using standards compliance and best practises and then test in all browsers to ensure cross browser compatibility and graceful degradation in older browsers.
Google Chrome and Chrome Canary are widely considered the best browsers to develop with but modern versions of Safari and Firefox are also good.
You should develop for as many browsers as you reasonably can or want to target. Browsers aren't ordered by stringency; they each have their own quirks and oddities when it comes to the standards. So, assuming that something works in one browser (even the "most stringent") doesn't guarantee anything about what it looks like in another.
Standard code will work on any major browser. I develop on chrome and then check it against Internet Explorer. IE used to be terrible at being standards compliant but is much better in recent releases.
If it works in IE 7 or 8 without any IE hacks then it should work everywhere.
Of you use a framework like Twitter bootstrap and jquery then it should look the same in all browsers. And it would be easiest to keep up to date.
Lynx.
It's still in active development. Still has a small user-base. And it doesn't support JavaScript, Flash, images, or video.
If it works in lynx, it works on any remotely recent browser.
If you're not concerned with that level of compatibility, you're generally safe developing for the lowest popular version of IE among your site's visitors, using MDN or some other non-Microsoft reference as your resource (so as to avoid using IE-only features).
Well,
I call it not for nothing Internet Exploder. IE is a major pain in the ass, especially IE7 and 8. If you can get it working there, well lad, than you are ready for big projects.
Besides, check your site stats (with Google Analytics perhaps) and see which browser your users are using.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I built a site for a small business and it looks great and they love it. Everything is fine up until we notice that older versions of Internet Explorer (8 and older) can't view the site. It looks completely messed up. I used Bootstrap which uses CSS3 and HTML5 elements.
What can I do about this? I don't want to remake the entire website.
You need to use an HTML shiv so older versions can tell what the new HTML5 tags are. For the use of CSS3, you need backup images or something for older versions to fall back on.
html5 shiv
How to use
More current info
HTML5 Shiv IS A MUST FOR OLDER BROWSERS! This is why your site looks crazy. Older browsers don't know what a nav or header tag is so it will not display any of those styles.
It depends... some CSS can be emulated quite nicely with css3pie, check www.css3pie.com.
But if it's not enough, you may have to convince your users to switch to Chrome, Firefox or Safari.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I want a software which installs most known browsers including ie 6 , and let me test my website like i'm on a browser to fix my css and make it cross browser. i know the online tools which gives you screenshots but that's not enough for me.
I need atlast to test it in IE 6/7/8 & Opera & Webkit
is there any similar software?
Well if online tools like this one are not enough, than you basically are looking for local tools, right? Why not use the browsers themselves then? Opera and Webkit should be accessible to anyone, as far as IE goes, there's a plugin for Chrome that renders like IE AFAIR (and there's a Chrome plugin for IE too).
Microsoft Expression Web with Super Preview
Maybe this will work for you: http://seleniumhq.org/.
Download and install the web browsers you want to test in. To run multiple Internet Explorer instances you can use IETester: http://www.my-debugbar.com/wiki/IETester/HomePage
You can try this : http://spoon.net/browsers/
We developed Browsera, a cross-browser testing service, with exactly this scenario in mind. We go quite a bit further than screenshots because Browsera automatically detects potential layout problems as well as functional problems such as scripting errors reported by the browser. While we don't cover as many browsers as Browsershots, we cover those most commonly used by the community. Opera and Chrome support are coming soon.
LitmusApp, Browsershots, Superpreview, and Browserlab are all screenshot-based tools and don't do any problem auto-detection.
Cloud Testing – http://www.cloudtesting.com/ – offer a functional website testing tool that allows you to test your websites from the cloud. Enterprise users can download an agent which allows access to your local resources, i.e. inside your firewall/network.
It is based on Selenium, and allows you to capture scripts in the Selenium IDE plugin for Firefox, and then upload onto our servers for running.
We currently support the following browsers:
Firefox 2, 3 & 3.5
Internet Explorer 6,7 & 8
Safari 3.2 & 4.0
Chrome 2 and 3
Opera 9.6
With all of the above we capture full screenshots (i.e. of the browser window, not just the OS window), store the HTML and details of components on each page, along with timings and HTTP request and response headers. All of this is available to view via the results portal.
A free 7 day trial is available.
If you are looking to have multiple browser versions in your Windows environment, check this question: Cross-browser testing: All major browsers on ONE machine
Aim of this guide:
Running multiple unmodified native versions of Internet Explorer,
Safari, Opera, Chrome and Firefox on a single machine, side-by-side.
you can try these websites:
http://browsershots.org/
https://browserling.com/
http://browsersnaps.tk/
http://netrenderer.com/
For cross browser Testing tools
http://browsershots.org/
http://www.lunascape.tv/
http://www.browsera.com/
http://spoon.net/browsers/
http://www.netrenderer.com/
http://vanamco.com/ghostlab/
http://www.anybrowser.com/siteviewer.html
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I am looking at HTML5 information at W3. Some of the new functionality seems interesting.
Which browsers support it?
How can I ensure that I am using HTML 5?
Is there a way to be told that "there is an HTML 5 command you should be using" if I use something in HTML 4 or what not?
HTML 5 Canvas is supposed to allow a lot of Flash type functionality no?
AFAIK, webkit-based (safari, chrome, etc.), firefox, opera, and IE 8 support some, not all, of the HTML 5 features. Things like video are inconsistent as Apple/Webkit want H264, which mozilla is against (they prefer ogg or something) because of licensing issues.
Use feature detection and the HTML5 doctype. I'm not well read, but you can read up some here.
Canvas is supported by all browsers -- except IE, but Google provides excanvas to allow IE to support canvas (it's slower than a native implementation). Canvas provides a location to directly draw on the screen.
For some examples of canvas usage see processing.js and Bespin. Canvas is definitely capable for drawing at a decent speed, excluding the useless IE.
There's information in the WHATWG spec itself, look for the browser icons in the boxes to the left of each sections. And there's the Wikipedia page, which should be quite up to date (disclaimer: I do a lot of the maintenance there).
The best guide to HTML5 compatibility I have found (by a mile) is this:
http://a.deveria.com/caniuse/#agents=All&eras=All&cats=HTML5&statuses=rec
A general info and other resources can be found here:
http://prezi.com/vo2ommkmkl_w/
HTML 5 Browser Compatible Charts with detailed info
http://www.findmebyip.com/litmus/
Which browsers support it?
HTML isn’t one thing. Different browsers support different parts of it.
Mark Pilgrim’s Dive into HTML5 is a good reference.
How can I ensure that I am using HTML 5?
http://html5.validator.nu/