Test browser compatibility in an easier way - browser-testing

When I develop web-based applications or websites, I need to test browser compatibility to make sure that every browsers like IE, Firefox, Opera, Chrome, and Safari display the expected result.
I find that it is difficult to test across many browser because I have to open many browser or window at a time. Then, have to press [ALT + Tab] to switch between browser and [CTRL + R] to refresh it to see the result.
Now I'm looking for an easier and faster way to test my website, maybe there is a software that can contain many in one browsers, and you can switch them only by pressing a single click to what browser you want to use.

Microsoft Expression SuperPreview. Alas, it is not free!

Its not interactive, but I found nothing as fast and reliable as the BrowserLab from Adobe.
https://browserlab.adobe.com/
The best feature is the onion-skinning support, with auto align (type A).

Lunascape is a browser that allows you to switch between Trident, Webkit and Gecko; so it may be of some use for testing how a page will render in different browsers. I use it extensively, though I also test in all the main browsers (at various versions) as well.

Related

MAC OS X Yosemite: Safari Settings

I want my homepage (from opening the browser) to be one thing, and then any new tabs defaulting to another page.
I don't like the "Favorites" page. I tried a tutorial on Wikihow and it didn't work.
Is there a file I need to change around to get what I want? I'm a college student on the go in a research class, and I'm tired of opening the pages when I need it! I'd rather it be there ready for me.
Peace! :3
You can get chrome to open on a specific set of pages!
https://support.google.com/chrome/answer/95314?hl=en
Chrome is a great browser, you should check it out!
I was suggested by jimmyfund to use Chrome, but I've had no success with it on the OS X. I guess Safari does not support it regardless, so I'll just use Firefox for now. It's slower, but I hope it speeds up in time.
Safari has been the fastest browser to remain functional on my OS X. Firefox's only issue was it being slow.

Show JSON in Opera

I'm looking for an easy way to show a JSON-like response from our server in Opera. It should be easy to read, e.g. in a tree-like fashion.
If I use Dragonfly I only get to see the response wrapped in an HTML-body element.
Is there a plug-in out there? What do you use for this? I'm using Opera 11.50.
I know I could use Firefox and its plug-ins, but it would be much more useful in Opera.
Did you check addons.opera.com? There is one called JSONViewer.
Check "Source" extension for Opera, it shows and highlights a lot of formats (incl. JSON).

target form to specific browser tab

Is there a cross-browser compatible way to post a form in one tab of the browser to another (which I know is open and is of the same domain)?
I tried window.name='some_name'; and target='some_name' on the form, but this does not seem to work. Am I missing something?
There is no standard to how tabs are handled via javascript, so you are out of luck.
Most browsers these day also make sure each tab is segregated/partitioned from others, as much as possible, so this is unlikely to change in the recent future.
The closest you can get to posting to a different page is to use AJAX, or possibly using frames.

How do you handle very old browsers on your site?

We have a non-profit web site that got about 5 million hits in May. Of those, about 5,700 were from IE 5.x or lower; about 4,000 were from folks with Netscape 4.x or lower. We know that the current site's layout works for newer browsers and we're testing it on IE6 as well (along with Chrome, Opera, Safari, and Firefox). How do you handle the folks with the older browsers? Because of jQuery libraries and such, the pages might not function correctly on those old browsers.
Is there an easy way to show a text-only version on browsers that can't handle the CSS and jQuery goodies? How do large sites handle this sort of thing? I've used the #embed to hide the stylesheet from Netscape 4.x, but not sure beyond that.
You should not keep the old browsers as your main priority - just keep the content readable on them, and maybe add a helpful banner that explains they are using an outdated browser.
However, you don't have to focus on getting the layout look 100% same on browsers that old, that's just waste of time. As long as the content is available and they can navigate the site, it should be fine.
Make sure that all content is accessible and readable from a browser like Lynx, and no content requires Javascript to read & access.
I would suggest designing for disability accessibility and seeing if that would produce those results as well - kill two birds with one arrow.
If you use tableless / css based design techniques then you can easily fall back to text only.
You could use conditional comments to only include css files in certain version of internet explorer.
You could use jquery version checking to only execute it on the versions you want to.
Something else I just thought is that you could show a message to older browsers like I have seen around the web urging the user to upgrade for compatibility and most importantly SECURITY. (I think twitter is doing this now).
And another thought - if you are going back to browsers that old you are probably going to have to worry about screen size as most sites as designed to fit 1024 x 768 minimum these days but at once point 800x600 was the entry level...
Here is what Big G has to say about it :)
http://googleenterprise.blogspot.com/2010/01/modern-browsers-for-modern-applications.html
They are going to stop supporting IE6...

I want to use VI-like commands in Web Browser?

I love VI and I'm looking for a plugin of some sort that would allow me to input text in my browser (preferably Firefox or Chrome) using VI commands. It would save me an immense amount of time and at the same time when writing long emails. Can anyone think of any plugins that would allow me to do this? I was hopeful with Vimperator (https://addons.mozilla.org/en-US/firefox/addon/4891) but after installing it, I realized that it didn't do the one VI think I wanted to do: create or edit a text box with VI commands. It just allowed me to do Browser commands and scrolling in VI-style.
since you have installed Vimperator , you can try this :
se
editor=”YOUR-GVIM-PATH/vim72/gvim.exe
-f”
Press Ctrl + i to call gvim to deal with the text you want to edit.
I've had great luck with itsAllText firefox extension. Probably not as smooth as your dream, but it works very well in practice.
https://addons.mozilla.org/en-US/firefox/addon/4125
I've been using the Mozex extension for Firefox for years.
http://mozex.mozdev.org/
Once installed, on the "Textarea" tab, assign a hot-key and enter the command to run. For example:
gnome-terminal -e "/usr/bin/vim %t"
When the hot-key is pressed, Mozex will create a temporary file and replace the "%t" above with its name.
If there's more than one text area on a page it will allow you to pick which one you want to edit.
Mozex provides a lot more functionality than just text area editing. If you want to "view source" with Vim, you can do that too.
I've used jV for a while on firefox. It works even with newer versions that the extension doesn't officially claim to support. The dev says they are working on a chrome version.
Currently the Chrome Extensions API is fairly simple; I simply don't think that there are currently enough API hooks into the browser to be able to support something like this.
You might want to check out the confusingly-named Conkeror browser (not the same as Konqueror in Linux), which is best described as the love child of VI and Firefox. It's like VI with the Gecko rendering engine (I think).

Resources