Click on the, and the code inspector (which looks similar to Chrome’s) will pop up.
We can debug the project on each of these connected browsers/devices using the Ghostlab built-in code inspector. When we launch the project in any browser, Ghostlab will register it on the right sidebar. If you turn on the server in another project, it will switch off for the older project and turn on for the newly opened one. Note: The server is applicable only for one project at a time. Click on the rocket icon to launch the project in the default browser, or click the browser icon below the rocket to select other browsers. When the server is “on”, you will see the notification showing the server URL and Port at the bottom-left of the window application.
To do so, you can simply click the arrow icon of the project list. Once the configurations are all set up, we can move on to turning the server on. Within these tabs, we can turn the Ghostlab server on or off, select which Browser to view the project on, change the project title or the URL, etc.Īs we mentioned above, Ghostlab is equipped with a built-in server which works for both static sites (only HTML and CSS) and dynamic sites which are built with PHP, Ruby, etc. Click on the icon to expand it for configuration options displayed in an array of tabs. Move the mouse cursor over the project icon and it will turn into a gear icon. We can also drag-and-drop the project list to switch their positions.įurthermore, we can configure each project. Ghostlab registers all the added projects as follows There are two options: we can drag-and-drop the project directory onto the application’s window, or we can copy-and-paste the URL address of the project, like so. The first thing that we have to do is add our projects to Ghostlab.
Ghostlab windows install#
Install it per your OS procedure, then launch it. It also provides a Trial version with all the features in place, so you can explore it before deciding to buy. Ghostlab comes at a US$49 price for a single license, which can be used in two computers. So, in this post, we are going to show you an alternative to doing synchronized testing using an Application called Ghostlab. A few people may prefer using Command Line, while some may prefer using an Application with a graphical interface as that is more intuitive to them. Interactions within the browsers such refreshing, clicking, and filling out forms are reflected across the browsers and connected devices in real-time.īut we know that everyone has their own working styles.
If you have been following the post, you see that “synchronized testing” will boost your development workflow in terms of testing mobile-optimized website across multiple browsers and devices simultaneously.
Ghostlab windows how to#
In the previous post, we have shown you how to perform synchronized testing using Browser Sync.