<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks

Adobe BrowserLab vs Browsershots.org: online services for cross browser testing

Adobe BrowserLab is an online cross browser testing  service (free till April 12, 2012) that has more features than Browsershots.org, the other free online cross browser testing service. However, BrowserLab currently covers a smaller set of browsers & platforms than Browsershots -
  • Chrome 10 - Windows
  • Chrome 11 - Windows
  • Firefox 3.0  - OS X
  • Firefox 3.0 - Windows
  • Firefox 3.6 - OS X
  • Firefox 3.6 - Windows
  • Firefox 4.0 - Windows
  • Internet Explorer  - Windows
  • Internet Explorer  - Windows
  • Internet Explorer  - Windows
  • Internet Explorer  - Windows
  • Safari 4.0 - OS X
  • Safari 5.0 - OS X
Unlike Browsershots, BrowserLab requires registration. The screenshots are shown using Flash so Flash Player plugin 10.0.0 or higher is required and Javascript needs to be enabled in the browser.

Opening screen showing BrowserLab generate screenshots for a chosen Browser Set
Some unique features of BrowserLab:
- Preview full screenshots with multiple view options and customizable test settings.
- Rulers & Guides - pinpoint the exact location of any area within a screenshot.
- Adjust screen shot alignment - to compare specific page elements to each other, you can adjust the alignment of screen shots individually. This helps you account for shifts caused by different browsers, which align page content differently
- Screenshot delay - you can preview content that needs time to generate by pausing the rendering of a screenshot by up to 10 seconds. This lets you capture Ajax data, interface animations that occur after the page loads, and Flash movies after their initial loading process.
- BrowserLab for Firebug add-on - lets you preview temporary changes you've made to a page with Firebug. BrowserLab can be launched directly from Firefox to show how the page looks in Firefox & other browsers.
- Active Links in screenshots - Links in screenshots can be activated by holding down the Control or Command keys & clicking. BrowserLab will open the link & generate a screenshot, replacing the current screenshot.

HOW TO make web pages "cross browser"

Labels: ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

Posted by Anonymous Anonymous | 7/18/2011 12:56:00 AM

Take a look at Browserseal, it's an interesting new app with some unique features    


Post a Comment