WebView Archives - AndroidRide

Do you want to make a webview browser?

Don’t worry, I will help you to make a simple one.

Just like this.

simple browser - android webview example - progressbar included - download source code — simple browser – android webview example – progressbar included – download source code

Download Source Code – Kotlin & Java

In this post, you will learn more about WebView. Okay, let’s start…

Contents

What is Android WebView?

There may be occasions when you want to show a webpage to your users such as Terms and conditions, app manual or your website and so on.

In a traditional way, we can send users to an external web browser but there is no guarantee that users would come back. So that’s one of the main reasons Android introduced a widget named WebView.

As the name suggests it helps to show or view online and offline web pages in our app. It’s available in android.webkit package and has abilities in history management, zooming, javascript, and CSS rendering.

So you can load the webpage easily in your app, webview will take care of it. It’s not a browser because it lacks navigational toolbar like features.

From the beginning to now, WebView has grown a lot. Let’s check how it implemented in Android.

WebView to Android System Webview – implementation history

WebView to Android System WebView -WebView implementation history

WebView was added in API level 1. It renders web pages using Webkit engine, which behind Apple’s Safari browser. Actually, WebKit makes an environment or views for the webpage to display on the app.

In Android 4.4, For better performance, Google decided to change webview rendering from stock webview to google’s chromium or blink.

Lots of bugs and fixes through os update, that made long time vulnerable. So Android engineers innovated a separate Android System Webview app that can install and update through Google’s app market Play store with next release “Lolipop”.

That made easy fixes in less time.

In Android 7.0, there is no need to enable Android System Webview app, Chrome will take care of webview. if it is disabled or uninstalled already, the system will use android system webview.

If both of them get disabled, webview will use stock Webkit engine and take care of your valuable web pages.

How to add WebView to your layout?

Webview can easily be added in your layout as any other view. You can just drag and drop webview or write code for that just like below



<?xml version="1.0" encoding="utf-8"?>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<?xml version="1.0" encoding="utf-8"?>

<WebView xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent" />

You can use it as a root element or as a child element. While using as a root element don’t forget to add XML namespace.

How To Create WebView Programmatically In Android?



import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
		
		//make a webview object
		val webview= WebView(this)
	    //show it through setcontentview()method
		setContentView(webview)
        
    }
}

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.webkit.WebView

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

//make a webview object

val webview= WebView(this)

//show it through setcontentview()method

setContentView(webview)

}

Click here to view java code

What is layout in Android?

For Kotlin users, I am using Android studio 3.1.2 and it uses Kotlin Android Extensions plugin by default. So there is no need to call findviewByid and cast. just use the id of the widget and call the methods.

Make sure Android Studio has imported these lines



import kotlinx.android.synthetic.main.activity_main.*

import kotlinx.android.synthetic.main.activity_main.*

Okay… Let’s start with our first example – Using the loadUrl() method.

Android WebView loadUrl() example

We can easily load a webpage in webview using loadUrl() method. Just put your URL as a string, Before that, we must provide Internet permission in AndroidManifest.xml.



<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.INTERNET"/>

create a webview app in android with below code



package com.androidride.webviewloadurlex

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //loads androidride homepage to webview, webview: id of webview
        webview.loadUrl("https://www.androidride.com")
    }
}

package com.androidride.webviewloadurlex

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//loads androidride homepage to webview, webview: id of webview

webview.loadUrl("https://www.androidride.com")

}

Click here to view java code

How to force open links in webview?

If you are testing webview code in devices which contains Android System WebView version below 43.0.2357.121 or below Lolipop. If anyone below happens

server side redirect
Click on links in WebView

Then it might lead to opening an external browser. To force open all links in WebView, we need to set WebViewClient.



webview.webViewClient = WebViewClient()

webview.webViewClient = WebViewClient()

Click here to view Java code

This is enough to open your links in webview. It internally calls, shouldOverrideUrlLoading() method and it returns false. False means redirect or clicking on a link opens in the same webview, True will abort the operation.

How to open link in the external browser using Android WebView

Sometimes You need to open your website links in webview and other links in external browsers. Then you can use the below sample code.

replace “www.example.com” with your site name.


 webview.webViewClient = object : WebViewClient()
        {

            override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean
            {
                if(Uri.parse(url).host=="www.example.com")
                {
                    return false
                }

                val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url))
                startActivity(intent)
                return true

            }
}

webview.webViewClient = object : WebViewClient()

{

override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean

{

if(Uri.parse(url).host=="www.example.com")

{

return false

}

val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url))

startActivity(intent)

return true

}

Click here to show Java code

But shouldOverrideUrlLoading (WebView view, String url) was deprecated in API level 24. So if you are planning to make an application for Nougat or above, then you can use

public boolean shouldOverrideUrlLoading (WebView view,WebResourceRequest request)

To open links in WebView in All devices use both shouldOverrideUrlLoading() methods just like


 webview.webViewClient = object : WebViewClient()
        {
            override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean
            {
                if(Uri.parse(url).host=="www.example.com")
                {
                    return false
                }

                val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url))
                startActivity(intent)
                return true

            }

            @RequiresApi(Build.VERSION_CODES.N)
            override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean
            {
            val url=request?.url.toString()

                if(Uri.parse(url).host=="www.example.com")
                {
                    return false
                }
                val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url));
                startActivity(intent)
                return true

            }
        }

webview.webViewClient = object : WebViewClient()

{

override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean

{

if(Uri.parse(url).host=="www.example.com")

{

return false

}

val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url))

startActivity(intent)

return true

}

@RequiresApi(Build.VERSION_CODES.N)

override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean

{

val url=request?.url.toString()

if(Uri.parse(url).host=="www.example.com")

{

return false

}

val intent= Intent(Intent.ACTION_VIEW,Uri.parse(url));

startActivity(intent)

return true

}

Click here to view java code



 @RequiresApi(Build.VERSION_CODES.N)
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
        {
            String url=request.getUrl().toString();

            if (Uri.parse(url).getHost().equals("https://www.example.com")) {
                return false;
            }
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;

        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url)
        {
            if (Uri.parse(url).getHost().equals("https://www.example.com")) {
                return false;
            }
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        }
    }

@RequiresApi(Build.VERSION_CODES.N)

@Override

public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)

{

String url=request.getUrl().toString();

if (Uri.parse(url).getHost().equals("https://www.example.com")) {

return false;

}

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));

startActivity(intent);

return true;

}

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url)

{

if (Uri.parse(url).getHost().equals("https://www.example.com")) {

return false;

}

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));

startActivity(intent);

return true;

}

How To Play YouTube Video In WebView By Enabling JavaScript In Android

Let’s open youtube in our webview.

Use our first example, and replace URL in loadUrl with “https://www.youtube.com” and run.


webview.loadUrl("https://www.youtube.com");

webview.loadUrl("https://www.youtube.com");

You may see these type of actions:

Youtube shows a progress bar loading.
Bowser says Please enable JavaScript in your browser.

This is because of JavaScript. If you are a web developer, you already know the importance of javascript. If you don’t, Javascript is a client-side programming language, it helps us to provide validation, animations and popups and so on.

By default, Javascript is disabled on your browser. we can easily enable it by simple lines of code.

how to enable javascript in android webview



        //enables javascript in webview
        webview.settings.javaScriptEnabled = true

//enables javascript in webview

webview.settings.javaScriptEnabled = true

Click here to view Java code

Now you can start watching youtube videos in your webview.

Android WebView local file example

In this example, you will learn how to show a local HTML file in webview. We have already created a webpage for you. You can use that for a sample.


<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Android webview local file ex - androidride</title>
<style type="text/css">
h1
{
border:2px solid #707cff;
padding:5px;
color:#707cff;
margin-top:120px;
text-align:center;
background-color:white;
}
p
{
text-align:center;
}
body
{
background-color:#e0e0e0;
}
</style>
</head>
<body>
<h1>ANDROIDRIDE</h1>
<p>
This is a <strong>local html file</strong> loaded from <strong>assets</strong> folder
</p>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Android webview local file ex - androidride</title>

{

border:2px solid #707cff;

padding:5px;

color:#707cff;

margin-top:120px;

text-align:center;

background-color:white;

}

{

text-align:center;

}

body

{

background-color:#e0e0e0;

}

</style>

</head>

<body>

<h1>ANDROIDRIDE</h1>

<p>

This is a <strong>local html file</strong> loaded from <strong>assets</strong> folder

</p>

</body>

</html>

Just make an assets folder in your project, Right click on app->New->Folder->Assets Folder. Now a dialog appears to change the location of assets folder. Leave it and Click Finish.

Place demo.html into assets folder and use below code


package com.example.androidride.webviewlocalfileex

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
//loads local html file
        webview.loadUrl("file:///android_asset/demo.html")

    }
}

package com.example.androidride.webviewlocalfileex

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//loads local html file

webview.loadUrl("file:///android_asset/demo.html")

}

Click here to view java code

loadUrl() uses

LoadUrl() is a broad method and it works with:

http:// and https:// URLs.

