Ghostlab 2 is here

We’re excited to announce that Ghostlab 2 is now available! Let us give you a quick tour of what’s new, and what’s the same.

As in version one, Ghostlab 2 focuses on helping you making responsive and multi-device testing much faster and more convenient. It lets you browse any site you’re interested in, keeping any number of connected clients in sync by propagating scrolling, clicking, and any other site interactions it discovers. This works for local browsers and mobile devices on your network. It lets you (validly!) fill out forms automatically within a fraction of a second, lets you keep track of all connected clients, and offers you the ability to identify problems and fix them on any of them.

At the same time, we’ve introduced many changes in version 2 – some of them significant, some of them more on the minor-but-useful side. We’d like to present three of them that we’re particularly happy to share with you.

Client inspection

In Ghostlab 1, we’ve included Weinre, an awesome project that allowed us to remotely inspect the DOM on any connected device. However, we wanted to do more than that, and decided we’d have to rethink how we provide remote inspection tools. In Ghostlab 2, we are including the developer tools you know from Google Chrome – with some tweaks of our own. You are still able to inspect any connected client – but in addition, you can now inspect all of them synchronously.

That means that when you remotely “fix” that CSS property that destroys your page in Chrome or Firefox, you’ll immediately also see what the consequences are for any other connected browser or device.

On top of that, we decided that inspecting CSS is often not enough – especially after some bad experiences finding JavaScript bugs on mobile phones. So we’ve come up with a solution that lets you remotely debug JavaScript on any client that is connected to Ghostlab – be it a browser, a tablet, a mobile phone or even a TV set. We’ve even been told it works on IE8!

Preprocessors

To allow Ghostlab to further integrate into the workflow, we’ve also added the ability to compile several languages. Initially, we’re shipping support for Sass / Less / Stylus, Jade / Haml, and CoffeeScript / Typescript. When you’re using Ghostlab with your local site, it will now be able to compile all these source files into browser-ready HTML/CSS/JS and then automatically refresh the page on your devices.

We’re not including binary compiler packages in our distribution, rather, Ghostlab will attempt to install them them should they not be present on your system. We’re using npm and gem for that purpose. This makes it easy to offer a wide range of preprocessors in the future while not making the Ghostlab distribution too heavy. While the initial set of precompilers may seem limited, we’ll constantly be on the lookout for interesting candidates to include.

Redirection service

We’ve been told by several customers that when working in a team, pointing mobile devices to the Ghostlab server can be cumbersome. Of course, in order to avoid having to enter the URL on every one of them each time (which is slow even using the provided QR Code), they had bookmarked the Ghostlab server URL on every device. but: which URL? Several developers means several computers means several IP addresses – so each developer has a different (and potentially changing) IP address and the device bookmark will ever so often point to the wrong URL.

The idea of the redirection service is simple. A redirection bookmark is just a URL, looking something like http://302.pm/ABC677. It redirects to an IP address in your local network, like http://192.168.2.3:8005. The redirection bookmark has an access token, and using that access token, Ghostlab is able to update the redirection bookmark to the current IP and port where Ghostlab runs. When on a device, you access the bookmark, you will always be redirected to the up-to-date Ghostlab address. This way, you can either share redirection bookmarks within a team (by sharing the access token), or simply create your individual and permanent Ghostlab URL for your devices to use.

Enough said. Give it a spin!

So much from us. You can have a look at the Ghostlab website, where you can download a full-featured and completely free 7-day trial!

11 replies
  1. Martin Spierings
    Martin Spierings says:

    Interesting update. Does this mean you moved from Weinre to a solution of your own?
    And i’m also missing pricing information and whether you can upgrade to 2.x for free or per fee?

    • Florian Müller
      Florian Müller says:

      Yes, we’ve integrated the Chromium Dev tools and extended them. Upgrade from 1 to 2 is with 50% discount if you bought Ghostlab 1 before 1st of October 2014 or 100% free if you boght Ghostlab 1 on or after 1st of October 2014. Price stays at 49 USD, but we have a introduction offer giving 30% off. Upgrade and introduction discounts are cumulative. More info on ghostlab.vanamco.com and in our store (use link there)

  2. Oliver Blaum
    Oliver Blaum says:

    wow! this upgrade is really really great! thank guys!

    BUT it was not easy to find how to upgrade:
    1. enter upgrade coupon after paypal was kind of explained, but hard to find
    2. http://ghostlab.vanamco.com/upgrade/index.php helps a little (found only when i wanted to write to support)

    maybe an upgrade page: what’s new (clearer) and how?

  3. Zander Martineau
    Zander Martineau says:

    Ghostlab sounds very interesting, I have not used it before but I would like to. Could you tell me if it would work well with a grunt/gulp & browserSync workflow? Is it one or the other? Cheers

  4. Manuel Alabor
    Manuel Alabor says:

    hey @disqus_mGaEAwWvzY:disqus, congrats to the latest release of version 2 of your baby! glad to see you and your team are able to improve it continously 🙂
    just bought a license since i can bind the server to 0.0.0.0.

Trackbacks & Pingbacks

  1. […] Designed API Approach – Written by me for AirPair Push Notifications on the Open Web Ghostlab 2 is here AniCollection – really cool CSS effects Readme Documentation Application Markdown […]

Comments are closed.