Home >Web Front-end >HTML Tutorial >Use css in webview to adapt simple pages_html/css_WEB-ITnose
package com.example.mycssdemo;import android.annotation.SuppressLint;import android.app.Activity;import android.os.Bundle;import android.util.Log;import android.view.Menu;import android.webkit.WebSettings;import android.webkit.WebSettings.LayoutAlgorithm;import android.webkit.WebView;import android.webkit.WebViewClient;/** * 类名:MainActivity.java <br> * 描述: <br> * 创建者: lidongdong <br> * 创建日期:2015-8-16 * 版本: <br> * 修改者:<br> * 修改日期:2015-8-16 */@SuppressLint("SetJavaScriptEnabled")public class MainActivity extends Activity { private WebView mWebView; private WebSettings mWebSetting; private String content; private String linkCss; private String html; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWebView= (WebView) findViewById(R.id.web_view); mWebSetting = mWebView.getSettings(); mWebSetting.setJavaScriptEnabled(true); //======================保证页面的完整显示在手机屏幕上======================= mWebSetting.setUseWideViewPort(true); mWebSetting.setLoadWithOverviewMode(true); mWebSetting.setSupportZoom(true); mWebSetting.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); mWebSetting.setJavaScriptEnabled(true); // mWebView.loadUrl("http://news.dahe.cn/2015/08-11/105436453.html"); linkCss = "<style type=\"text/css\"> img {" + "width:100%;" + "height:auto;" + "}" + "body {" + "margin-right:15px;" + "margin-left:15px;" + "margin-top:15px;" + "font-size:45px;" + "}" + "</style>"; mWebView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.i("DD", "======="+url);// mWebView.loadData(linkCss, "text/html", "utf-8"); view.loadUrl(url); return true; } }); content = "<p><img src=\"http://img5.imgtn.bdimg.com/it/u=3572074785,265614668&fm=21&gp=0.jpg\">hahahha</p>"; // 加载本地css 不行 不能读取// linkCss = "<link rel=\"stylesheet\" href=\"file:///android_asset/img.css\" type=\"text/css\">"; html = "<html><header>" + linkCss + "</header>" + content + "</body></html>"; mWebView.loadData(html, "text/html", "uft-8"); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; }}Only text and pictures are controlled.
Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.