Eg: webview.loadUrl(“https://www.androidride.com”)
Webview.loadUrl(“//www.androidride.com”)

Local filesystem URLs.

Eg: webview.loadUrl(“file:///storage/sdcard/index.html”)

Don’t forget to add



<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

In your AndroidManifest.xml.

Application assets and resources URLs.

eg:Webview.loadUrl(“file:///android_asset/demo.html”)

In URL, use android_asset not android_assets, yes, there is no ‘s’ at the end.

webview.loadUrl(“file:///android_res/mipmap/ic_launcher”)
There is no need for the file extension, but it won’t be a problem if you add it.

content://URLs pointing content provider.

ERR_UNKNOWN_URL_SCHEME in Android WebView – Fixed.

In this example, You will learn how to solve ERR_UNKNOWN_URL_SCHEME in Android WebView. This type of error happens when WebView deals with UNKNOWN URL SCHEME links. Before that learn some basics.

What is URL SHEME?

The URL scheme is something before the colon in the URL. actually, it’s the protocol describes how to access the resource.

Scheme://host:port?path
eg: https://www.androidride.com:80/webview.html

WebView knows how to deal with HTTP, HTTPS, and file Schemes, but they don’t know what to do when these type of schemes come. ‘tel:’, ‘sms:’, and ‘mailto:’ and others.

So we have to tell webview to how to deal with those schemes in shouldOverrideUrlLoading() method. In this example, we are going to use ‘tel:’, ‘sms:’, ‘mailto:’, and ‘geo:’ links. When you click on them, each link will get opened with appropriate apps installed on your Android device.

demo.html



       <!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Err_Unknown_URL_scheme fixed - androidride</title>
</head>
<body>
<a href='tel:99999999999'>Click here to call</a><br><br>
<a href='sms:99999999999'>Click here to message</a><br><br>
<a href='mailto:example@mail.com'>Click here to mail</a><br><br>
<a href='geo:51.5074,0.1278'>Click here to show location</a><br><br>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Err_Unknown_URL_scheme fixed - androidride</title>

</head>

<body>

<a href='tel:99999999999'>Click here to call</a><br><br>

<a href='sms:99999999999'>Click here to message</a><br><br>

<a href='mailto:example@mail.com'>Click here to mail</a><br><br>

<a href='geo:51.5074,0.1278'>Click here to show location</a><br><br>

</body>

</html>



import android.content.ActivityNotFoundException
import android.content.Intent
import android.net.Uri
import android.os.Build
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.support.annotation.RequiresApi
import android.util.Log
import android.webkit.URLUtil
import android.webkit.WebResourceRequest
import android.webkit.WebView
import android.webkit.WebViewClient
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)


        webview.webViewClient = MyWebViewClient()
        webview.loadUrl("file:///android_asset/demo.html")
    }

    inner class MyWebViewClient : WebViewClient()
    {
        override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean
        {
            if(URLUtil.isNetworkUrl(url))
            {
                return false
            }
                try
                {
                val shareIntent= Intent()
                shareIntent.action=Intent.ACTION_VIEW
                shareIntent.data= Uri.parse(url)
                startActivity(shareIntent)
                }
                catch(e: ActivityNotFoundException)
                {
Toast.makeText(this@MainActivity, "Appropriate app not found", Toast.LENGTH_LONG).show()
                    Log.e("AndroidRide",e.toString())
                }
            return true
        }
        @RequiresApi(Build.VERSION_CODES.N)
        override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean
        {
            val url=request?.url.toString()
            if(URLUtil.isNetworkUrl(url))
            {
                return false
            }
            try
            {
                val shareIntent= Intent()
                shareIntent.action=Intent.ACTION_VIEW
                shareIntent.data= Uri.parse(url)
                startActivity(shareIntent)
            }
            catch(e: ActivityNotFoundException)
            {
Toast.makeText(this@MainActivity, "Appropriate app not found", Toast.LENGTH_LONG).show()
                Log.e("AndroidRide",e.toString())
            }
            return true

        }

    }
}

import android.content.ActivityNotFoundException

import android.content.Intent

import android.net.Uri

import android.os.Build

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.support.annotation.RequiresApi

import android.util.Log

import android.webkit.URLUtil

import android.webkit.WebResourceRequest

import android.webkit.WebView

import android.webkit.WebViewClient

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

webview.webViewClient = MyWebViewClient()

webview.loadUrl("file:///android_asset/demo.html")

}

inner class MyWebViewClient : WebViewClient()

{

override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean

{

if(URLUtil.isNetworkUrl(url))

{

return false

}

try

{

val shareIntent= Intent()

shareIntent.action=Intent.ACTION_VIEW

shareIntent.data= Uri.parse(url)

startActivity(shareIntent)

}

catch(e: ActivityNotFoundException)

{

Toast.makeText(this@MainActivity, "Appropriate app not found", Toast.LENGTH_LONG).show()

Log.e("AndroidRide",e.toString())

}

return true

}

@RequiresApi(Build.VERSION_CODES.N)

override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean

{

val url=request?.url.toString()

if(URLUtil.isNetworkUrl(url))

{

return false

}

try

{

val shareIntent= Intent()

shareIntent.action=Intent.ACTION_VIEW

shareIntent.data= Uri.parse(url)

startActivity(shareIntent)

}

catch(e: ActivityNotFoundException)

{

Toast.makeText(this@MainActivity, "Appropriate app not found", Toast.LENGTH_LONG).show()

Log.e("AndroidRide",e.toString())

}

return true

}

Click here to view Java code


public class MainActivity extends AppCompatActivity {

    WebView webview;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webview=(WebView)findViewById(R.id.webview);
        webview.setWebViewClient(new MyWebViewClient());

        webview.loadUrl("file:///android_asset/demo.html");

        }


        class MyWebViewClient extends WebViewClient
        {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String  url)
            {

                if( URLUtil.isNetworkUrl(url) )
                {
                    return false;
                }
                try {
                    Intent intent = new Intent(Intent.ACTION_VIEW);
                    intent.setData(Uri.parse(url));
                    startActivity(intent);

                }catch(ActivityNotFoundException e)
                {
                    Log.e("AndroiRide",e.toString());
                    Toast.makeText(MainActivity.this,"No activity found",Toast.LENGTH_LONG).show();
                }

                return true;
            }

            @RequiresApi(Build.VERSION_CODES.N)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
            {
                String url=request.getUrl().toString();
                if( URLUtil.isNetworkUrl(url) )
                {
                    return false;
                }
                try {
                    Intent intent = new Intent(Intent.ACTION_VIEW);
                    intent.setData(Uri.parse(url));
                    startActivity(intent);

                }catch(ActivityNotFoundException e)
                {
                    Log.e("AndroiRide",e.toString());
                    Toast.makeText(MainActivity.this,"No activity found",Toast.LENGTH_LONG).show();
                }

                return true;
            }
        }
}

public class MainActivity extends AppCompatActivity {

WebView webview;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

webview=(WebView)findViewById(R.id.webview);

webview.setWebViewClient(new MyWebViewClient());

webview.loadUrl("file:///android_asset/demo.html");

}

class MyWebViewClient extends WebViewClient

{

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url)

{

if( URLUtil.isNetworkUrl(url) )

{

return false;

}

try {

Intent intent = new Intent(Intent.ACTION_VIEW);

intent.setData(Uri.parse(url));

startActivity(intent);

}catch(ActivityNotFoundException e)

{

Log.e("AndroiRide",e.toString());

Toast.makeText(MainActivity.this,"No activity found",Toast.LENGTH_LONG).show();

}

return true;

}

@RequiresApi(Build.VERSION_CODES.N)

@Override

public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)

{

String url=request.getUrl().toString();

if( URLUtil.isNetworkUrl(url) )

{

return false;

}

try {

Intent intent = new Intent(Intent.ACTION_VIEW);

intent.setData(Uri.parse(url));

startActivity(intent);

}catch(ActivityNotFoundException e)

{

Log.e("AndroiRide",e.toString());

Toast.makeText(MainActivity.this,"No activity found",Toast.LENGTH_LONG).show();

}

return true;

}

If it’s a network URL, WebView force the links to open in WebView,otherwise find a best option from Android System.

Create your webview app with the above code or you can download our example.

WebView loadData() example in Android

In this Android WebView example, we will show you how to render HTML code in Android WebView. It’s simple, Android API provides a method called loadData().

loadData() method needs 3 contents.

String htmlData: This is our html content.
String mimeType: here we use “text/html”.
String encoding: most of the time, base64 or UTF-8.

It works with data,http and https schemes.
If you use other schemes, webview can’t access content due to javascript same origin policy.
You should use loadDataWithBaseURL(), if you want to use other schemes.


class MainActivity : AppCompatActivity()
{

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val html="<html><body><h1>Hi, AndroidRide</h1></body></html>"

        webview.loadData(html,"text/html","UTF-8")
    }
}

class MainActivity : AppCompatActivity()

{

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

val html="<html><body><h1>Hi, AndroidRide</h1></body></html>"

webview.loadData(html,"text/html","UTF-8")

}

Click here to view java code

