Hit Subscribe!

Don’t Be a Noob, Subscribe Already!

Tweaks & Hacks

How to Turn Any Website into a Full-Screen Android App with Ad Blocking, Dark Mode & More

Progressive Web Apps hope to one day bridge the gap between websites and apps by giving the former more access to your phone’s features, but they’re not very common yet. In the meantime, you can take matters into your own hands with an app that uses your system WebView to render websites in a full-screen, borderless window with a few extra features — a lot like a native Android app.

There are several benefits here. First, you get an icon on your home screen that launches you into the website in one tap. Second, there’s not clumsy address bar or browser menu in a UI on top of the website, only the website itself in full-screen. You also get navigation gestures, optional ad blocking, and system-chosen dark mode on Android elements that appear while browsing.

Step 1: Sideload Native Alpha

The app that makes this possible is fully open-source and was created by developer cylonid. It’s still in its pre-release phases at the moment, so it’s not available on the Play Store (though the developer plans to host it on F-Droid soon). This means you’ll need to sideload the app.

To get started, tap the link below from your phone. Once there, expand the “Assets” header at the bottom of the first listing, which is the most recent release. Here, tap the Native Alpha APK link to download the app’s installer file.

Now, swipe down from the top of any screen to expand your status bar, then tap the Download complete notification for the APK file. If the subsequent popup says “Install blocked,” tap the “Settings” button and enable the “Install other apps” permission for your browser, then go back. The popup will now have an “Install” button — go ahead and tap it to finish up.

Step 2: Add a Web App

When you first launch Native Alpha, you’ll be prompted to “Add your first Web App.” In the future, you can access this feature by tapping the big red + button at the bottom of the app’s main screen.

So use your regular browser to open the website you’re turning into an app. Tap the address bar and copy the entire URL. Now, head back to Native Alpha and paste the full URL into the provided field. The app will automatically download the site’s favicon to use as a desktop icon, but you can tap “Select Custom Icon” to load any image of your choosing.

Once you’re satisfied, tap “OK,” then choose “Add automatically” on the popup to place an icon for the website on your home screen. Sadly, this icon only appears on the home screen, not in your app drawer, though you can add it to the dock on most launchers.

Step 3: Adjust Features for the Web App

With the shortcut now created, open Native Alpha again and you’ll see a list of all web apps you’ve made so far. Tap the gear icon next to one to adjust how it will behave once opened.

You can opt to allow or disallow Javascript, HTTP, location access, or first- and third-party cookies. You can enable a data saving features, or you can even have the page refresh automatically. Depending on the website, you may want to enable the option for “Open external links in browser app” or “Request website in desktop version.” There’s even a built-in ad blocker you can enable if you’d like. Once you’re done here, tap “Save.”

Step 4: Use Your Favorite Websites as if They Were Apps

Now, just tap the icon on your home screen to open the website in a full-frame, borderless window. You can swipe from right to left with two fingers to go back, or from left to right to go forward. You can even swipe down with two fingers to reload the page.

Even better, you’ll notice that any popups or system menus will respect your phone’s dark mode setting (though the websites likely won’t). If the website is capable, it may ask you to allow notifications. Doing so will make it behave almost exactly like a native app when it comes to alerts.

Who needs a wand? Unlock your magical powers and transform yourself from a Muggle into a Wizard or Witch just by using your Android phone. See how:

Cover image and screenshots by Dallas Thomas/Gadget Hacks

Source

 

Hey there, just a heads-up: We’re part of the Amazon affiliate program, so when you buy through links on our site, we may earn a small commission. But don’t worry, it doesn’t cost you anything extra and helps us keep the lights on. Thanks for your support!”

Avatar

GadgetBytes

About Author

Leave a comment

Your email address will not be published. Required fields are marked *

Productivity & Shortcuts

Tweaks & Hacks

How to Master iOS Games: Unveiling the Secret Cheat Mode for iPhone and iPad

Unlock hidden potential in iOS games with this secret cheat mode for iPhone and iPad. Dominate the competition like never
Tweaks & Hacks

How to make apps play nice with Android’s see-through nav bar

Struggling to optimize your apps for Android's see-through navigation bar? Here's a guide to make your apps play nice with

Add A Knowledge Base Question !

You will receive an email when your question will be answered.

+ = Verify Human or Spambot ?