Add Chrome Custom Tabs to your Apps

Share on Reddit0Tweet about this on TwitterShare on Facebook0Share on Google+2

Alongside Android Marshmallow, Google debuted a new Android feature called Chrome Custom Tabs, which lets developers to use Chrome as their in-app browser instead of WebView. Up to now, developers had no more than two options: they could choose to launch the system browser or WebView. But you know how unpredictable this really is, so I bet that the idea of an alternative sounds more than tempting at the moment.

Let me tell you from the start that a Custom Tab is the ideal solution as long as it lets you open web URLs within the context of your application using the Chrome Browser installed on the device. These Tabs are able to offer an improved experience when you are transitioning between the app’s native content and the web, not to mention the fact that apps can display pages internally using a faster and more secure browser in Chrome, which comes with the added benefit of having all of your saved passwords and synced data right there waiting for you in any app.

However, the reality cannot be denied: it seems that developers have not yet adopted the new Chrome Custom Tabs feature and that is why so many Android apps still use WebView. Do you want to change that? Well, there is a new app from developer Arunkumar that you can take advantage of if you want to force all your apps to use Chrome Custom Tabs right now and here I am to guide you all the way.

The app is known as Chromer and it does its job with no issues, but note that your handset must run at least on Android version 4.1 if you want to succeed. And don’t forget one more thing: you must also have Google Chrome, Chrome Beta, or Chrome Dev installed or else this guide is not for you.

How to Add Chrome Custom Tabs to your Apps:

  1. First of all, you have to take Chromer from the Google Play Store by entering here;
  2. Install it on your Android handset;
  3. It’s time to launch the app;
  4. This is the ideal moment to personalize the Chrome Custom Tabs interface with all of the options provided;
  5. Tap Choose Toolbar color to change the look of the address bar and status bar at the top of any page (you must also have the Colored Toolbar option ticked for this feature);
  6. Choose to show webpage titles at the top of the screen with the Show title option;
  7. You can also tweak transition animations by ticking the box next to Animations and choosing your favorite animation from the last entry in this menu;
  8. Set Chromer as your default web browser to use Chrome Custom Tabs system-wide by tapping the Set Default Browser button;
  9. Afterwards, select Chromer from the menu that pops up next;
  10. Also press Always;
  11. You can start browsing the Web using Chrome Custom Tabs. From this moment, any app that used to use WebView to launch links internally will now use Chrome Custom Tabs instead.
Share on Reddit0Tweet about this on TwitterShare on Facebook0Share on Google+2

Popa Loredana

Loredana has graduated Communication and Public Relations and works as a copywriter for over three years. She uses technology every day ( just as anyone else having her age ), but somehow things turned into something more than that. She just loves to discover more about what’s new and interesting, so why not combining that with her passion for writing? Here, on Android Flagship she contributes articles regarding the best choices that you could take when it comes to the latest Android releases and not only and she promises to keep you updated.