WebView loadDataWithBaseURL() example in Android

In this example, you will learn how to work with loadDataWithBaseURL() example. When you want to fetch an image from the assets folder using loadData() method. JavaScript origin policy restricts the access to content.

loadDataWithBaseURL() avoids this problem by specifying BaseURL. Using the Base URL, system resolve relative URLs in HTML content.

loadDataWithBaseURL() needs

String baseURL: This URL is used to resolve relatvie URLs.
String data: Html content that you want to show.
String mimeType: mimeType of HTML data
String encoding: encoding of html data
String historyURL: This URL loads when you navigate back in webview

In this example, I am going to use the same loadData() code but just want to add image ‘ic_launcher’ from the mipmap folder.


class MainActivity : AppCompatActivity()
{

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val html="<html><body><h1>Hi,AndroidRide</h1><img src=\"ic_launcher\"/> </body></html>"
        webview.loadDataWithBaseURL("file:///android_res/mipmap/",html,"text/html","UTF-8",null)
    }
}

class MainActivity : AppCompatActivity()

{

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

val html="<html><body><h1>Hi,AndroidRide</h1><img src=\"ic_launcher\"/> </body></html>"

webview.loadDataWithBaseURL("file:///android_res/mipmap/",html,"text/html","UTF-8",null)

}

Click here to view java code

android webview loaddatawithbaseurl example

Android WebView Download File example

You can download the file using AsyncTask too.

Create a webview app project in Android Studio, Add below lines to AndroidManifest.xml


<uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

Use below code


package com.example.androidride.webviewdownloadfileex

import android.Manifest
import android.app.DownloadManager
import android.content.Context
import android.content.pm.PackageManager
import android.net.Uri
import android.os.Build
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.os.Environment
import android.support.v4.app.ActivityCompat
import android.support.v7.app.AlertDialog
import android.webkit.CookieManager
import android.webkit.URLUtil
import android.webkit.WebViewClient
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        webview.loadUrl("https://www.google.com")
        webview.webViewClient = WebViewClient()

        webview.setDownloadListener { url, userAgent, contentDisposition, mimetype, contentLength ->
            //checking Runtime permissions
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
            {
                if (checkSelfPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {
                    //Do this, if permission granted
                    downloadDialog(url, userAgent, contentDisposition, mimetype)

                } else {

                    //Do this, if there is no permission
                    ActivityCompat.requestPermissions(
                        this,
                        arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE),
                        1
                    )

                }
            } else {
                //Code for devices below API 23 or Marshmallow
                downloadDialog(url, userAgent, contentDisposition, mimetype)

            }
        }
    }

    fun downloadDialog(url:String,userAgent:String,contentDisposition:String,mimetype:String)
    {
        //getting file name from url
        val filename = URLUtil.guessFileName(url, contentDisposition, mimetype)
        //Alertdialog
        val builder = AlertDialog.Builder(this@MainActivity)
        //title for AlertDialog
        builder.setTitle("Download")
        //message of AlertDialog
        builder.setMessage("Do you want to save $filename")
        //if YES button clicks
        builder.setPositiveButton("Yes") { dialog, which ->
            //DownloadManager.Request created with url.
            val request = DownloadManager.Request(Uri.parse(url))
            //cookie
            val cookie = CookieManager.getInstance().getCookie(url)
            //Add cookie and User-Agent to request
            request.addRequestHeader("Cookie",cookie)
            request.addRequestHeader("User-Agent",userAgent)
            //file scanned by MediaScannar
            request.allowScanningByMediaScanner()
            //Download is visible and its progress, after completion too.
            request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED)
            //DownloadManager created
            val downloadmanager = getSystemService(Context.DOWNLOAD_SERVICE) as DownloadManager
            //Saving file in Download folder
            request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS,filename)
            //download enqued
            downloadmanager.enqueue(request)
        }
        //If Cancel button clicks
        builder.setNegativeButton("Cancel")
        {dialog, which ->
            //cancel the dialog if Cancel clicks
            dialog.cancel()
        }

        val dialog:AlertDialog = builder.create()
        //alertdialog shows
        dialog.show()

    }
}

100

package com.example.androidride.webviewdownloadfileex

import android.Manifest

import android.app.DownloadManager

import android.content.Context

import android.content.pm.PackageManager

import android.net.Uri

import android.os.Build

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.os.Environment

import android.support.v4.app.ActivityCompat

import android.support.v7.app.AlertDialog

import android.webkit.CookieManager

import android.webkit.URLUtil

import android.webkit.WebViewClient

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

webview.loadUrl("https://www.google.com")

webview.webViewClient = WebViewClient()

webview.setDownloadListener { url, userAgent, contentDisposition, mimetype, contentLength ->

//checking Runtime permissions

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)

{

if (checkSelfPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {

//Do this, if permission granted

downloadDialog(url, userAgent, contentDisposition, mimetype)

} else {

//Do this, if there is no permission

ActivityCompat.requestPermissions(

this,

arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE),

)

}

} else {

//Code for devices below API 23 or Marshmallow

downloadDialog(url, userAgent, contentDisposition, mimetype)

}

fun downloadDialog(url:String,userAgent:String,contentDisposition:String,mimetype:String)

{

//getting file name from url

val filename = URLUtil.guessFileName(url, contentDisposition, mimetype)

//Alertdialog

val builder = AlertDialog.Builder(this@MainActivity)

//title for AlertDialog

builder.setTitle("Download")

//message of AlertDialog

builder.setMessage("Do you want to save $filename")

//if YES button clicks

builder.setPositiveButton("Yes") { dialog, which ->

//DownloadManager.Request created with url.

val request = DownloadManager.Request(Uri.parse(url))

//cookie

val cookie = CookieManager.getInstance().getCookie(url)

//Add cookie and User-Agent to request

request.addRequestHeader("Cookie",cookie)

request.addRequestHeader("User-Agent",userAgent)

//file scanned by MediaScannar

request.allowScanningByMediaScanner()

//Download is visible and its progress, after completion too.

request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED)

//DownloadManager created

val downloadmanager = getSystemService(Context.DOWNLOAD_SERVICE) as DownloadManager

//Saving file in Download folder

request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS,filename)

//download enqued

downloadmanager.enqueue(request)

}

//If Cancel button clicks

builder.setNegativeButton("Cancel")

{dialog, which ->

//cancel the dialog if Cancel clicks

dialog.cancel()

}

val dialog:AlertDialog = builder.create()

//alertdialog shows

dialog.show()

}

click here to view android download file java code



public class MainActivity extends AppCompatActivity
{
    private static final String TAG="AndroidRide";
    private WebView webview;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webview=(WebView)findViewById(R.id.webview);
        webview.loadUrl("https://www.google.com");

        webview.setWebViewClient(new WebViewClient());

        webview.setDownloadListener(new DownloadListener() {
            @Override
            public void onDownloadStart(final String url, final String userAgent, String contentDisposition, String mimetype, long contentLength)
            {
				//Checking runtime permission for devices above Marshmallow.
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    if (checkSelfPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)
                            == PackageManager.PERMISSION_GRANTED) {
                        Log.v(TAG,"Permission is granted");
                        downloadDialog(url,userAgent,contentDisposition,mimetype);

                    } else {

                        Log.v(TAG,"Permission is revoked");
						//requesting permissions.
                        ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);

                    }
                }
                else {
                    //Code for devices below API 23 or Marshmallow
                    Log.v(TAG,"Permission is granted");
                    downloadDialog(url,userAgent,contentDisposition,mimetype);

                }
            }
        });
    }
    public void downloadDialog(final String url,final String userAgent,String contentDisposition,String mimetype)
    {
		//getting filename from url.
        final String filename = URLUtil.guessFileName(url,contentDisposition,mimetype);
		//alertdialog
        AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
		//title of alertdialog
        builder.setTitle("Download");
		//message of alertdialog
        builder.setMessage("Do you want to save " +filename);
		//if Yes button clicks.
        builder.setPositiveButton("Yes", new DialogInterface.OnClickListener()
        {
            @Override
            public void onClick(DialogInterface dialog, int which)
            {
				//DownloadManager.Request created with url.
                DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url));
				//cookie
                String cookie=CookieManager.getInstance().getCookie(url);
				//Add cookie and User-Agent to request
                request.addRequestHeader("Cookie",cookie);
                request.addRequestHeader("User-Agent",userAgent);
				 //file scanned by MediaScannar
                request.allowScanningByMediaScanner();
				//Download is visible and its progress, after completion too.
                request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED);
				//DownloadManager created
                DownloadManager downloadManager=(DownloadManager)getSystemService(DOWNLOAD_SERVICE);
				//Saving files in Download folder
                request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, filename);
				//download enqued
                downloadManager.enqueue(request);
            }
        });
        builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) 
			{
			//cancel the dialog if Cancel clicks
			dialog.cancel();
            }

        });
		//alertdialog shows.
        builder.create().show();

    }

}

public class MainActivity extends AppCompatActivity

