android webview加载html代码

最新推荐文章于 2024-09-03 20:29:20 发布

pxcz110112

最新推荐文章于 2024-09-03 20:29:20 发布

阅读量6.8k

点赞数 3

本文链接：https://blog.csdn.net/pxcz110112/article/details/91589955

版权

商城项目里，商品详情是后台给的html代码，需要加载到页面上

//在内置浏览器打开页面
mWebView.setWebViewClient(new WebViewClient() {
     @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
     }
 });

String detailHtml = data.getDetailHtml();

mWebView.loadData(detailHtml, "text/html", "UTF-8");

直接这样使用的话，图片大小不能完美的适应屏幕，后台并没有给图片添加宽度为100%

需要我们自己添加上这个属性，需要这句话

String varjs = "<script type='text/javascript'> \nwindow.onload = function()\n{var $img = document.getElementsByTagName('img');for(var p in  $img){$img[p].style.width = '100%'; $img[p].style.height ='auto'}}</script>";

整体使用为

String detailHtml = data.getDetailHtml();

//图片宽度改为100%  高度为自适应
String varjs = "<script type='text/javascript'> \nwindow.onload = function()\n{var $img = document.getElementsByTagName('img');for(var p in  $img){$img[p].style.width = '100%'; $img[p].style.height ='auto'}}</script>";
        
mWebView.loadData(varjs + detailHtml, "text/html", "UTF-8");