WebView App
Intro
This is a documentation for WebView App created by Trusof. WebView App is a native Android application. You can find here useful info about configuring, customizing, building and publishing the app.
WebView App on Codecanyon
Live demo on Google Play
Video preview on YouTube
Features
Developed with Android Studio & Gradle
Support for Jelly Bean (Android 4.1) and newer
Material design following Android Design Guidelines
Fast and powerful webview engine based on the Chromium
WebView supports HTML5, JavaScript, Cookies, CSS, images, videos and other standard web tools and technologies
AdMob (banner and interstitial ad)
Firebase Cloud Messaging (push notifications)
Firebase Analytics
GDPR compliant (European Union’s General Data Protection Regulation)
Support for opening links in external browser (customizable rules)
Intents for opening external apps (e-mail, sms, phone call, map, store, social networks)
Local pages (available in offline)
HTML5 videos, YouTube, Vimeo, JW Player
Fullscreen video
Download manager
File picker for uploading files
Upload photo from camera
Geolocation (optional)
Location settings prompt
Navigation drawer menu with optional categories (easily customizable)
Action bar (optional)
Action bar title based on HTML title or custom text
Pull-to-Refresh (optional)
Share dialog (optional)
Rate my app prompt (optional)
Confirmation dialog when user tries to exit the app (optional)
Custom user agent (optional)
Customization (enable/disable action bar, navigation drawer menu, pull-to-refresh etc.)
Ten color themes (blue, brown, gray, green, lime, orange, purple, red, teal, violet)
Thirty menu icons
Progress bar when loading the page (optional)
Offline handling
Error handling
Responsive design (portrait, landscape, handling orientation change)
Support for high-resolution displays (xxxhdpi)
RTL
Multi-language support
Deep links
Runtime permissions
Top quality clean code created by experienced senior Android developer
Easy configuration
Well documented
Free support
Android Studio & SDK
This chapter describes how to install Android Studio and Android SDK. You don’t have to install Android Studio, but it’s better. The project can be built without Android Studio, using Gradle and Android SDK. Gradle is a build system used for building a final APK file.
Install Java JDK
Install Android Studio with Android SDK
Run Android SDK Manager and download necessary SDK packages, make sure that you have installed Android SDK Tools, Android SDK Platform-Tools, Android SDK Build-Tools, Android Emulator, Support Repository, Google Play services and Google USB Driver
Now you should be able to open/edit the Android project and build an APK
You can also install Genymotion - fast Android emulator
Project Structure
Project has the following structure (directories are marked by square braces):
[doc] - documentation
[extras] - contains extras
[extras]/[keystore]
[extras]/[keystore]/webviewapp.jks - keystore certificate for signing APK
[extras]/[keystore]/webviewapp.properties - alias and password for keystore
[gradle]
[gradle]/[wrapper] - Gradle Wrapper
[mobile] - main module
[mobile]/[libs] - contains external libraries
[mobile]/[src] - contains source code
[mobile]/[src]/[main]
[mobile]/[src]/[main]/[assets] - asset files (local html pages)
[mobile]/[src]/[main]/[java] - java sources
[mobile]/[src]/[main]/[res] - xml resources, drawables
[mobile]/[src]/[main]/AndroidManifest.xml - manifest file
[mobile]/build.gradle - main build script
[mobile]/google-services.json - configuration file for Google Services and Firebase
[mobile]/proguard-rules.pro - Proguard config (not used)
.gitignore - Gitignore file
build.gradle - parent build script
gradle.properties - build script properties containing path to keystore
gradlew - Gradle Wrapper (Unix)
gradlew.bat - Gradle Wrapper (Windows)
README.md - readme file
settings.gradle - build settings containing list of modules
utils.gradle - utilities for Gradle build script
Java packages:
com.trusof.app - contains application class and main config class
com.trusof.app.activity - contains activities representing screens
com.trusof.app.ads - contains AdMob classes
com.trusof.app.fcm - contains services for FCM
com.trusof.app.fragment - contains fragments with main application logic
com.trusof.app.listener - contains event listeners
com.trusof.app.utility - contains utilities
com.trusof.app.view - contains custom views and layouts
im.delight.android.webview - implementation of advanced webview component
name.cpr - implementation of video enabled webview component
Configuration
This chapter describes how to configure the project to be ready for publishing. All these steps are very important!
1. Import
Unzip the package and import/open the project in Android Studio. Choose “Import project” on Quick Start screen and select “webviewapp-x.y.z” directory.
You can switch to Project view in the Project window on left if you want to see the actual file structure of the project including all files hidden from the Android view. Just select Project from the dropdown at the top of the Project window.
If you want, you can build and run the app right away to test it. Connect your device or emulator to your computer. Make sure you have installed all necessary drivers for your Android device and you also enabled USB debugging in Developer options. To build and run the app in Android Studio, just click on Main menu -> Run -> Run ‘mobile’. Choose a connected device and confirm.
2. Set Purchase Code
Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of PURCHASE_CODE constant to your own Envato purchase code.
You are licensed to use this code to create one single end product for yourself or for one client (a “single application”). If you want to publish more than one app on Google Play, you have to buy more licenses. You have to buy a License for each end product. If you are going to sell your app, you will have to buy an Extended License. The Extended License is required if end user must pay to use end product. Please read the license terms for more info.
3. Rename Application ID
Every Android app has a unique application ID. This ID uniquely identifies your app on the device and in Google Play Store. If you want to upload a new version of your app, the application ID (and the certificate you sign it with) must be the same as the original APK. If you change the application ID, Google Play Store treats the APK as a completely different app. So once you publish your app, you should never change the application ID. Default application ID is “com.trusof.app” so you have to rename it to something else.
Open the main build script mobile/build.gradle and rename the value of applicationId. Just rewrite it to your own application ID, e.g. “com.mycompany.myapp”.
If you try to build the project now, you will probably get “No matching client found for package name…” error. The reason for this is that declared package names in mobile/google-services.json don’t match to your own package name (application ID). We will setup Firebase and google-services.json later. In the meantime, if you want to get rid of the error, just update values of all package_name attributes in google-services.json to your own package name (application ID), e.g. “com.mycompany.myapp”.
Synchronize the project. Main menu -> File -> Sync Project with Gradle Files.
4. Rename Application Name
Open mobile/src/main/res/values/strings.xml and change “WebView App” to your own name. Change app_name and navigation_header_title strings.
5. Create Launcher Icon
Right click on mobile/src/main/res directory -> New -> Image Asset -> Icon Type “Launcher Icons”, Name “ic_launcher”, create the icon as you wish, you can set clipart, text, shape, color etc. -> Next -> Finish.
You can also change the icon by replacing ic_launcher.png file in mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi, mipmap-anydpi-v26 directories.
You can also change the logo shown in the navigation drawer header. It is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_logo.png.
Tip: Another possibility is to create the launcher icons using Android Asset Studio.
6. Choose Color Theme
Open mobile/src/main/AndroidManifest.xml and change the value of application.android:theme attribute. There are 10 themes you can use:
Theme.WebViewApp.Blue
Theme.WebViewApp.Brown
Theme.WebViewApp.Gray
Theme.WebViewApp.Green
Theme.WebViewApp.Lime
Theme.WebViewApp.Orange
Theme.WebViewApp.Purple
Theme.WebViewApp.Red
Theme.WebViewApp.Teal
Theme.WebViewApp.Violet
7. Setup Navigation and Web Pages
Open mobile/src/main/res/values/navigation.xml. There are 4 string arrays:
List of titles in the navigation drawer menu.
List of webview URLs. You can specify URL link to a web page on the Internet or URL link to a local page stored in assets directory. Local page does not require Internet connection. URL to the local page must be in this format: file:///android_asset/example.html. If you want to add a category, leave the item empty. Menu item without URL is considered as a category item.
List of icons in the navigation drawer menu.
List of share messages. Each webview page can be shared via e-mail, sms, social networks etc. Share button is in the action bar. You can specify a message which will be posted. Use {TITLE} or {URL} tags if you want to insert a title or a URL link of the page. If you don’t want to share the page, keep the item empty.
You can add/remove/modify menu items as you need. If you want to use local pages, copy HTML files to mobile/src/main/assets directory and set proper paths in navigation_url_list array. See the path format above.
Note: Main home page is the first page in the list of URLs. This page is loaded even if the navigation drawer is disabled.
Important: Each of these 4 arrays must contain the same number of items.
8. Setup Firebase Cloud Messaging and Analytics
Application uses Firebase for Cloud Messaging, Analytics and AdMob. You need to create a new Firebase account if you don’t have one. You have to create a new project in Firebase Console. Follow Firebase documentation to setup the project. After you add a new Firebase project, open it, select Analytics Dashboard and open wizard to add Firebase to your Android app. Fill in your package name (application ID) and download the google-services.json config file. Copy this file into mobile directory. That’s it. You don’t have to setup the Firebase SDK, it’s already done.
When user taps on a notification, the app is opened and home page is loaded. If you want to load a specific page, you have to send the notification with additional data. Open Firebase -> Cloud Messaging -> New message -> Advanced options -> Custom data -> set “url” as a key and your link as a value.
You can change the icon of push notification by replacing ic_stat_notification.png files in drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi directories.
9. Setup AdMob
Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set values of ADMOB_PUBLISHER_ID constant to your own AdMob publisher id and ADMOB_APP_ID constant to your own AdMob app id. Set values of ADMOB_UNIT_ID_BANNER and ADMOB_UNIT_ID_INTERSTITIAL constants to your own unit ids (banner id and interstitial id). Leave these constants empty if you don’t want to use AdMob. Empty means public static final String ADMOB_UNIT_ID_BANNER = "";.
Interstitial ad will be shown after each x url loadings or clicks on the navigation drawer menu. Frequency of showing AdMob interstitial ad can be set in ADMOB_INTERSTITIAL_FREQUENCY constant.
You can also specify your test device id in ADMOB_TEST_DEVICE_ID constant and use test mode when you are debugging the app. Requesting test ads is recommended when you are testing your application on a real device so you do not request invalid impressions. You can find your hashed device id in Android Monitor (Logcat) output by requesting an ad when debugging on your device. Open Android Monitor (Logcat) in Android Studio and look for “To get test ads on this device, call adRequest.addTestDevice(“XXXXXX…”);”. You can use filter/search to find this information in the log. That XXX string is the hashed device id. This applies only to real devices, not emulators. Emulators are considered as test devices by default so you don’t have to care about it.
This app is GDPR (European Union’s General Data Protection Regulation) compliant. GDPR consent form is shown to users located in the European Economic Area during the first launch of the app. Users can choose if they want to personalize ads or not. GDPR consent form requires a URL link to your privacy policy. You can specify the link in GDPR_PRIVACY_POLICY_URL constant. Leave the constant empty if you don’t want to show GDPR consent form. Empty means public static final String GDPR_PRIVACY_POLICY_URL = "";. Privacy policy link should be also provided within the app (e.g. in the navigation menu) because Google Play requires developers to provide a valid privacy policy when the app requests or handles sensitive user or device information (e.g. advertising identifier). You can use privacy policy generator.
Don’t forget to link your app to Firebase in the AdMob settings.
10. Create Signing Keystore
You need to create your own keystore to sign an APK file before publishing the app on Google Play. You can create the keystore in Android Studio or via keytool utility.
Easiest way is to create the keystore directly in Android Studio. Main menu -> Build -> Generate Signed Bundle / APK -> APK -> Create new. Keystore file name has to be webviewapp.jks and must be stored in extras/keystore directory. After you create the keystore file, you can just close the Generate Signed Bundle or APK dialog.
Make sure that newly created webviewapp.jks is stored in extras/keystore directory.
Open extras/keystore/webviewapp.properties and set keystore alias and passwords which you chose in step 1.
Done. Remember that webviewapp.jks and webviewapp.properties are automatically read by Gradle script when creating a release APK via assembleRelease command. Paths to these files are defined in gradle.properties.
Note: If you want to create the keystore via keytool utility, run following command: keytool -genkey -v -keystore webviewapp.jks -alias <your_alias> -keyalg RSA -keysize 2048 -validity 36500 where <your_alias> is your alias name. For example your company name or app name. Keytool utility is part of Java JDK. On Windows, you can find it usually in C:\Program Files\Java\jdkX.Y.Z\bin. On Mac, you can find it usually in /Library/Java/JavaVirtualMachines/jdkX.Y.Z/Contents/Home/bin. If you create the keystore this way, don’t forget for step 2 and 3 above.
Important: Don’t lose the keystore file, otherwise you will not be able to publish new updates on Google Play. You must use the same certificate throughout the lifespan of your app in order for users to be able to install new versions as updates to the app.
Customization
This chapter describes optional customizations of the app.
Action Bar
You can enable/disable action bar (toolbar) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set ACTION_BAR constant to true/false.
Title in the action bar is loaded from mobile/src/main/res/values/navigation.xml file. If you want to show an HTML title rather than a navigation title in the action bar, then set ACTION_BAR_HTML_TITLE constant in the configuration file to true.
Navigation Drawer Menu
You can enable/disable navigation drawer menu in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER constant to true/false.
You can enable/disable background image in the header of the navigation drawer menu. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER_HEADER_IMAGE constant to true/false. If it is disabled, accent color will be used for the background. Background image is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_bg.png. Logo shown in the header is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_logo.png.
You can also enable/disable menu icon tint. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER_ICON_TINT constant to true/false. Only transparent PNG icons can be tinted so if you don’t use transparent icons, it is recommended to disable icon tint. Tint color is defined in @color/navigation_icon_tint attribute in mobile/src/main/res/values/colors.xml.
Exit Confirmation
You can enable/disable exit confirmation dialog (when user tries to exit the app by pressing the back button) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set EXIT_CONFIRMATION constant to true/false.
Geolocation
Application supports geolocation. Keep in mind, that some users might have geolocation disabled on their device. Geolocation requires a permission to access GPS. Permission request is shown on start of the app. If user decides to reject the permission, geolocation will not work. If you don’t use geolocation on your web, it is better to disable it, because permission request will not be shown. You can enable/disable geolocation in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set GEOLOCATION constant to true/false.
Also keep in mind, that HTML5 geolocation is not allowed anymore with insecure HTTP protocol for security reasons. It is recommended to use secure HTTPS protocol. See Deprecating Powerful Features on Insecure Origins for more info.
Progress Placeholder
You can enable/disable progress placeholder (shown when loading a first page) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set PROGRESS_PLACEHOLDER constant to true/false.
Pull-to-Refresh Gesture
You can enable/disable pull-to-refresh gesture in the configuration file. There are 3 modes. Open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of PULL_TO_REFRESH constant to ENABLED, DISABLED or PROGRESS. Set ENABLED to enable the gesture, set DISABLED to disable the gesture, set PROGRESS to disable the gesture and show only progress indicator.
Tip: If you have a problem with scrolling, try to disable the pull-to-refresh gesture. It usually resolves any scrolling issues.
Rate App Prompt
Rate my app prompt dialog is shown after each x launches of the app. Open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java file if you want to configure the rate app prompt. Frequency of showing the prompt can be set in RATE_APP_PROMPT_FREQUENCY constant. Set frequency to 0 if you don’t want to show the rate app prompt. Duration of showing the prompt (in milliseconds) can be set in RATE_APP_PROMPT_DURATION constant.
User Agent
You can set your custom user agent string for the webview. Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of WEBVIEW_USER_AGENT constant to your own user agent string. Leave the constant empty if you don’t want to set custom user agent string. Empty means public static final String WEBVIEW_USER_AGENT = "";.
Open Links in External Browser
If you click on some link in the webview, web page is opened directly in the webview by default. Pages can be opened in external browser. If you need this behavior, just open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set OPEN_LINKS_IN_EXTERNAL_BROWSER = true.
You can also set rules which links will be opened in an external browser and which ones will be loaded in an internal webview. Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and add/remove rules in LINKS_OPENED_IN_EXTERNAL_BROWSER or LINKS_OPENED_IN_INTERNAL_WEBVIEW arrays. If a URL link of a page contains a string from the array, it will be opened in external browser/internal webview. These rules have higher priority than OPEN_LINKS_IN_EXTERNAL_BROWSER option. For example "http://www.example.com/?target=blank" will be opened externally and "http://www.example.com/?target=webview" will be opened internally.
Download Manager
This feature allows to download files from web into a device. Just click on a download link and the file will be automatically downloaded into the DOWNLOAD directory. File URL must have a specific format so the download manager can recognize it is a downloadable file. You can see progress of downloading in the notification panel.
By the default configuration, URL must ends with a supported extension (zip, pdf, mp3, avi etc.), e.g. http://www.example.com/path/mediafile.mp3. The default configuration also supports Google Drive and Dropbox links.
You can modify supported file extensions or expressions in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and add/remove file types or expressions in DOWNLOAD_FILE_TYPES array as you need. Entries in this array are regular expressions. If the webview URL matches with the regular expression, the file will be downloaded via download manager. Keep the array empty if you don’t want to use the download manager.
Intents in HTML
Application supports Android Intents. You can add a special link to your HTML file and you will be able to run appropriate external app to perform some action. For example send an e-mail or call somebody. Following intents are supported (example URI):
HTTP web page: http://android.com
HTTPS web page: https://google.com
E-mail: mailto:someone@example.com?subject=Hello
Phone call: tel:+0123456789
SMS: sms:+0123456789
Map point: geo:50.087474,14.421206
Map search: geo:0,0?q=Czech+Republic
These intents are also supported in the navigation menu.
Custom Colors and Icons
You can customize colors in mobile/src/main/res/values/colors.xml.
There are 30 icons which you can use for navigation drawer menu. If you need to create an icon for navigation drawer menu, it is recommended to use Android Asset Studio.
Multi-Language Support
Create a new directory mobile/src/main/res/values-xx where xx is an ISO 639-1 code of the language you want to translate. For example “values-es” for Spanish, “values-fr” for French, “values-de” for German etc. Copy strings.xml and navigation.xml from mobile/src/main/res/values into the new directory. Now you can translate texts or use different URL links for specific languages. Language is automatically determined by the system device settings. If there is no match with values-xx language, default language in mobile/src/main/res/values is selected. See Localizing with Resources for more info.
Deep Links
Application supports simple deep links which are specified in mobile/src/main/AndroidManifest.xml as an intent filter. Links have this format: http://host/pathPrefix or https://host/pathPrefix. Open mobile/src/main/res/values/strings.xml and change app_deep_link_host and app_deep_link_path as you need.
Uploading Files
Application supports uploading files from storage or camera. File picker requires a permission to access storage. Permission request is shown when some file is chose. If user decides to reject the permission, file upload will not work.
There is a known bug on Android 4.4 so the upload might not work properly on this version of Android. See official Android Issue Tracker for more info.
Video in HTML
Application supports HTML5 video, YouTube, Vimeo, JW Player etc. in fullscreen mode.
Antivirus False Positive
Some antivirus programs may find this app potentially dangerous. One of the reasons might be using JavaScript. If your app is detected as malicious, you should add it to antivirus white lists to avoid false positive issues. Usually you have to upload an APK file. You can report false positive findings here:
Avast
AVG
Avira
Bitdefender
Symantec
360 Total Security
Other
Building & Publishing
This chapter describes how to build an APK file using Gradle and prepare the app for publishing. Android Studio uses Gradle for building Android applications.
You don’t need to install Gradle on your system, because there is a Gradle Wrapper. The Wrapper is a batch script on Windows, and a shell script for other operating systems. When you start a Gradle build via the Wrapper, Gradle will be automatically downloaded and used to run the build.
Open the project in Android Studio.
Open the configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and check if everything is setup correctly.
Open the main build script mobile/build.gradle and check version constants.
Run gradlew assemble in Android Studio terminal. Make sure you are running the command from the root directory of the project.
After the build is finished, the APK file should be available in mobile/build/outputs/apk/release directory.
Note: You can also create the APK file via Main menu -> Build -> Generate Signed Bundle / APK. If you want to do it this way, just choose your keystore, enter your alias, passwords and generate the APK.
Note: You will also need a “local.properties” file to set the location of the SDK in the same way that the existing SDK requires, using the “sdk.dir” property. Example of “local.properties” on Windows: sdk.dir=C:\\adt-bundle-windows\\sdk. Alternatively, you can set an environment variable called “ANDROID_HOME”. Android Studio will take care of it.
Tip: Command gradlew assemble builds both - debug and release APK. You can use gradlew assembleDebug to build debug APK. You can use gradlew assembleRelease to build release APK. Debug APK is signed by a debug keystore. Release APK is signed by your own keystore, stored in /extras/keystore directory.
Signing process: Keystore passwords are automatically loaded from property file during building the release APK. Path to this file is defined in “keystore.properties” property in “gradle.properties” file. If this property or the file does not exist, user is asked for passwords explicitly.
Versioning
Open the main build script mobile/build.gradle. There are 4 important constants for defining version code and version name.
VERSION_MAJOR
VERSION_MINOR
VERSION_PATCH
VERSION_BUILD
Keep in mind that versions have to be incremental. See Version Your App in Android documentation for more info.
Dependencies
AdvancedWebView
Alfonz
Android Support Library
Firebase
Google Play Services
VideoEnabledWebView
Changelog
Version 1.0.0
Initial release
Version 1.1.0
AdMob support
Configuration for opening links in webview
Version 1.2.0
Update Gradle script to be compatible with Android Studio 1.0
Download manager
Open links directly in the webview by default
Show progress bar when loading nested link
Fix refreshing of the current page
Fix text color of the HTML select
Fix Google Play intent
Version 1.3.0
Material design
New color themes
New set of menu icons
Rules for opening links in external browser or internal webview
Support for uploading files
Version 1.4.0
Push notifications
Launcher icon as a mipmap
Fix empty placeholder
Version 2.0.0
Better webview performance with faster loading and caching
Geolocation
Fullscreen video
Better design
Navigation drawer menu with optional categories
Interstitial ads
Runtime permissions
Title and URL link of the page in share message
Pull-to-Refresh gesture on offline and empty screen
RTL
One config file for everything (Google Analytics, AdMob, Parse, enable/disable extra features)
Update SDK and libraries
Huge refactoring of the code with many improvements and optimizations
Version 2.1.0
OneSignal.com push notification service (Parse.com is shutting down)
Configuration for navigation drawer menu icon tint
Version 2.2.0
Uploading photos directly from camera
Rate my app prompt
Exit confirmation
Intents in the navigation menu
Action bar title based on HTML title
Download manager uses regular expressions to detect a downloadable file
Interstitial ad frequency counter based on URL loadings
Fix handling back button on video view
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.3.0
Fix showing progress indicator
Fix key listener
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.3.1
Support for Android Studio 3.0
Version 2.4.0
Firebase Cloud Messaging (push notifications)
Firebase Analytics
Show interstitial ads on local pages
Hide AdMob banner on error
GDPR compliant (European Union’s General Data Protection Regulation)
Deep links
Privacy policy link
Adaptive launcher icon
Support for Facebook, Twitter, WhatsApp URI protocols
User agent in the config
Progress placeholder in the config
Fix saving cookies
Fix downloading images
Fix image upload on new versions of Android
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.5.0
Pull to refresh gesture modes
Location settings prompt
Animate AdMob banner
Developed by
Trusof Templates
License
Codecanyon license
Intro
This is a documentation for WebView App created by Trusof. WebView App is a native Android application. You can find here useful info about configuring, customizing, building and publishing the app.
WebView App on Codecanyon
Live demo on Google Play
Video preview on YouTube
Features
Developed with Android Studio & Gradle
Support for Jelly Bean (Android 4.1) and newer
Material design following Android Design Guidelines
Fast and powerful webview engine based on the Chromium
WebView supports HTML5, JavaScript, Cookies, CSS, images, videos and other standard web tools and technologies
AdMob (banner and interstitial ad)
Firebase Cloud Messaging (push notifications)
Firebase Analytics
GDPR compliant (European Union’s General Data Protection Regulation)
Support for opening links in external browser (customizable rules)
Intents for opening external apps (e-mail, sms, phone call, map, store, social networks)
Local pages (available in offline)
HTML5 videos, YouTube, Vimeo, JW Player
Fullscreen video
Download manager
File picker for uploading files
Upload photo from camera
Geolocation (optional)
Location settings prompt
Navigation drawer menu with optional categories (easily customizable)
Action bar (optional)
Action bar title based on HTML title or custom text
Pull-to-Refresh (optional)
Share dialog (optional)
Rate my app prompt (optional)
Confirmation dialog when user tries to exit the app (optional)
Custom user agent (optional)
Customization (enable/disable action bar, navigation drawer menu, pull-to-refresh etc.)
Ten color themes (blue, brown, gray, green, lime, orange, purple, red, teal, violet)
Thirty menu icons
Progress bar when loading the page (optional)
Offline handling
Error handling
Responsive design (portrait, landscape, handling orientation change)
Support for high-resolution displays (xxxhdpi)
RTL
Multi-language support
Deep links
Runtime permissions
Top quality clean code created by experienced senior Android developer
Easy configuration
Well documented
Free support
Android Studio & SDK
This chapter describes how to install Android Studio and Android SDK. You don’t have to install Android Studio, but it’s better. The project can be built without Android Studio, using Gradle and Android SDK. Gradle is a build system used for building a final APK file.
Install Java JDK
Install Android Studio with Android SDK
Run Android SDK Manager and download necessary SDK packages, make sure that you have installed Android SDK Tools, Android SDK Platform-Tools, Android SDK Build-Tools, Android Emulator, Support Repository, Google Play services and Google USB Driver
Now you should be able to open/edit the Android project and build an APK
You can also install Genymotion - fast Android emulator
Project Structure
Project has the following structure (directories are marked by square braces):
[doc] - documentation
[extras] - contains extras
[extras]/[keystore]
[extras]/[keystore]/webviewapp.jks - keystore certificate for signing APK
[extras]/[keystore]/webviewapp.properties - alias and password for keystore
[gradle]
[gradle]/[wrapper] - Gradle Wrapper
[mobile] - main module
[mobile]/[libs] - contains external libraries
[mobile]/[src] - contains source code
[mobile]/[src]/[main]
[mobile]/[src]/[main]/[assets] - asset files (local html pages)
[mobile]/[src]/[main]/[java] - java sources
[mobile]/[src]/[main]/[res] - xml resources, drawables
[mobile]/[src]/[main]/AndroidManifest.xml - manifest file
[mobile]/build.gradle - main build script
[mobile]/google-services.json - configuration file for Google Services and Firebase
[mobile]/proguard-rules.pro - Proguard config (not used)
.gitignore - Gitignore file
build.gradle - parent build script
gradle.properties - build script properties containing path to keystore
gradlew - Gradle Wrapper (Unix)
gradlew.bat - Gradle Wrapper (Windows)
README.md - readme file
settings.gradle - build settings containing list of modules
utils.gradle - utilities for Gradle build script
Java packages:
com.trusof.app - contains application class and main config class
com.trusof.app.activity - contains activities representing screens
com.trusof.app.ads - contains AdMob classes
com.trusof.app.fcm - contains services for FCM
com.trusof.app.fragment - contains fragments with main application logic
com.trusof.app.listener - contains event listeners
com.trusof.app.utility - contains utilities
com.trusof.app.view - contains custom views and layouts
im.delight.android.webview - implementation of advanced webview component
name.cpr - implementation of video enabled webview component
Configuration
This chapter describes how to configure the project to be ready for publishing. All these steps are very important!
1. Import
Unzip the package and import/open the project in Android Studio. Choose “Import project” on Quick Start screen and select “webviewapp-x.y.z” directory.
You can switch to Project view in the Project window on left if you want to see the actual file structure of the project including all files hidden from the Android view. Just select Project from the dropdown at the top of the Project window.
If you want, you can build and run the app right away to test it. Connect your device or emulator to your computer. Make sure you have installed all necessary drivers for your Android device and you also enabled USB debugging in Developer options. To build and run the app in Android Studio, just click on Main menu -> Run -> Run ‘mobile’. Choose a connected device and confirm.
2. Set Purchase Code
Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of PURCHASE_CODE constant to your own Envato purchase code.
You are licensed to use this code to create one single end product for yourself or for one client (a “single application”). If you want to publish more than one app on Google Play, you have to buy more licenses. You have to buy a License for each end product. If you are going to sell your app, you will have to buy an Extended License. The Extended License is required if end user must pay to use end product. Please read the license terms for more info.
3. Rename Application ID
Every Android app has a unique application ID. This ID uniquely identifies your app on the device and in Google Play Store. If you want to upload a new version of your app, the application ID (and the certificate you sign it with) must be the same as the original APK. If you change the application ID, Google Play Store treats the APK as a completely different app. So once you publish your app, you should never change the application ID. Default application ID is “com.trusof.app” so you have to rename it to something else.
Open the main build script mobile/build.gradle and rename the value of applicationId. Just rewrite it to your own application ID, e.g. “com.mycompany.myapp”.
If you try to build the project now, you will probably get “No matching client found for package name…” error. The reason for this is that declared package names in mobile/google-services.json don’t match to your own package name (application ID). We will setup Firebase and google-services.json later. In the meantime, if you want to get rid of the error, just update values of all package_name attributes in google-services.json to your own package name (application ID), e.g. “com.mycompany.myapp”.
Synchronize the project. Main menu -> File -> Sync Project with Gradle Files.
4. Rename Application Name
Open mobile/src/main/res/values/strings.xml and change “WebView App” to your own name. Change app_name and navigation_header_title strings.
5. Create Launcher Icon
Right click on mobile/src/main/res directory -> New -> Image Asset -> Icon Type “Launcher Icons”, Name “ic_launcher”, create the icon as you wish, you can set clipart, text, shape, color etc. -> Next -> Finish.
You can also change the icon by replacing ic_launcher.png file in mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi, mipmap-anydpi-v26 directories.
You can also change the logo shown in the navigation drawer header. It is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_logo.png.
Tip: Another possibility is to create the launcher icons using Android Asset Studio.
6. Choose Color Theme
Open mobile/src/main/AndroidManifest.xml and change the value of application.android:theme attribute. There are 10 themes you can use:
Theme.WebViewApp.Blue
Theme.WebViewApp.Brown
Theme.WebViewApp.Gray
Theme.WebViewApp.Green
Theme.WebViewApp.Lime
Theme.WebViewApp.Orange
Theme.WebViewApp.Purple
Theme.WebViewApp.Red
Theme.WebViewApp.Teal
Theme.WebViewApp.Violet
7. Setup Navigation and Web Pages
Open mobile/src/main/res/values/navigation.xml. There are 4 string arrays:
List of titles in the navigation drawer menu.
List of webview URLs. You can specify URL link to a web page on the Internet or URL link to a local page stored in assets directory. Local page does not require Internet connection. URL to the local page must be in this format: file:///android_asset/example.html. If you want to add a category, leave the item empty. Menu item without URL is considered as a category item.
List of icons in the navigation drawer menu.
List of share messages. Each webview page can be shared via e-mail, sms, social networks etc. Share button is in the action bar. You can specify a message which will be posted. Use {TITLE} or {URL} tags if you want to insert a title or a URL link of the page. If you don’t want to share the page, keep the item empty.
You can add/remove/modify menu items as you need. If you want to use local pages, copy HTML files to mobile/src/main/assets directory and set proper paths in navigation_url_list array. See the path format above.
Note: Main home page is the first page in the list of URLs. This page is loaded even if the navigation drawer is disabled.
Important: Each of these 4 arrays must contain the same number of items.
8. Setup Firebase Cloud Messaging and Analytics
Application uses Firebase for Cloud Messaging, Analytics and AdMob. You need to create a new Firebase account if you don’t have one. You have to create a new project in Firebase Console. Follow Firebase documentation to setup the project. After you add a new Firebase project, open it, select Analytics Dashboard and open wizard to add Firebase to your Android app. Fill in your package name (application ID) and download the google-services.json config file. Copy this file into mobile directory. That’s it. You don’t have to setup the Firebase SDK, it’s already done.
When user taps on a notification, the app is opened and home page is loaded. If you want to load a specific page, you have to send the notification with additional data. Open Firebase -> Cloud Messaging -> New message -> Advanced options -> Custom data -> set “url” as a key and your link as a value.
You can change the icon of push notification by replacing ic_stat_notification.png files in drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable-xxxhdpi directories.
9. Setup AdMob
Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set values of ADMOB_PUBLISHER_ID constant to your own AdMob publisher id and ADMOB_APP_ID constant to your own AdMob app id. Set values of ADMOB_UNIT_ID_BANNER and ADMOB_UNIT_ID_INTERSTITIAL constants to your own unit ids (banner id and interstitial id). Leave these constants empty if you don’t want to use AdMob. Empty means public static final String ADMOB_UNIT_ID_BANNER = "";.
Interstitial ad will be shown after each x url loadings or clicks on the navigation drawer menu. Frequency of showing AdMob interstitial ad can be set in ADMOB_INTERSTITIAL_FREQUENCY constant.
You can also specify your test device id in ADMOB_TEST_DEVICE_ID constant and use test mode when you are debugging the app. Requesting test ads is recommended when you are testing your application on a real device so you do not request invalid impressions. You can find your hashed device id in Android Monitor (Logcat) output by requesting an ad when debugging on your device. Open Android Monitor (Logcat) in Android Studio and look for “To get test ads on this device, call adRequest.addTestDevice(“XXXXXX…”);”. You can use filter/search to find this information in the log. That XXX string is the hashed device id. This applies only to real devices, not emulators. Emulators are considered as test devices by default so you don’t have to care about it.
This app is GDPR (European Union’s General Data Protection Regulation) compliant. GDPR consent form is shown to users located in the European Economic Area during the first launch of the app. Users can choose if they want to personalize ads or not. GDPR consent form requires a URL link to your privacy policy. You can specify the link in GDPR_PRIVACY_POLICY_URL constant. Leave the constant empty if you don’t want to show GDPR consent form. Empty means public static final String GDPR_PRIVACY_POLICY_URL = "";. Privacy policy link should be also provided within the app (e.g. in the navigation menu) because Google Play requires developers to provide a valid privacy policy when the app requests or handles sensitive user or device information (e.g. advertising identifier). You can use privacy policy generator.
Don’t forget to link your app to Firebase in the AdMob settings.
10. Create Signing Keystore
You need to create your own keystore to sign an APK file before publishing the app on Google Play. You can create the keystore in Android Studio or via keytool utility.
Easiest way is to create the keystore directly in Android Studio. Main menu -> Build -> Generate Signed Bundle / APK -> APK -> Create new. Keystore file name has to be webviewapp.jks and must be stored in extras/keystore directory. After you create the keystore file, you can just close the Generate Signed Bundle or APK dialog.
Make sure that newly created webviewapp.jks is stored in extras/keystore directory.
Open extras/keystore/webviewapp.properties and set keystore alias and passwords which you chose in step 1.
Done. Remember that webviewapp.jks and webviewapp.properties are automatically read by Gradle script when creating a release APK via assembleRelease command. Paths to these files are defined in gradle.properties.
Note: If you want to create the keystore via keytool utility, run following command: keytool -genkey -v -keystore webviewapp.jks -alias <your_alias> -keyalg RSA -keysize 2048 -validity 36500 where <your_alias> is your alias name. For example your company name or app name. Keytool utility is part of Java JDK. On Windows, you can find it usually in C:\Program Files\Java\jdkX.Y.Z\bin. On Mac, you can find it usually in /Library/Java/JavaVirtualMachines/jdkX.Y.Z/Contents/Home/bin. If you create the keystore this way, don’t forget for step 2 and 3 above.
Important: Don’t lose the keystore file, otherwise you will not be able to publish new updates on Google Play. You must use the same certificate throughout the lifespan of your app in order for users to be able to install new versions as updates to the app.
Customization
This chapter describes optional customizations of the app.
Action Bar
You can enable/disable action bar (toolbar) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set ACTION_BAR constant to true/false.
Title in the action bar is loaded from mobile/src/main/res/values/navigation.xml file. If you want to show an HTML title rather than a navigation title in the action bar, then set ACTION_BAR_HTML_TITLE constant in the configuration file to true.
Navigation Drawer Menu
You can enable/disable navigation drawer menu in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER constant to true/false.
You can enable/disable background image in the header of the navigation drawer menu. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER_HEADER_IMAGE constant to true/false. If it is disabled, accent color will be used for the background. Background image is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_bg.png. Logo shown in the header is stored in mobile/src/main/res/drawable-xxxhdpi/navigation_header_logo.png.
You can also enable/disable menu icon tint. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set NAVIGATION_DRAWER_ICON_TINT constant to true/false. Only transparent PNG icons can be tinted so if you don’t use transparent icons, it is recommended to disable icon tint. Tint color is defined in @color/navigation_icon_tint attribute in mobile/src/main/res/values/colors.xml.
Exit Confirmation
You can enable/disable exit confirmation dialog (when user tries to exit the app by pressing the back button) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set EXIT_CONFIRMATION constant to true/false.
Geolocation
Application supports geolocation. Keep in mind, that some users might have geolocation disabled on their device. Geolocation requires a permission to access GPS. Permission request is shown on start of the app. If user decides to reject the permission, geolocation will not work. If you don’t use geolocation on your web, it is better to disable it, because permission request will not be shown. You can enable/disable geolocation in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set GEOLOCATION constant to true/false.
Also keep in mind, that HTML5 geolocation is not allowed anymore with insecure HTTP protocol for security reasons. It is recommended to use secure HTTPS protocol. See Deprecating Powerful Features on Insecure Origins for more info.
Progress Placeholder
You can enable/disable progress placeholder (shown when loading a first page) in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set PROGRESS_PLACEHOLDER constant to true/false.
Pull-to-Refresh Gesture
You can enable/disable pull-to-refresh gesture in the configuration file. There are 3 modes. Open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of PULL_TO_REFRESH constant to ENABLED, DISABLED or PROGRESS. Set ENABLED to enable the gesture, set DISABLED to disable the gesture, set PROGRESS to disable the gesture and show only progress indicator.
Tip: If you have a problem with scrolling, try to disable the pull-to-refresh gesture. It usually resolves any scrolling issues.
Rate App Prompt
Rate my app prompt dialog is shown after each x launches of the app. Open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java file if you want to configure the rate app prompt. Frequency of showing the prompt can be set in RATE_APP_PROMPT_FREQUENCY constant. Set frequency to 0 if you don’t want to show the rate app prompt. Duration of showing the prompt (in milliseconds) can be set in RATE_APP_PROMPT_DURATION constant.
User Agent
You can set your custom user agent string for the webview. Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set value of WEBVIEW_USER_AGENT constant to your own user agent string. Leave the constant empty if you don’t want to set custom user agent string. Empty means public static final String WEBVIEW_USER_AGENT = "";.
Open Links in External Browser
If you click on some link in the webview, web page is opened directly in the webview by default. Pages can be opened in external browser. If you need this behavior, just open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and set OPEN_LINKS_IN_EXTERNAL_BROWSER = true.
You can also set rules which links will be opened in an external browser and which ones will be loaded in an internal webview. Open configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and add/remove rules in LINKS_OPENED_IN_EXTERNAL_BROWSER or LINKS_OPENED_IN_INTERNAL_WEBVIEW arrays. If a URL link of a page contains a string from the array, it will be opened in external browser/internal webview. These rules have higher priority than OPEN_LINKS_IN_EXTERNAL_BROWSER option. For example "http://www.example.com/?target=blank" will be opened externally and "http://www.example.com/?target=webview" will be opened internally.
Download Manager
This feature allows to download files from web into a device. Just click on a download link and the file will be automatically downloaded into the DOWNLOAD directory. File URL must have a specific format so the download manager can recognize it is a downloadable file. You can see progress of downloading in the notification panel.
By the default configuration, URL must ends with a supported extension (zip, pdf, mp3, avi etc.), e.g. http://www.example.com/path/mediafile.mp3. The default configuration also supports Google Drive and Dropbox links.
You can modify supported file extensions or expressions in the configuration file. Just open mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and add/remove file types or expressions in DOWNLOAD_FILE_TYPES array as you need. Entries in this array are regular expressions. If the webview URL matches with the regular expression, the file will be downloaded via download manager. Keep the array empty if you don’t want to use the download manager.
Intents in HTML
Application supports Android Intents. You can add a special link to your HTML file and you will be able to run appropriate external app to perform some action. For example send an e-mail or call somebody. Following intents are supported (example URI):
HTTP web page: http://android.com
HTTPS web page: https://google.com
E-mail: mailto:someone@example.com?subject=Hello
Phone call: tel:+0123456789
SMS: sms:+0123456789
Map point: geo:50.087474,14.421206
Map search: geo:0,0?q=Czech+Republic
These intents are also supported in the navigation menu.
Custom Colors and Icons
You can customize colors in mobile/src/main/res/values/colors.xml.
There are 30 icons which you can use for navigation drawer menu. If you need to create an icon for navigation drawer menu, it is recommended to use Android Asset Studio.
Multi-Language Support
Create a new directory mobile/src/main/res/values-xx where xx is an ISO 639-1 code of the language you want to translate. For example “values-es” for Spanish, “values-fr” for French, “values-de” for German etc. Copy strings.xml and navigation.xml from mobile/src/main/res/values into the new directory. Now you can translate texts or use different URL links for specific languages. Language is automatically determined by the system device settings. If there is no match with values-xx language, default language in mobile/src/main/res/values is selected. See Localizing with Resources for more info.
Deep Links
Application supports simple deep links which are specified in mobile/src/main/AndroidManifest.xml as an intent filter. Links have this format: http://host/pathPrefix or https://host/pathPrefix. Open mobile/src/main/res/values/strings.xml and change app_deep_link_host and app_deep_link_path as you need.
Uploading Files
Application supports uploading files from storage or camera. File picker requires a permission to access storage. Permission request is shown when some file is chose. If user decides to reject the permission, file upload will not work.
There is a known bug on Android 4.4 so the upload might not work properly on this version of Android. See official Android Issue Tracker for more info.
Video in HTML
Application supports HTML5 video, YouTube, Vimeo, JW Player etc. in fullscreen mode.
Antivirus False Positive
Some antivirus programs may find this app potentially dangerous. One of the reasons might be using JavaScript. If your app is detected as malicious, you should add it to antivirus white lists to avoid false positive issues. Usually you have to upload an APK file. You can report false positive findings here:
Avast
AVG
Avira
Bitdefender
Symantec
360 Total Security
Other
Building & Publishing
This chapter describes how to build an APK file using Gradle and prepare the app for publishing. Android Studio uses Gradle for building Android applications.
You don’t need to install Gradle on your system, because there is a Gradle Wrapper. The Wrapper is a batch script on Windows, and a shell script for other operating systems. When you start a Gradle build via the Wrapper, Gradle will be automatically downloaded and used to run the build.
Open the project in Android Studio.
Open the configuration file mobile/src/main/java/com/trusof/app/WebViewAppConfig.java and check if everything is setup correctly.
Open the main build script mobile/build.gradle and check version constants.
Run gradlew assemble in Android Studio terminal. Make sure you are running the command from the root directory of the project.
After the build is finished, the APK file should be available in mobile/build/outputs/apk/release directory.
Note: You can also create the APK file via Main menu -> Build -> Generate Signed Bundle / APK. If you want to do it this way, just choose your keystore, enter your alias, passwords and generate the APK.
Note: You will also need a “local.properties” file to set the location of the SDK in the same way that the existing SDK requires, using the “sdk.dir” property. Example of “local.properties” on Windows: sdk.dir=C:\\adt-bundle-windows\\sdk. Alternatively, you can set an environment variable called “ANDROID_HOME”. Android Studio will take care of it.
Tip: Command gradlew assemble builds both - debug and release APK. You can use gradlew assembleDebug to build debug APK. You can use gradlew assembleRelease to build release APK. Debug APK is signed by a debug keystore. Release APK is signed by your own keystore, stored in /extras/keystore directory.
Signing process: Keystore passwords are automatically loaded from property file during building the release APK. Path to this file is defined in “keystore.properties” property in “gradle.properties” file. If this property or the file does not exist, user is asked for passwords explicitly.
Versioning
Open the main build script mobile/build.gradle. There are 4 important constants for defining version code and version name.
VERSION_MAJOR
VERSION_MINOR
VERSION_PATCH
VERSION_BUILD
Keep in mind that versions have to be incremental. See Version Your App in Android documentation for more info.
Dependencies
AdvancedWebView
Alfonz
Android Support Library
Firebase
Google Play Services
VideoEnabledWebView
Changelog
Version 1.0.0
Initial release
Version 1.1.0
AdMob support
Configuration for opening links in webview
Version 1.2.0
Update Gradle script to be compatible with Android Studio 1.0
Download manager
Open links directly in the webview by default
Show progress bar when loading nested link
Fix refreshing of the current page
Fix text color of the HTML select
Fix Google Play intent
Version 1.3.0
Material design
New color themes
New set of menu icons
Rules for opening links in external browser or internal webview
Support for uploading files
Version 1.4.0
Push notifications
Launcher icon as a mipmap
Fix empty placeholder
Version 2.0.0
Better webview performance with faster loading and caching
Geolocation
Fullscreen video
Better design
Navigation drawer menu with optional categories
Interstitial ads
Runtime permissions
Title and URL link of the page in share message
Pull-to-Refresh gesture on offline and empty screen
RTL
One config file for everything (Google Analytics, AdMob, Parse, enable/disable extra features)
Update SDK and libraries
Huge refactoring of the code with many improvements and optimizations
Version 2.1.0
OneSignal.com push notification service (Parse.com is shutting down)
Configuration for navigation drawer menu icon tint
Version 2.2.0
Uploading photos directly from camera
Rate my app prompt
Exit confirmation
Intents in the navigation menu
Action bar title based on HTML title
Download manager uses regular expressions to detect a downloadable file
Interstitial ad frequency counter based on URL loadings
Fix handling back button on video view
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.3.0
Fix showing progress indicator
Fix key listener
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.3.1
Support for Android Studio 3.0
Version 2.4.0
Firebase Cloud Messaging (push notifications)
Firebase Analytics
Show interstitial ads on local pages
Hide AdMob banner on error
GDPR compliant (European Union’s General Data Protection Regulation)
Deep links
Privacy policy link
Adaptive launcher icon
Support for Facebook, Twitter, WhatsApp URI protocols
User agent in the config
Progress placeholder in the config
Fix saving cookies
Fix downloading images
Fix image upload on new versions of Android
Update SDK and libraries
Refactoring of the code and optimizations
Version 2.5.0
Pull to refresh gesture modes
Location settings prompt
Animate AdMob banner
Developed by
Trusof Templates
License
Codecanyon license
Comments
Post a Comment