{

private static final String TAG="AndroidRide";

private WebView webview;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

webview=(WebView)findViewById(R.id.webview);

webview.loadUrl("https://www.google.com");

webview.setWebViewClient(new WebViewClient());

webview.setDownloadListener(new DownloadListener() {

@Override

public void onDownloadStart(final String url, final String userAgent, String contentDisposition, String mimetype, long contentLength)

{

//Checking runtime permission for devices above Marshmallow.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

if (checkSelfPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)

== PackageManager.PERMISSION_GRANTED) {

Log.v(TAG,"Permission is granted");

downloadDialog(url,userAgent,contentDisposition,mimetype);

} else {

Log.v(TAG,"Permission is revoked");

//requesting permissions.

ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);

}

else {

//Code for devices below API 23 or Marshmallow

Log.v(TAG,"Permission is granted");

downloadDialog(url,userAgent,contentDisposition,mimetype);

}

});

}

public void downloadDialog(final String url,final String userAgent,String contentDisposition,String mimetype)

{

//getting filename from url.

final String filename = URLUtil.guessFileName(url,contentDisposition,mimetype);

//alertdialog

AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);

//title of alertdialog

builder.setTitle("Download");

//message of alertdialog

builder.setMessage("Do you want to save " +filename);

//if Yes button clicks.

builder.setPositiveButton("Yes", new DialogInterface.OnClickListener()

{

@Override

public void onClick(DialogInterface dialog, int which)

{

//DownloadManager.Request created with url.

DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url));

//cookie

String cookie=CookieManager.getInstance().getCookie(url);

//Add cookie and User-Agent to request

request.addRequestHeader("Cookie",cookie);

request.addRequestHeader("User-Agent",userAgent);

//file scanned by MediaScannar

request.allowScanningByMediaScanner();

//Download is visible and its progress, after completion too.

request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED);

//DownloadManager created

DownloadManager downloadManager=(DownloadManager)getSystemService(DOWNLOAD_SERVICE);

//Saving files in Download folder

request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, filename);

//download enqued

downloadManager.enqueue(request);

}

});

builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which)

{

//cancel the dialog if Cancel clicks

dialog.cancel();

}

});

//alertdialog shows.

builder.create().show();

}

How To Run JavScript In Android WebView

how to run javascript in android webview

I already said JavaScript has an important role in the web world. In Android, we can also make use of JavaScript by sending data to Javascript from Android and vice versa. But it also raises security issues too. If you are using any third-party code, make sure it’s not vulnerable to users security.

Android API provides a number of methods and classes to achieve a super web app. I have categorized them

JavaScript calling Kotlin/Java

addJavascriptInterface()
WebMessagePort – (6.0)

Kotlin/Java calling JavaScript

loadUrl()
evaluateJavascript() – (4.4)
WebMessage – (6.0)

The numbers shown in the brackets means the starting API. We are not going to discuss WebMessagePort and WebMessage here. That will be updated later.

webview addJavascriptInterface example in android

In this addJavascriptInterface example, we send a message from a local HTML webpage to Android and show it through a toast.

JavaScript can access methods in API level Build.VERSION_CODES.JELLY_BEAN_MR1 and above, if they are

defined as public
annotated with JavascriptInterface

sample.html


<html>
<head>
<title>WebView addJavascriptInterface Example</title>
<script language="javascript">

function sendToAndroid()
{
var str=document.getElementById('input').value;
javascript_object.showToast(str);
}

</script>

</head>
<body>

<center>
<h2>Web To Android</h2>
<input id="input" type="text"/>
<br>
<br>
<button onclick="sendToAndroid()">show Toast</button>
</center>
</body>
</html>

<html>

<head>

<title>WebView addJavascriptInterface Example</title>

function sendToAndroid()

{

var str=document.getElementById('input').value;

javascript_object.showToast(str);

}

</script>

</head>

<body>

<h2>Web To Android</h2>

<br>

<button onclick="sendToAndroid()">show Toast</button>

</center>

</body>

</html>

MainActivity.kt


class MainActivity : AppCompatActivity()
{
    @SuppressLint( "SetJavaScriptEnabled")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //webview loads sample html
        webview.loadUrl("file:///android_asset/sample.html")
        //enables javascript in webview
        webview.settings.javaScriptEnabled = true
        //injecting java object
        webview.addJavascriptInterface(JavascriptInterface(),"javascript_object")
    }

    private inner class JavascriptInterface
    {
        @android.webkit.JavascriptInterface
        fun showToast(text: String?)
        {
            //toasting the text
            Toast.makeText(this@MainActivity,text,Toast.LENGTH_SHORT).show()
        }
    }

    override fun onDestroy()
    {
        //removes the java object from webview
        webview.removeJavascriptInterface("javascript_object")
        super.onDestroy()
    }
}

class MainActivity : AppCompatActivity()

{

@SuppressLint( "SetJavaScriptEnabled")

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//webview loads sample html

webview.loadUrl("file:///android_asset/sample.html")

//enables javascript in webview

webview.settings.javaScriptEnabled = true

//injecting java object

webview.addJavascriptInterface(JavascriptInterface(),"javascript_object")

}

private inner class JavascriptInterface

{

@android.webkit.JavascriptInterface

fun showToast(text: String?)

{

//toasting the text

Toast.makeText(this@MainActivity,text,Toast.LENGTH_SHORT).show()

}

override fun onDestroy()

{

//removes the java object from webview

webview.removeJavascriptInterface("javascript_object")

super.onDestroy()

}

Click here to view addJavascriptInterface - Java code


public class MainActivity extends AppCompatActivity
{
WebView webview;

    @SuppressLint("SetJavascriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //get webview
        webview=(WebView)findViewById(R.id.webview);
        //webview loads sample html
        webview.loadUrl("file:///android_asset/sample.html");
        //enables javascript in webview
        webview.getSettings().setJavaScriptEnabled(true);
        //injecting java object in webview
        webview.addJavascriptInterface(new JavascriptInterface(),"javascript_object");

    }
    public class JavascriptInterface
    {

        @android.webkit.JavascriptInterface
        public void showToast(String text)
        {
            //toasting text
            Toast.makeText(MainActivity.this, text, Toast.LENGTH_SHORT).show();
        }
    }

    @Override
    protected void onDestroy()
    {
        //removes java object from webview
        webview.removeJavascriptInterface("javascript_object");
        super.onDestroy();
    }
}

public class MainActivity extends AppCompatActivity

{

WebView webview;

@SuppressLint("SetJavascriptEnabled")

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//get webview

webview=(WebView)findViewById(R.id.webview);

//webview loads sample html

webview.loadUrl("file:///android_asset/sample.html");

//enables javascript in webview

webview.getSettings().setJavaScriptEnabled(true);

//injecting java object in webview

webview.addJavascriptInterface(new JavascriptInterface(),"javascript_object");

}

public class JavascriptInterface

{

@android.webkit.JavascriptInterface

public void showToast(String text)

{

//toasting text

Toast.makeText(MainActivity.this, text, Toast.LENGTH_SHORT).show();

}

@Override

protected void onDestroy()

{

//removes java object from webview

webview.removeJavascriptInterface("javascript_object");

super.onDestroy();

}

how above code works?

JavaScript enabled.
Inject java object into webpage using addJavascriptInterface() method. It needs
1. Java class object: The java class object which inject into webview
2. String name: The name used to access java methods from JavaScript
3. It’s better to remove java object from webview after the use

WebView evaluateJavascript example in Android

evaluatejavascript android webview example

Let’s call javascript from Java. In this example, we receive the text from edittext and send it to the local HTML page. Use loadUrl() for below 4.4 and evaluateJavascript() works with KitKat and above.

sample.html

code>
<html>
<head>
<title>Android EvaluateJavascript Example</title>
<script language="javascript">

function show(message)
{
document.getElementById('p').innerHTML=message;
}

</script>

</head>
<body>
<center>
<h2>WebView</h2>
<br>
<p id="p"></p>
</center>

</body>
</html>

code>

<html>

<head>

<title>Android EvaluateJavascript Example</title>

function show(message)

{

document.getElementById('p').innerHTML=message;

}

</script>

</head>

<body>

<h2>WebView</h2>

<br>

</center>

</body>

</html>

MainActivity.kt


class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //loads sample html
        webview.loadUrl("file:///android_asset/sample.html")
        //enables javascript in webview
        webview.settings.javaScriptEnabled = true
    }

    fun sendMessage(view: View?)
    {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
        {
            //calls when version code greater than or equal to KITKAT
            webview.evaluateJavascript("show(\"" + edittext.getText() + "\")",null)
        }
        else
        {
            webview.loadUrl("javascript:show(\"" + edittext.getText() + "\")")
        }
    }
}

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//loads sample html

webview.loadUrl("file:///android_asset/sample.html")

//enables javascript in webview

webview.settings.javaScriptEnabled = true

}

fun sendMessage(view: View?)

{

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)

{

//calls when version code greater than or equal to KITKAT

webview.evaluateJavascript("show(\"" + edittext.getText() + "\")",null)

}

else

{

webview.loadUrl("javascript:show(\"" + edittext.getText() + "\")")

}

Click here to view java code


public class MainActivity extends AppCompatActivity
{

