Sunday, February 5, 2012

How to apply css formatting for Webview in android?


In below example you will find that the css formatting is applied in onFinished method of webview .......

mWebView = (WebView) findViewById(R.id.termswebview);
mWebView.setBackgroundColor(Color.parseColor("#000000"));
mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.setWebViewClient(new WebViewClient());
mWebView.getSettings().setBuiltInZoomControls(true);
mWebView.getSettings().setUseWideViewPort(true);


mWebView.setWebViewClient(new WebViewClient() {
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return false;
   }

   @Override
   public void onPageFinished(WebView view, String url) {
mWebView.loadUrl("javascript:document.getElementsByTagName('html')              [0].innerHTML+='<style>*{color:#fff}</style>';");

   }
});

mWebView.loadUrl(url);

4 comments:

  1. Okay. Does this CSS work on any website?

    ReplyDelete
  2. Hey nice one.. I had some doubt. I have some 30 lines of css and 2 scripts running on it. So how can I integrate it in webview. I am really confused.

    ReplyDelete
  3. • Nice and good article. It is very useful for me to learn and understand easily. Thanks for sharing your valuable information and time. Please keep updatingAzure Online course Hyderabad

    ReplyDelete