Ionic Serve's Lab option

This post is more than 2 years old.

This isn't new, but as I prep for my FluentConf presentation on Ionic I'm remembering cool stuff that I've forgotten over time. If you already use Ionic then I bet you know this feature, but maybe you don't, and maybe you're waiting for just one more cool feature to be demonstrated before you make the jump.

You probably already know that Ionic has a live reload/view in browser feature activated via the command line like so:

ionic serve

Amongst the ten plus options for this feature is the "Lab" feature, activated like so:

ionic serve -l

The CLI help describes it as "Test your apps on multiple screen sizes and platform types". What this means in reality is this:


As you can see, it shows you both an iOS and Android version of the application. For the Tabs UI, this is especially helpful as you can see how iOS and Android display them differently. You can also click on the platform name to open a new tab with just that platform. What's cool is that live reload continues to work for the first tab and the second as well.

The one thing missing from this feature is sync - and by that I mean when I click on a tab in iOS I'd like the Android version to respond as well. Turns out that's already being considered.

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA