Android Webview - Custom HTML

Question

How can I show my custom HTML code if there is no data connection on the phone?

Custom HTML code:

String customHtml = "<html><body>Hello, WebView</body></html>";
webView.loadData(customHtml, "text/html", "UTF-8");

Here is my full code:

package com.webbrowser.android;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {

private WebView webView;

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.webview);

    webView = (WebView) findViewById(R.id.webView1);
    webView.setWebViewClient(new WebViewClient()); 
    webView.getSettings().setJavaScriptEnabled(true);
    webView.loadUrl("http://domain.com");
}

}

EDIT:

Is this right? It does't work on the emulator. Could you please look at it again?

EDIT2:

Added brackets.

public class MainActivity extends Activity {

    private WebView webView;

    public boolean isConnected() {
        ConnectivityManager cm =
            (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);

        return (cm.getActiveNetworkInfo() != null && 
           cm.getActiveNetworkInfo().isConnectedOrConnecting());
    }

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);

        webView = (WebView) findViewById(R.id.webView1);
        webView.setWebViewClient(new WebViewClient()); 
        webView.getSettings().setJavaScriptEnabled(true);

        if(!isConnected()) {
            String customHtml = "<html><body>Hello, WebView</body></html>";
            webView.loadData(customHtml, "text/html", "UTF-8");
        } else {
            webView.loadUrl("http://domain.com");
            }   

    }
}

Waqas · Answer 1 · 2012-07-17T04:14:02.817

2

First check for the connectivity using:

public boolean isConnected() {
    ConnectivityManager cm =
        (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);

    return (cm.getActiveNetworkInfo() != null && 
       cm.getActiveNetworkInfo().isConnectedOrConnecting())
}

Then depending on the result call the appropriate method:

if(!isConnected()) {
    String customHtml = "<html><body>Hello, WebView</body></html>";
    webView.loadData(customHtml, "text/html", "UTF-8");
} else {
    webView.loadUrl("http://domain.com");
}

edited Jul 17 '12 at 04:14

answered Jul 16 '12 at 15:45

Waqas

6,812
2
33
50

please check my edited code, you need to put thse lines inside bracket (cm.getActiveNetworkInfo() != null && cm.getActiveNetworkInfo().isConnectedOrConnecting()) like this. – Waqas Jul 17 '12 at 04:14
It's the same problem. Have added brackets. – user1273409 Jul 17 '12 at 13:31
have you tried this on actual device? bcoz i guess emulator uses your network interface to connect to internet- – Waqas Jul 18 '12 at 06:33
No, Only without your if statement. Will try that soon. – user1273409 Jul 18 '12 at 10:47
It's the same as the emulator on the phone. – user1273409 Jul 18 '12 at 17:40

score 0 · Answer 2 · answered Jul 16 '12 at 15:43

0

Since you are loading a specific html code (basic) it will load without a data connection...

answered Jul 16 '12 at 15:43

JoxTraex

13,423
6
32
45

The custom HTML code I have is not added to the main code yet. – user1273409 Jul 16 '12 at 16:06

score 0 · Answer 3 · answered Nov 07 '13 at 09:38

Please use the webviewclients function onReceivedError. This will work regardles of connection type.

public void onReceivedError(WebView view, int errorCod,String description, String failingUrl) {
        // Load custom data into webview depending on errorcode
    }

score 0 · Answer 4 · answered Oct 30 '15 at 09:57

Hey u can try this code , It works very nicely

public class SudhirAwesome extends Activity {
WebView webView;
String html = "<!DOCTYPE html>\n" +
        "<html>\n" +
        "<head>\n" +
        "</head>\n" +
        "<body>\n" +
        "\n" +
        "<h1>Can you please check your Internet Connection</h1>\n" +
        "\n" +
        "</body>\n" +
        "</html>\n";



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

    webView = (WebView) findViewById(R.id.webview_sportee);
    webView.getSettings().setLoadsImagesAutomatically(true);
    webView.getSettings().setJavaScriptEnabled(true);
    webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
    webView.setWebViewClient(new MyBrowser());
    if(haveNetworkConnection()){
        webView.loadUrl("http://blah.blah.com");
    }
    else{
        webView.loadData(html,"text/html", "UTF-8");

        Toast.makeText(getApplicationContext(),"Please Check your Internet Connection",Toast.LENGTH_LONG).show();
    }

    //This acts like browser only
}

private class MyBrowser extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        try {
            view.loadUrl(url);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return true;
    }
}
private boolean haveNetworkConnection() {
    boolean haveConnectedWifi = false;
    boolean haveConnectedMobile = false;
    ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
    NetworkInfo[] netInfo = cm.getAllNetworkInfo();
    for (NetworkInfo ni : netInfo) {
        if (ni.getTypeName().equalsIgnoreCase("WIFI"))
            if (ni.isConnected())
                haveConnectedWifi = true;
        if (ni.getTypeName().equalsIgnoreCase("MOBILE"))
            if (ni.isConnected())
                haveConnectedMobile = true;
    }
    return haveConnectedWifi || haveConnectedMobile;
}

and U have to give these permissions also

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

Android Webview - Custom HTML

4 Answers4