    private WebView webview;
    private EditText editText;


    @SuppressLint("SetJavascriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webview=(WebView)findViewById(R.id.webview);
        editText = (EditText) findViewById(R.id.edittext);

        webview.loadUrl("file:///android_asset/sample.html");

        webview.getSettings().setJavaScriptEnabled(true);

    }
    public void sendMessage(View view)
    {
        if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT)
        {

            webview.evaluateJavascript("show(\""+editText.getText()+"\")",
                    null);
        }
        else
            {
                webview.loadUrl("javascript:show(\""+editText.getText()+"\")");
            }


    }

}

public class MainActivity extends AppCompatActivity

{

private WebView webview;

private EditText editText;

@SuppressLint("SetJavascriptEnabled")

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

webview=(WebView)findViewById(R.id.webview);

editText = (EditText) findViewById(R.id.edittext);

webview.loadUrl("file:///android_asset/sample.html");

webview.getSettings().setJavaScriptEnabled(true);

}

public void sendMessage(View view)

{

if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT)

{

webview.evaluateJavascript("show(\""+editText.getText()+"\")",

null);

}

else

{

webview.loadUrl("javascript:show(\""+editText.getText()+"\")");

}

Simple WebView Browser example – Progress bar included

Finally, we are here. Let’s create a webview app browser. This browser has

ProgressBar support
Google search and load URL support
Download file support
YouTube video support
Navigate history and custom home page
Share Support

open your Android Studio.

Step 1

Start a new Android Studio project.

Application Name: WebView Browser
Company Domain: androidride.example.com

Check Include Kotlin Support.

Step 2

Select form factors and minimum SDK

Select API 15: IceCreamSandwich and Click Next.

Step 3

Add Empty activity to Project.

Step 4

Add INTERNET and WRITE_EXTERNAL_STORAGE permission in AndroidManifest.xml

AndroidManifest.xml


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.example.androidride.webviewbrowser">

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
        <activity android:name=".MainActivity"
                  android:windowSoftInputMode="stateAlwaysHidden|adjustNothing">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>

                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>

</manifest>

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.androidride.webviewbrowser">

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<application

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:roundIcon="@mipmap/ic_launcher_round"

android:supportsRtl="true"

android:theme="@style/AppTheme">

<activity android:name=".MainActivity"

android:windowSoftInputMode="stateAlwaysHidden|adjustNothing">

<intent-filter>

</intent-filter>

</activity>

</application>

</manifest>

android:windowSoftInputMode=”stateAlwaysHidden|adjustNothing” – it helps by without adjusting our bottom bar layout and disable the focus in EditText while startup.

Step 5

build.gradle


apply plugin: 'com.android.application'

apply plugin: 'kotlin-android'

apply plugin: 'kotlin-android-extensions'

android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.androidride.webviewbrowser_kotlin"
        minSdkVersion 15
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:28.0.0'
    testImplementation 'junit:junit:4.12'
    }

apply plugin: 'com.android.application'

apply plugin: 'kotlin-android'

apply plugin: 'kotlin-android-extensions'

