WebView自适应

一、图片自适应
/**
 * 离线加载的网页内容要加上的一些网页源码
 * 博主这里返回的网页源码是指包含body的内容的,所以这些网页的头和一些css样式可以直接拼接
 */
private String codePrefixOne = "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">" +
        "<html>" +
        "<head>" +
        "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=\">";

private String style = "<style type=\"text/css\"> *{color:" + "#123456" + ";}body{word-wrap:break-word;font-family:Arial} </style>";

private String codePrefixTwo = "</head>" + "<body>";

private String codeSubfix = "</body></html>";

private String js = "<script type=\"text/javascript\">"
        + " var tables = document.getElementsByTagName('img');" + // 找到table标签
        "for(var i = 0; i<tables.length; i++){" +  // 逐个改变
        "tables[i].style.width = '100%';" +  // 宽度改为100%
        "tables[i].style.height = 'auto';" +
        "}" +
        "</script>";
 
 
mWebView.getSettings().setJavaScriptEnabled(true);
String webData = codePrefixOne + codePrefixTwo + suCai.getSourceContent() + js + codeSubfix;
//js需要在<body>内容... js</body>
mWebView.loadData(webData, "text/html; charset=UTF-8", null);//这种写法可以正确解码

二、

//        mWebView.getSettings().setUseWideViewPort(true);
//        mWebView.getSettings().setSupportZoom(true);
//        mWebView.getSettings().setLoadWithOverviewMode(true);





猜你喜欢

转载自blog.csdn.net/wangzhen19900908/article/details/79128488
今日推荐