在WebView中显示带有CSS的HTML页面

Question

I'm trying to load a web page in a WebView , but when the page is retrieved I lost all style information, maybe the CSS file is not used properly in my web view.

For retrieving data I'm using HTTP POST in this way:

public void postData() throws IOException, ClientProtocolException {
    List<NameValuePair> nameValuePairs = new ArrayList<NameValuePair>();  
    nameValuePairs.add(new BasicNameValuePair("param1", "parameter1"));  
    nameValuePairs.add(new BasicNameValuePair("param2", "parameter2"));

    HttpClient httpclient = new DefaultHttpClient();  
    HttpPost httppost = new HttpPost(URL_STRING);  
    httppost.setEntity(new UrlEncodedFormEntity(nameValuePairs));  

    HttpResponse response = httpclient.execute(httppost);  
    String data = new BasicResponseHandler().handleResponse(response);
    WebView mWebView = (WebView) findViewById(R.id.wv);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.loadData(data, "text/html", "utf-8");
}

How can I solve this problem?

Answer 1

The problem is the relative path href="/maindir/css/sites.css" :

Solution 1: (change at server)

In case you have access to web-server try using full path in <link type="text/css" rel="stylesheet" href="/maindir/css/sites.css"> . So instead of /maindir/css/sites.css you will have http://your.domain.com/maindir/css/sites.css

Solution 2: (change at client)

Instead of mWebView.loadData(data, "text/html", "utf-8"); use method loadDataWithBaseURL (String baseUrl, String data, String mimeType, String encoding, String historyUrl) the baseUrl string will be used in order to make relative path to work.

Result will be something like:

mWebView.loadDataWithBaseURL("http://your.domain.com/", data, "text/html", "utf-8", null);