android {

compileSdkVersion 28

defaultConfig {

applicationId "com.example.androidride.webviewbrowser_kotlin"

minSdkVersion 15

targetSdkVersion 28

versionCode 1

versionName "1.0"

testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"

}

buildTypes {

release {

minifyEnabled false

proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

}

dependencies {

implementation fileTree(dir: 'libs', include: ['*.jar'])

implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"

implementation 'com.android.support:appcompat-v7:28.0.0'

testImplementation 'junit:junit:4.12'

}

Step 6

Colors.xml


<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#707cff</color>
    <color name="colorPrimaryDark">#3250cb</color>
    <color name="colorAccent">#ffa7b7</color>
    <color name="bottom_bar_background">#e0e0e0</color>
    <color name="bottom_bar_icon">#1d1d1d</color>
</resources>

<?xml version="1.0" encoding="utf-8"?>

</resources>

Step 7

Styles.xml


<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

<item name="colorPrimary">@color/colorPrimary</item>

<item name="colorPrimaryDark">@color/colorPrimaryDark</item>

<item name="colorAccent">@color/colorAccent</item>

</style>

</resources>

Step 8

activity_main.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
>
    <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:id="@+id/toolbar"
            android:elevation="4dp"
            android:background="@color/colorPrimary"
            android:layout_height="?attr/actionBarSize"
            android:contentInsetLeft="0dp"
            android:contentInsetStart="0dp"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
    >

        <LinearLayout
                android:id="@+id/search_layout"
                android:layout_width="match_parent"
                android:orientation="horizontal"
                android:layout_margin="10dp"
                android:layout_height="wrap_content"
                android:background="@android:color/white"
                android:gravity="center">
            <ImageView
                    android:gravity="center"
                    android:background="@android:color/white"
                    android:layout_height="40dp"
                    android:padding="10dp"
                    android:layout_width="40dp"
                    android:src="@drawable/google"
                    android:id="@+id/toolbar_search_imageview_favicon"
            />

            <EditText
                    android:maxLines="1"
		android:inputType="textNoSuggestions"
                    android:gravity="top|left"
                    android:layout_width="0dp"
                    android:id="@+id/edit_text"
                    android:layout_weight="4"
                    android:layout_height="wrap_content"
                    android:background="@android:color/white"
                    android:hint="Search or Enter web address"
                    android:textSize="13sp"
                    android:padding="10dp"
                    android:textColor="@android:color/black"
                    android:textColorHint="@android:color/darker_gray" />

            <Button
                    android:layout_weight="1"
                    android:gravity="center"
                    android:background="@android:color/white"
                    android:layout_height="wrap_content"
                    android:textSize="15sp"
                    android:onClick="go"
                    android:textColor="@android:color/darker_gray"
                    android:layout_width="0dp"
                    android:text="GO"/>

        </LinearLayout>


    </android.support.v7.widget.Toolbar>

    <ProgressBar
            android:layout_width="match_parent"
            android:layout_height="3dp"
            style="?android:attr/progressBarStyleHorizontal"
            android:id="@+id/progressbar"
            android:background="@color/colorPrimary"
            android:progressDrawable="@drawable/custom_progress"
        android:visibility="gone"
    />

    <WebView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="7"
            android:id="@+id/webview"
    />

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="0.75"
            android:gravity="center"
            android:background="@color/bottom_bar_background"
            android:orientation="horizontal"
            android:padding="0dp">

        <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="0dp"
                android:layout_weight="1"
                android:background="?android:selectableItemBackground"
                android:src="@drawable/ic_arrow_back_black_24dp"
                android:onClick="goBack"
        />

        <ImageButton
                android:onClick="goForward"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="?android:selectableItemBackground"
                android:src="@drawable/ic_arrow_forward_black_24dp"
        />

        <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:onClick="goHome"
                android:background="?android:selectableItemBackground"
                android:src="@drawable/ic_home_black_24dp" />

        <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="?android:selectableItemBackground"
                android:src="@drawable/ic_refresh_black_24dp"
                android:onClick="refresh"
        />

        <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="?android:selectableItemBackground"
                android:src="@drawable/ic_share_black_24dp"
                android:onClick="share"
        />

    </LinearLayout>


</LinearLayout>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

<android.support.v7.widget.Toolbar

android:layout_width="match_parent"

android:id="@+id/toolbar"

android:elevation="4dp"

android:background="@color/colorPrimary"

android:layout_height="?attr/actionBarSize"

android:contentInsetLeft="0dp"

android:contentInsetStart="0dp"

app:contentInsetLeft="0dp"

app:contentInsetStart="0dp"

<LinearLayout

android:id="@+id/search_layout"

android:layout_width="match_parent"

android:orientation="horizontal"

android:layout_margin="10dp"

android:layout_height="wrap_content"

android:background="@android:color/white"

android:gravity="center">

<ImageView

android:gravity="center"

android:background="@android:color/white"

android:layout_height="40dp"

android:padding="10dp"

android:layout_width="40dp"

android:src="@drawable/google"

android:id="@+id/toolbar_search_imageview_favicon"

<EditText

android:maxLines="1"

android:inputType="textNoSuggestions"

android:gravity="top|left"

android:layout_width="0dp"

android:id="@+id/edit_text"

android:layout_weight="4"

android:layout_height="wrap_content"

android:background="@android:color/white"

android:hint="Search or Enter web address"

android:textSize="13sp"

android:padding="10dp"

android:textColor="@android:color/black"

android:textColorHint="@android:color/darker_gray" />

<Button

android:layout_weight="1"

android:gravity="center"

android:background="@android:color/white"

android:layout_height="wrap_content"

android:textSize="15sp"

android:onClick="go"

android:textColor="@android:color/darker_gray"

android:layout_width="0dp"

android:text="GO"/>

</LinearLayout>

</android.support.v7.widget.Toolbar>

<ProgressBar

android:layout_width="match_parent"

android:layout_height="3dp"

style="?android:attr/progressBarStyleHorizontal"

android:id="@+id/progressbar"

android:background="@color/colorPrimary"

android:progressDrawable="@drawable/custom_progress"

android:visibility="gone"

<WebView

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="7"

android:id="@+id/webview"

<LinearLayout

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="0.75"

android:gravity="center"

android:background="@color/bottom_bar_background"

android:orientation="horizontal"

android:padding="0dp">

<ImageButton

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginRight="0dp"

android:layout_weight="1"

android:background="?android:selectableItemBackground"

android:src="@drawable/ic_arrow_back_black_24dp"

android:onClick="goBack"

<ImageButton

android:onClick="goForward"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="?android:selectableItemBackground"

android:src="@drawable/ic_arrow_forward_black_24dp"

<ImageButton

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:onClick="goHome"

android:background="?android:selectableItemBackground"

android:src="@drawable/ic_home_black_24dp" />

<ImageButton

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="?android:selectableItemBackground"

android:src="@drawable/ic_refresh_black_24dp"

android:onClick="refresh"

<ImageButton

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:background="?android:selectableItemBackground"

android:src="@drawable/ic_share_black_24dp"

android:onClick="share"

</LinearLayout>

android:layout_weight attribute used to hold widgets.
android:inputType=”textNoSuggestions” disable spell check
android:background=”?android:selectableItemBackground” – makes transparent

I have used vector asset icons, you can also access them by right clicking on res->New->Vector Asset->Click on clip Art and select your icons, you can change color and size. Click OK and Next.

Step 9

custom_progress.xml


<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="1dip"/>
                <solid android:color="#ffffff"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="1dip"/>
                <solid android:color="#ffffff"/>
            </shape>
        </clip>
    </item>
</layer-list>

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<clip>

<shape>

</shape>

</clip>

</item>

<clip>

<shape>

</shape>

</clip>

</item>

</layer-list>

Step 10

This browser has a simple home page, for that, we have to add local HTML file in the assets folder.

demo.html


<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Simple WebView Browser</title>
<style type="text/css">
h1
{
border:2px solid #707cff;
padding:5px;
color:#707cff;
margin-top:120px;
text-align:center;
background-color:white;
}
body
{
background-color:#F2F2F2;
}
</style>
</head>
<body>
<h1>ANDROIDRIDE</h1>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Simple WebView Browser</title>

{

border:2px solid #707cff;

padding:5px;

color:#707cff;

margin-top:120px;

text-align:center;

background-color:white;

}

body

{

background-color:#F2F2F2;

}

</style>

</head>

<body>

<h1>ANDROIDRIDE</h1>

</body>

</html>

Step 11

MainActivity.kt



package com.example.androidride.webviewbrowser_kotlin

import android.annotation.SuppressLint
import android.app.Activity
import android.app.DownloadManager
import android.content.Context
import android.content.Intent
import android.graphics.Bitmap
import android.net.Uri
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.os.Environment
import android.support.v7.app.AlertDialog
import android.view.KeyEvent
import android.view.View
import kotlinx.android.synthetic.main.activity_main.*
import android.util.Patterns
import android.view.inputmethod.InputMethodManager
import android.webkit.*

class MainActivity : AppCompatActivity()
{
var share_url:String? = null

    @SuppressLint("SetJavaScriptEnabled")
    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //loads local demo html file
		webview.loadUrl("file:///android_asset/demo.html")
        //toolbar set as actionbar
        setSupportActionBar(toolbar)
        //javascript enabled
        webview.settings.javaScriptEnabled = true
		
		//downloadlistener enabled
       webview.setDownloadListener { url, userAgent, contentDisposition, mimetype, contentLength ->
            //checking Runtime permissions
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
            {
                if (checkSelfPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {
                    //Do this, if permission granted
                    downloadDialog(url, userAgent, contentDisposition, mimetype)

                } else {

                    //Do this, if there is no permission
                    ActivityCompat.requestPermissions(
                        this,
                        arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE),
                        1
                    )

                }
            } else {
                //Code for devices below API 23 or Marshmallow
                downloadDialog(url, userAgent, contentDisposition, mimetype)

            }
        }    





        webview.webChromeClient = object : WebChromeClient()
        {
            override fun onProgressChanged(view: WebView?, newProgress: Int)
            {
                //it calls when progress changed
                progressbar.progress=newProgress
                super.onProgressChanged(view, newProgress)

            if(newProgress==100)
            {
                //if progress completes, progressbar gets hidden
                progressbar.visibility = View.GONE
            }

            }


            override fun onReceivedIcon(view: WebView?, icon: Bitmap?) {
                super.onReceivedIcon(view, icon)
                //favicon of webpage
                //toolbar_search_imageview_favicon.setImageBitmap(icon)
            }
        }

        webview.webViewClient = object: WebViewClient()
        {
            override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?)
            {
                //it calls when webpage gets started and shows ProgressBar.
                progressbar.visibility = View.VISIBLE
				
				if("file:///android_asset/demo.html" != url)
				{
                    //if url is demo html url, then don't set to edittext
                edit_text.setText(url)
				}
				else
				{
                    //edittext cleared
				edit_text.text.clear()
				}

                super.onPageStarted(view, url, favicon)
            }

            override fun onPageFinished(view: WebView?, url: String?)
            {
                //if webpage gets finished
                share_url=url

                super.onPageFinished(view, url)
            }

        }

    }

    override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean
    {
        //when back button taps
        if(keyCode == KeyEvent.KEYCODE_BACK && this.webview.canGoBack())
        {
            webview.goBack()
            return true
        }
        return super.onKeyDown(keyCode, event)
    }

    fun goBack(view:View?)
    {
        //webview goes to previous page if there is one.
        if(webview.canGoBack())
            webview.goBack()
    }

    fun goForward(view: View?)
    {
        //webview goes to forward page if there is one.
        if(webview.canGoForward())
            webview.goForward()
    }

    fun goHome(view:View?)
    {
        webview.loadUrl("file:///android_asset/demo.html")
		}

    fun refresh(view: View?)
    {
        //it reload the current page
        webview.reload()
    }

    fun share(view: View?)
    {
        //Intent created
        val shareIntent = Intent()
        shareIntent.action=Intent.ACTION_SEND
        shareIntent.type="text/plain"
        //url of the sharing page
        shareIntent.putExtra(Intent.EXTRA_TEXT,share_url)
        shareIntent.putExtra(Intent.EXTRA_SUBJECT,"URL")

        startActivity(Intent.createChooser(shareIntent,"Share with your friends"))

    }

    fun go(view:View?)
    {
        //get text from edittext
     var text=edit_text.text.toString()
        searchOrLoad(text)
    }

    fun searchOrLoad(text:String)
    {
        //checks if it's a url or a string
        if(Patterns.WEB_URL.matcher(text.toLowerCase()).matches())
        {
            if (text.contains("http://") || text.contains("https://"))
            {
                webview.loadUrl(text)
            }
            else
            {
                webview.loadUrl("http://$text")
            }
        }
        else
        {
            //google search url
            webview.loadUrl("https://www.google.com/search?q=$text")
        }

        hideKeyboard()


        }

    private fun hideKeyboard()
    {
        //INPUTMETHODMANAGER service created.
        val inputMethodManager = getSystemService(Activity.INPUT_METHOD_SERVICE) as  InputMethodManager
        //it hides softkeyboard
        inputMethodManager.hideSoftInputFromWindow(currentFocus.windowToken,InputMethodManager.SHOW_FORCED)
     }

    override fun onPause()
    {
        super.onPause()
        webview.onPause()
        webview.pauseTimers()
    }

    override fun onResume() {
        super.onResume()
        webview.onResume()
        webview.resumeTimers()
    }

fun downloadDialog(url:String,userAgent:String,contentDisposition:String,mimetype:String)
    {
        //getting file name from url
        val filename = URLUtil.guessFileName(url, contentDisposition, mimetype)
        //Alertdialog
        val builder = AlertDialog.Builder(this@MainActivity)
        //title for AlertDialog
        builder.setTitle("Download")
        //message of AlertDialog
        builder.setMessage("Do you want to save $filename")
        //if YES button clicks
        builder.setPositiveButton("Yes") { dialog, which ->
            //DownloadManager.Request created with url.
            val request = DownloadManager.Request(Uri.parse(url))
            //cookie
            val cookie = CookieManager.getInstance().getCookie(url)
            //Add cookie and User-Agent to request
            request.addRequestHeader("Cookie",cookie)
            request.addRequestHeader("User-Agent",userAgent)
            //file scanned by MediaScannar
            request.allowScanningByMediaScanner()
            //Download is visible and its progress, after completion too.
            request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED)
            //DownloadManager created
            val downloadmanager = getSystemService(Context.DOWNLOAD_SERVICE) as DownloadManager
            //Saving file in Download folder
            request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS,filename)
            //download enqued
            downloadmanager.enqueue(request)
        }
        //If Cancel button clicks
        builder.setNegativeButton("Cancel")
        {dialog, which ->
            //cancel the dialog if Cancel clicks
            dialog.cancel()
        }

        val dialog:AlertDialog = builder.create()
        dialog.show()

    }

}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

package com.example.androidride.webviewbrowser_kotlin

import android.annotation.SuppressLint

