Adobe has become more and more aggressive in the field of web applications, producing various services like Photoshop Express and Acrobat.com to complement their shrink-wrapped software. According to Devin Fernandez, Senior Product Manager for Dreamweaver, the company’s “hosted services” strategy takes advantage of the convenience and quick development times inherent in online applications. Shorter production times means that these applications can be developed and improved faster and more often.
Betas for two new online applications were announced recently by Adobe. One is InContext Editing, a streamlined online content editing system that’s handy for Dreamweaver users. The first part of this series comprises an analysis and review of InContext Editing. The other application is BrowserLab, a service that allows website testing for multiple browsers. This practice is essential for any web designer and any tool that makes the process easier deserves a look.
Adobe looks for “pain points” when developing products: I’ve heard this phrase more than a few times during various demos and discussions over the years. BrowserLab is Adobe’s response to several of customers’ pain points: speed, convenience, simplicity and productivity. BrowserLab is designed to improve these four points for users. The browser emulator concept is not new—BrowserCam and browsershots.org are two services similar to BrowserLab—but Adobe hopes to improve on the concept.
BrowserLab is currently in limited distribution. Adobe planned to accept only 3,500 users for the initial preview but demand was high enough that this was increased to 8,300. The service is being tweaked and improved in preparation for a full launch, at which point it will become a paid service. For now the development team is focused on improving stability and performance.
The BrowserLab experience
BrowserLab has the same professional black/gray design as most of Adobe’s other web applications. The application is easy to use, though BrowserLab has relatively few functions and doesn’t need much user interface to be effective. There are only three view modes: 1-up, 2-up and onion skin view. Onion skinning overlays one browser image on another, which is a good way to see small differences between browsers. Users can also zoom anywhere from 75% to 200% to get a close view of the results.
I like using BrowserLab, but for a product like this the big question is whether or not it can faithfully test all the browsers you need tested. At this time BrowserLab can emulate four modern browsers and one browser that I consider non-modern:
- Internet Explorer 6 for Windows
- Internet Explorer 7 for Windows
- Firefox 2 for Windows and Mac
- Firefox 3 for Windows and Mac
- Safari 3 for Mac
Internet Explorer 8, Safari 4, Opera and Chrome and next up for addition to BrowserLab. I think BrowserLab needs to emulate all these browsers in order to be successful: the ability to test all needed browsers in one application is what will make BrowserLab popular. Fortunately, the BrowserLab team tells me they are working on this right now. For now BrowserLab has a limited browser set, and that’s one reason why I still use bonafide web browsers to test my websites. Dreamweaver’s Live View is also a nice tool for website testing, but it’s not always accurate.
Top: A website I designed, tested in BrowserLab. Bottom: The same website viewed with the same browser being tested in BrowserLab. The Flash graphic and headlines (styled with sIFR 3) are not visible in BrowserLab but do work online.
Still, BrowserLab is a handy tool if my computer’s unavailable, and it’s online so I can use it anywhere. I want to see more available browsers (such as Internet Explorer 8) and it would be nice to be able to mark a particular capture as a model and have BrowserLab show where other browsers fail to duplicate it, but I think BrowserLab is on its way to becoming a good tool for web designers.
One more thing for Dreamweaver users