android 加载有图的HTML

最新推荐文章于 2021-06-07 11:19:43 发布

原创最新推荐文章于 2021-06-07 11:19:43 发布 · 292 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #android studio

Android必学专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在WebView中实现图片自适应屏幕宽度的方法，通过修改HTML和使用JavaScript，确保了图片能够在不同设备上正确显示，同时保持了良好的用户体验。

布局文件

 <WebView
 android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/webview">
 </WebView>

代码

 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>";
        mDataBinding.webview.loadDataWithBaseURL(null,
                varjs +getHtmlData(dataBean.getCONTENT()), "text/html", "utf-8", null);

 private String getHtmlData(String bodyHTML) {
        String head = "<head>" +
                "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " +
                "<style>html{padding:15px;} img{max-width: 100%; width:auto; height:auto!important;}</style>" +
                "</head>";
        return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
    }

 @Override
    public void onBackPressed() {
        if (mDataBinding.webview != null){
            if (mDataBinding.webview.canGoBack()){
                mDataBinding.webview.goBack();
            }
        }
        finish();
    }

直接这么写就好了