import android.app.Activity

import android.app.DownloadManager

import android.content.Context

import android.content.Intent

import android.graphics.Bitmap

import android.net.Uri

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.os.Environment

import android.support.v7.app.AlertDialog

import android.view.KeyEvent

import android.view.View

import kotlinx.android.synthetic.main.activity_main.*

import android.util.Patterns

import android.view.inputmethod.InputMethodManager

import android.webkit.*

class MainActivity : AppCompatActivity()

{

var share_url:String? = null

@SuppressLint("SetJavaScriptEnabled")

override fun onCreate(savedInstanceState: Bundle?)

{

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//loads local demo html file

webview.loadUrl("file:///android_asset/demo.html")

//toolbar set as actionbar

setSupportActionBar(toolbar)

//javascript enabled

webview.settings.javaScriptEnabled = true

//downloadlistener enabled

webview.setDownloadListener { url, userAgent, contentDisposition, mimetype, contentLength ->

//checking Runtime permissions

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)

{

if (checkSelfPermission(Manifest.permission.WRITE_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {

//Do this, if permission granted

downloadDialog(url, userAgent, contentDisposition, mimetype)

} else {

//Do this, if there is no permission

ActivityCompat.requestPermissions(

this,

arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE),

)

}

} else {

//Code for devices below API 23 or Marshmallow

downloadDialog(url, userAgent, contentDisposition, mimetype)

}

webview.webChromeClient = object : WebChromeClient()

{

override fun onProgressChanged(view: WebView?, newProgress: Int)

{

//it calls when progress changed

progressbar.progress=newProgress

super.onProgressChanged(view, newProgress)

if(newProgress==100)

{

//if progress completes, progressbar gets hidden

progressbar.visibility = View.GONE

}

override fun onReceivedIcon(view: WebView?, icon: Bitmap?) {

super.onReceivedIcon(view, icon)

//favicon of webpage

//toolbar_search_imageview_favicon.setImageBitmap(icon)

}

webview.webViewClient = object: WebViewClient()

{

override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?)

{

//it calls when webpage gets started and shows ProgressBar.

progressbar.visibility = View.VISIBLE

if("file:///android_asset/demo.html" != url)

{

//if url is demo html url, then don't set to edittext

edit_text.setText(url)

}

else

{

//edittext cleared

edit_text.text.clear()

}

super.onPageStarted(view, url, favicon)

}

override fun onPageFinished(view: WebView?, url: String?)

{

//if webpage gets finished

share_url=url

super.onPageFinished(view, url)

}

override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean

{

//when back button taps

if(keyCode == KeyEvent.KEYCODE_BACK && this.webview.canGoBack())

{

webview.goBack()

return true

}

return super.onKeyDown(keyCode, event)

}

fun goBack(view:View?)

{

//webview goes to previous page if there is one.

if(webview.canGoBack())

webview.goBack()

}

fun goForward(view: View?)

{

//webview goes to forward page if there is one.

if(webview.canGoForward())

webview.goForward()

}

fun goHome(view:View?)

{

webview.loadUrl("file:///android_asset/demo.html")

}

fun refresh(view: View?)

{

//it reload the current page

webview.reload()

}

fun share(view: View?)

{

//Intent created

val shareIntent = Intent()

shareIntent.action=Intent.ACTION_SEND

shareIntent.type="text/plain"

//url of the sharing page

shareIntent.putExtra(Intent.EXTRA_TEXT,share_url)

shareIntent.putExtra(Intent.EXTRA_SUBJECT,"URL")

startActivity(Intent.createChooser(shareIntent,"Share with your friends"))

}

fun go(view:View?)

{

//get text from edittext

var text=edit_text.text.toString()

searchOrLoad(text)

}

fun searchOrLoad(text:String)

{

//checks if it's a url or a string

if(Patterns.WEB_URL.matcher(text.toLowerCase()).matches())

{

if (text.contains("http://") || text.contains("https://"))

{

webview.loadUrl(text)

}

else

{

webview.loadUrl("http://$text")

}

else

{

//google search url

webview.loadUrl("https://www.google.com/search?q=$text")

}

hideKeyboard()

}

private fun hideKeyboard()

{

//INPUTMETHODMANAGER service created.

val inputMethodManager = getSystemService(Activity.INPUT_METHOD_SERVICE) as InputMethodManager

//it hides softkeyboard

inputMethodManager.hideSoftInputFromWindow(currentFocus.windowToken,InputMethodManager.SHOW_FORCED)

}

override fun onPause()

{

super.onPause()

webview.onPause()

webview.pauseTimers()

}

override fun onResume() {

super.onResume()

webview.onResume()

webview.resumeTimers()

}

fun downloadDialog(url:String,userAgent:String,contentDisposition:String,mimetype:String)

{

//getting file name from url

val filename = URLUtil.guessFileName(url, contentDisposition, mimetype)

//Alertdialog

val builder = AlertDialog.Builder(this@MainActivity)

//title for AlertDialog

builder.setTitle("Download")

//message of AlertDialog

builder.setMessage("Do you want to save $filename")

//if YES button clicks

builder.setPositiveButton("Yes") { dialog, which ->

//DownloadManager.Request created with url.

val request = DownloadManager.Request(Uri.parse(url))

//cookie

val cookie = CookieManager.getInstance().getCookie(url)

//Add cookie and User-Agent to request

request.addRequestHeader("Cookie",cookie)

request.addRequestHeader("User-Agent",userAgent)

//file scanned by MediaScannar

request.allowScanningByMediaScanner()

//Download is visible and its progress, after completion too.

request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED)

//DownloadManager created

val downloadmanager = getSystemService(Context.DOWNLOAD_SERVICE) as DownloadManager

//Saving file in Download folder

request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS,filename)

//download enqued

downloadmanager.enqueue(request)

}

//If Cancel button clicks

builder.setNegativeButton("Cancel")

{dialog, which ->

//cancel the dialog if Cancel clicks

dialog.cancel()

}

val dialog:AlertDialog = builder.create()

dialog.show()

}

Click here to view Java code



package com.example.androidride.webviewbrowser;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.DownloadManager;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Environment;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.util.Patterns;
import android.view.View;
import android.webkit.CookieManager;
import android.webkit.DownloadListener;
import android.webkit.URLUtil;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.view.inputmethod.InputMethodManager;

import android.widget.Toast;
import android.view.KeyEvent;


public class MainActivity extends AppCompatActivity
{
private Toolbar toolbar;
private EditText edittext;
private WebView webview;
//private ImageView imageview;
private String Share_url,Title_url;
private ProgressBar progressbar;
String filename,directoryName;


    @SuppressLint("SetJavaScriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initialise();
		webview.loadUrl("file:///android_asset/demo.html");
        setSupportActionBar(toolbar);
        webview.getSettings().setJavaScriptEnabled(true);

        webview.setWebChromeClient(new WebChromeClient()
        {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                progressbar.setProgress(newProgress);
                super.onProgressChanged(view, newProgress);

                if(newProgress==100)
                {
                progressbar.setVisibility(View.GONE);
                }
            }

            @Override
            public void onReceivedIcon(WebView view, Bitmap icon) {
                super.onReceivedIcon(view, icon);
                //set favicon to imageview
                //imageview.setImageBitmap(icon);
            }
        });

        webview.setWebViewClient(new WebViewClient()
        {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon)
            {
                progressbar.setVisibility(View.VISIBLE);

                if(!"file:///android_asset/demo.html".equals(url))
				{
                edittext.setText(url);
				}
				else
				{
				edittext.setText("");
				}
                
                super.onPageStarted(view, url, favicon);
            }
			@Override
			public void onPageFinished(WebView view,String url)
			{
				Share_url=url;
                super.onPageFinished(view,url);
			}
			

           
        });

        webview.setDownloadListener(new DownloadListener() {
            @Override
            public void onDownloadStart(final String url, final String userAgent, String contentDisposition, String mimetype, long contentLength)
            {
             //checking runtime permissions  
				if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    if (checkSelfPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)
                            == PackageManager.PERMISSION_GRANTED) {
                        
                        downloadDialog(url,userAgent,contentDisposition,mimetype);

                    } else {
						
						//requesting permissions
                        ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);

                    }
                }
                else {
                    //Code for devices below API 23 or Marshmallow
                    downloadDialog(url,userAgent,contentDisposition,mimetype);

                }
               
            }
        });
    }
	@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if((keyCode==KeyEvent.KEYCODE_BACK)&&this.webview.canGoBack())
    {
        webview.goBack();
        return true;
    }

    return super.onKeyDown(keyCode, event);
}

    public void goBack(View view)
    {
        if(webview.canGoBack())
            webview.goBack();
    }

    public void goForward(View view)
    {
        if(webview.canGoForward())
            webview.goForward();
    }

    public void goHome(View view)
    {
				webview.loadUrl("file:///android_asset/demo.html");
		}

    public void refresh(View view)
    {
        webview.reload();
    }

    public void share(View view)
    {
        Intent shareIntent=new Intent(Intent.ACTION_SEND);
        shareIntent.setType("text/plain");
        shareIntent.putExtra(Intent.EXTRA_TEXT,Share_url);
        shareIntent.putExtra(Intent.EXTRA_SUBJECT,"URL");
        startActivity(Intent.createChooser(shareIntent,"Share with your friends"));
    }
    public void go(View view)
    {
        String text=edittext.getText().toString();
        searchOrLoad(text);
    }

    void searchOrLoad(String txt)
    {
        if(Patterns.WEB_URL.matcher(txt.toLowerCase()).matches())
        {

            if(txt.contains("http://")||txt.contains("https://"))
            {
                webview.loadUrl(txt);
            }
            else
            {
                webview.loadUrl("http://"+txt);
            }
        }
        else
        {
            webview.loadUrl("https://www.google.com/search?q="+txt);
        }
        hideKeyboard();

    }

    private void initialise()
    {
        toolbar=(Toolbar)findViewById(R.id.toolbar);
        edittext=(EditText)findViewById(R.id.search_load_edit_text);
        webview=(WebView)findViewById(R.id.webview);
        progressbar=(ProgressBar)findViewById(R.id.progressbar);
        //imageview=(ImageView)findViewById(R.id.toolbar_search_imageview_favicon);
    }

    public void hideKeyboard()
    {
        InputMethodManager inputMethodManager= (InputMethodManager)getSystemService(Activity.INPUT_METHOD_SERVICE);
        View view=getCurrentFocus();
        inputMethodManager.hideSoftInputFromWindow(view.getWindowToken(),0);
    }
	
	public void downloadDialog(final String url,final String userAgent,String contentDisposition,String mimetype)
    {
		//file name
        final String filename = URLUtil.guessFileName(url,contentDisposition,mimetype);

		//Creates AlertDialog.
        AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
		//title of Dialog
        builder.setTitle("Download");
		//Message of Dialog.
        builder.setMessage("Do you want to save " +filename);

			//if YES button clicks
        builder.setPositiveButton("Yes", new DialogInterface.OnClickListener()
        {
            @Override
            public void onClick(DialogInterface dialog, int which)
            {
				   //DownloadManager.Request created with url.
                DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url));
				   //cookie
                String cookie=CookieManager.getInstance().getCookie(url);
				   //Add cookie and User-Agent to request
                request.addRequestHeader("Cookie",cookie);
                request.addRequestHeader("User-Agent",userAgent);

				   //file scanned by MediaScannar
                request.allowScanningByMediaScanner();
                //Download is visible and its progress, after completion too.
                request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED);
				//DownloadManager created
                DownloadManager downloadManager=(DownloadManager)getSystemService(DOWNLOAD_SERVICE);
				//Saving file in Download folder
                request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, filename);
				//download enqued
                downloadManager.enqueue(request);
            }
        });
		//If Cancel button clicks
        builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) 
			{
			//cancel the dialog if Cancel clicks		
			 dialog.cancel();
            }

        });

		//Shows alertdialog
        builder.create().show();

    }

    }

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

