Tag all instances of web apps you’re developing so you never end up messing with the wrong one.
Are you a web developer? Familiar with working on a large number of projects simultaneously? Surely, you are using versioning to make your life easy in terms of collaboration and deployment, but what about viewing different instances of the same app in your browser… have you ever changed something in the production instead in your local app instance? Ever messed up badly?
This convenient Google Chrome extension enables you to register an unlimited number of web applications you’re developing and define different instances with URLs for each one. You can register three different types of web app instances:
- Local – most developers use something like “localhost/path-to-app” or define their own paths and create virtual hosts, e.g. “the-app.development.com”
- Staging – although most web app development processes support deploying directly to a production server, a lot of them define a staging server that is used for testing and showcasing development changes
- Production – this is the live application
Once you registered your apps you will see a recognizable letter icon in the URL bar matching the instance type of the page you are currently browsing (L icon for local, S for staging and P for production). You will be able to click on it to see details about the specific app. You are developing on different machines? No problem, your data is synced between browsers when you sign to Chrome with your Google account!
How to use?
It’s very simple. Just visit the extension’s options page and click on the “Edit” button in the right corner. Configure your web apps and add as many instances you want:
Click on the “Save” button in the top right corner to save your configuration and take a look at your app:
Visit your web app URL and you will notice the instance icon in the URL bar:
Click on the instance icon to view web app and instance information:
There’s a link to options in the information box so you can quickly access your settings.
What about permissions?
- Tabs – The extension requires access to your tabs to check if you are viewing one of your registered web applications and to provide the icon with information in the URL bar for that particular tab.
- Storage – Local browser storage is used to store information about web apps and instances you’re using. The data is synced across browsers if you are signed in with your Google account.
Where can I get it?
You can visit the extension page on the Chrome Web Store. You can report any issues and/or suggestions there. Enjoy!