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
Related
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.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I am doing a project, which is a website and my plan is to write every html,css,javascript in notepad++, checking everything in google chrome all the time and when i am finished I will test from the start with IE (which is the most difficult) and the other known browsers and I will correct any issues (with the known methods).
My question is this: Which do you think is the best browser for this work? Which is most compatible with the others, so I won't have to do much work after finish my website on this and correct it for the others? In a few words, which browser is most cross borwser testing material?
Thank you in advance.
I would sudgest using Mozilla Firefox for playing with HTML / CSS.
One great thing it has is the FIREBUG add-on, which can be more tnah usefull while building your website. Check it out on https://addons.mozilla.org/en-US/firefox/addon/firebug/
You're doing it wrong - it's far easier to fix cross-browser issues as they occur, rather than have to tear through a complex project for a minor issue.
IE6 and IE7 can be safely discounted - as no-one uses them anymore. IE8 is the latest first-party browser for Windows XP and should be tested - it doesn't have any layout bugs, but doesn't support many CSS3 features like rounded-corners - so you might want a fallback stylesheet.
Firefox and Chrome are both very bug-free and have excellent CSS3 support, but have different styling defaults, so I strongly suggest using reset.css: http://meyerweb.com/eric/tools/css/reset/ as this irons out any potential issues.
I suggest Chrome.
1) It's the most popular browser.
2) It's got excellent developer tools.
3) It's webkit so you've also pretty much got Safari covered as well and webkit is also the foundation of most mobile browsers out there (Android/iOS).
IE 10 and Firefox are very similar to what Chrome will show as they're modern browsers. Then you're left with IE8, which I argue these days it's best not to worry about making it look perfect, just make it look good enough. Consider asking yourself what "support" means. I argue supporting an old browser means the site works, not that the experience is the same as Chrome.
Personally I would suggest Firefox - I find firebug invaluable (I've never been able to get along well with Chrome's dev tools) and it commands a reasonably high market share.
That said, if you find Chrome's dev tools good, it may be better to use Chrome (as has already been said, this covers you for Chrome + Safari, which is about 35-40% browser share)
Really it depends on personal preference, try both and see which you prefer.
As a web developer, you must be able to view your website/pages and easily debug it. Therefore, using Chrome is your best bet.
1. Built in Dev Tools.
2. Webkit. This is mostly supported on Safari as well.
3. A great browser to play around with. You can make all your fancy css3 stuff and test it out. If you like it, you can eventually add those to other browsers with javascript/jQuery.
4. Many many extentions. Though there just about the same amount of useful ones on Firefox, Chrome is IMO the best and most supported.
My list of Plugins:
- Chrome Sniffer - shows the framework a site is using... great for curiosity when browsing the net.
- Cloud Save - Lets you save files from websites to your cloud service of choice... great for web idea/resource browsing as well.
- Code Cola - Edit a section on your webpage directly for testing... like Chrome Dev tools but more direct.
- Eye Dropper - A must... lets you pick colors from webpages and find their various color codes.
- IE Tab - If you have windows, this is a great tool to have so you can view IE view inside Chrome.
- IPCV(Image Property Context Viewer) - See image values and such.
- Measureit - Find the dimensions of objects/classes/etc.
- Palette - Click on an image and it generates a palette from it.
- Resolution Test - A must have... check to see how your site displays on various browser dimensions.
- Session Manager - Save all your tabs for another session of Chrome.
- Web Developer - It does just about anything a Web Developer would need to know/test.
- WhatFont - Find out what font a website uses.
There is my qualities for Chrome... hope it is helpful!
Why pick one? If you include live.js and do your development with a locally running web server and then have your page open on all browsers you are testing against, the live.js code will automatically refresh the page every time you save a CSS, HTML or JavaScript file. You just have to add this line of JavaScript to the top of the page:
<script type="text/javascript" src="http://livejs.com/live.js"></script>
Also checkout IETester it lets you run multiple IE Rendering engines on a single PC (great way to test IE5, 6, 7, 8 and 9 (all on the same computer))
IE is the best for testing. here u can solve your design issue easily in compare of any other browser.
I recommend downloading Visual Web Developer 2010 Express (which is free), coding it there and checking you work with Chrome developer tools or Firefox firebug. In my opinion they are the best dev tools out there. Coding with Visual Web Developer express will be much easier as it has Intellisense built in and will save you lots of time. If you want to check your code for validation, use the W3C markup validator.
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.
Recently users of my website complained about the lack of support to IE6\7.
Is there an offline tool to test if a page-HTML isn't compatible with a specif browser and where is the problem?
Where can I find a list of things I need to be aware of in order to support IE6?
Update: The problems the users describe are in the UI, <Div>are not in the right places and that kind of problems, not JavaScript issues.
I can't force the users to upgrade theirs browsers.
IE6 is an ancient browser. Tell people who complain about lack of support that it's no longer supported and they should upgrade.
There is no "syntax checking" tool to find all incompatibilities, because the problems are not in syntax but how it's interpreted. There is no way around visual testing I'm afraid.
Here are some interesting SO questions on the topic:
One fix for all IE6 problems
How are programmers tackling ie6 bugs these days?
Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine
IE tester is useful for testing across version of internet explorer. It may not tell you what is wrong but you will at least be able to see / verify what users are reporting.
http://www.my-debugbar.com/wiki/IETester/HomePage
I have some offer about this for you :
Try to use Jquery more,because Jquery is compatible with most browsers
there are 3 useful addons for Mozilla : Firebug , Web Developer , IE tab
IE 9 has a developer windows that you can change your page standard into IE 8 or 7
Use syntax liek this :
<link rel="stylesheet" type="text/css" href="Styles/ie-fix.css" />
maybe this is useful dude for you :)
If your users are complaining about IE6, you should give support to IE, thats theory. BUT, if possible do as google has been doing for years, if the user is using IE6/7 or lower show some links to download newer browsers and tell them that their browser is too old.
You can use a seperate stylesheet for IE.
There is a third party software named Utilu. Utilu IE Collection contains multiple standalone versions of the browser Internet Explorer, which can be used at the same time. It has more than 10 versions of IE. But its used for viewing the web pages. This software also has firefox and chrome collections.
I am working in creating a website and I want to check in multiple browsers for Browser Compatibility test automatically by using Automated Test Tool. Do you guys know if there is any software/tool where I can just give a link and it loads the page in multiple browsers?
I've used Browser Shots before and it's ok if you don't mind waiting for an hour or two.
I'd also recommend checking out some of the links on Delicious.
You're looking for litmus, from the people who brought you doctype, part of the League of Justice. 14-day passes to test your layouts in 24 browsers currently cost $39.
I'm a fan of XenoCode's "Spoon Browser Sandbox" myself.
You can use Selenium RC (Selenium 1) or Selenium 2 (WebDriver) for automated test. But You have to record the test using Selenium IDE on Firefox browser and writing some tests on it. Selenium supports FF, Chrome, IE, Safari and Opera.
If the website is publicly visible then there are web based services that you can use such as http://crossbrowsertesting.com/.
If your website is internal only, then you're going to struggle to find support I think. We tried to find one but all we found were services that require a publicly visible website - no good for testing pre-go-live.
Are you talking about a compatible design or compatible JS? Because AJAX functionality is difficult to test with the usual cross-browser tools.
For the latter, look at httpUnit, though I'm not sure it can simulate multiple browsers.
There's Microsoft Expression Web SuperPreview, but I haven't tried it so can't comment on if it's good or not.
Their opening quote makes me laugh though, mainly because of how sucky IE6 is:
About 7 years ago, the browser wars
were over. Internet Explorer had
become the de facto standard, and for
a while, there were very few
compatibility issues in web page
design.
Check it out though, might be worthwhile. Especially if you are a .NET developer, however it might be useful to web developers in general.
Adobe has BrowserLab. It requires an Adobe account (free) and gives you Firefox 2.0 - 3.5 (WinXP, OSX), IE 6-8 (WinXP), Safari 3-4 (OSX) and Chrome 3.0 (WinXP).