package com.example.androidride.webviewbrowser;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.app.DownloadManager;

import android.content.DialogInterface;

import android.content.Intent;

import android.graphics.Bitmap;

import android.net.Uri;

import android.os.Environment;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.support.v7.widget.Toolbar;

import android.util.Patterns;

import android.view.View;

import android.webkit.CookieManager;

import android.webkit.DownloadListener;

import android.webkit.URLUtil;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.EditText;

import android.widget.ImageView;

import android.widget.ProgressBar;

import android.view.inputmethod.InputMethodManager;

import android.widget.Toast;

import android.view.KeyEvent;

public class MainActivity extends AppCompatActivity

{

private Toolbar toolbar;

private EditText edittext;

private WebView webview;

//private ImageView imageview;

private String Share_url,Title_url;

private ProgressBar progressbar;

String filename,directoryName;

@SuppressLint("SetJavaScriptEnabled")

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initialise();

webview.loadUrl("file:///android_asset/demo.html");

setSupportActionBar(toolbar);

webview.getSettings().setJavaScriptEnabled(true);

webview.setWebChromeClient(new WebChromeClient()

{

@Override

public void onProgressChanged(WebView view, int newProgress) {

progressbar.setProgress(newProgress);

super.onProgressChanged(view, newProgress);

if(newProgress==100)

{

progressbar.setVisibility(View.GONE);

}

@Override

public void onReceivedIcon(WebView view, Bitmap icon) {

super.onReceivedIcon(view, icon);

//set favicon to imageview

//imageview.setImageBitmap(icon);

}

});

webview.setWebViewClient(new WebViewClient()

{

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon)

{

progressbar.setVisibility(View.VISIBLE);

if(!"file:///android_asset/demo.html".equals(url))

{

edittext.setText(url);

}

else

{

edittext.setText("");

}

super.onPageStarted(view, url, favicon);

}

@Override

public void onPageFinished(WebView view,String url)

{

Share_url=url;

super.onPageFinished(view,url);

}

});

webview.setDownloadListener(new DownloadListener() {

@Override

public void onDownloadStart(final String url, final String userAgent, String contentDisposition, String mimetype, long contentLength)

{

//checking runtime permissions

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

if (checkSelfPermission(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)

== PackageManager.PERMISSION_GRANTED) {

downloadDialog(url,userAgent,contentDisposition,mimetype);

} else {

//requesting permissions

ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);

}

else {

//Code for devices below API 23 or Marshmallow

downloadDialog(url,userAgent,contentDisposition,mimetype);

}

});

}

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if((keyCode==KeyEvent.KEYCODE_BACK)&&this.webview.canGoBack())

{

webview.goBack();

return true;

}

return super.onKeyDown(keyCode, event);

}

public void goBack(View view)

{

if(webview.canGoBack())

webview.goBack();

}

public void goForward(View view)

{

if(webview.canGoForward())

webview.goForward();

}

public void goHome(View view)

{

webview.loadUrl("file:///android_asset/demo.html");

}

public void refresh(View view)

{

webview.reload();

}

public void share(View view)

{

Intent shareIntent=new Intent(Intent.ACTION_SEND);

shareIntent.setType("text/plain");

shareIntent.putExtra(Intent.EXTRA_TEXT,Share_url);

shareIntent.putExtra(Intent.EXTRA_SUBJECT,"URL");

startActivity(Intent.createChooser(shareIntent,"Share with your friends"));

}

public void go(View view)

{

String text=edittext.getText().toString();

searchOrLoad(text);

}

void searchOrLoad(String txt)

{

if(Patterns.WEB_URL.matcher(txt.toLowerCase()).matches())

{

if(txt.contains("http://")||txt.contains("https://"))

{

webview.loadUrl(txt);

}

else

{

webview.loadUrl("http://"+txt);

}

else

{

webview.loadUrl("https://www.google.com/search?q="+txt);

}

hideKeyboard();

}

private void initialise()

{

toolbar=(Toolbar)findViewById(R.id.toolbar);

edittext=(EditText)findViewById(R.id.search_load_edit_text);

webview=(WebView)findViewById(R.id.webview);

progressbar=(ProgressBar)findViewById(R.id.progressbar);

//imageview=(ImageView)findViewById(R.id.toolbar_search_imageview_favicon);

}

public void hideKeyboard()

{

InputMethodManager inputMethodManager= (InputMethodManager)getSystemService(Activity.INPUT_METHOD_SERVICE);

View view=getCurrentFocus();

inputMethodManager.hideSoftInputFromWindow(view.getWindowToken(),0);

}

public void downloadDialog(final String url,final String userAgent,String contentDisposition,String mimetype)

{

//file name

final String filename = URLUtil.guessFileName(url,contentDisposition,mimetype);

//Creates AlertDialog.

AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);

//title of Dialog

builder.setTitle("Download");

//Message of Dialog.

builder.setMessage("Do you want to save " +filename);

//if YES button clicks

builder.setPositiveButton("Yes", new DialogInterface.OnClickListener()

{

@Override

public void onClick(DialogInterface dialog, int which)

{

//DownloadManager.Request created with url.

DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url));

//cookie

String cookie=CookieManager.getInstance().getCookie(url);

//Add cookie and User-Agent to request

request.addRequestHeader("Cookie",cookie);

request.addRequestHeader("User-Agent",userAgent);

//file scanned by MediaScannar

request.allowScanningByMediaScanner();

//Download is visible and its progress, after completion too.

request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED);

//DownloadManager created

DownloadManager downloadManager=(DownloadManager)getSystemService(DOWNLOAD_SERVICE);

//Saving file in Download folder

request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, filename);

//download enqued

downloadManager.enqueue(request);

}

});

//If Cancel button clicks

builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which)

{

//cancel the dialog if Cancel clicks

dialog.cancel();

}

});

//Shows alertdialog

builder.create().show();

}

Hey… Thanks for scrolling. If you find anything useful in this post, please share it.

Conclusion

WebView has an important role in Android programming. With a few lines of code, beginners can also easily load web pages in their app. You have learned to download the file and run javascript using Android WebView. I am sure that these examples make you better dealing with WebView. This is a small guide about WebView. You can also find more information from below links.