android webview 加载富文本图片自适应

最新推荐文章于 2023-05-04 11:40:31 发布

夢鑰

最新推荐文章于 2023-05-04 11:40:31 发布

阅读量539

点赞数

分类专栏： Android 文章标签： webview android javascript

本文链接：https://blog.csdn.net/weixin_41620505/article/details/122363092

版权

Android 专栏收录该内容

36 篇文章 3 订阅

订阅专栏

1、方法代码


fun imgReset(){
        webView.loadUrl(
            "javascript:(function(){" +
                    "var objs = document.getElementsByTagName('img'); " +
                    "for(var i=0;i<objs.length;i++) " +
                    "{"
                    + "var img = objs[i]; " +
                    " img.style.maxWidth = '100%'; img.style.height = 'auto'; " +
                    "}" +
                    "})()")
 }

2、使用时机

webView.webViewClient=object :WebViewClient(){
            override fun onPageFinished(view: WebView?, url: String?) {
                super.onPageFinished(view, url)
                //webView.imgReset()
                        imgReset()
            }
        }

3、生成扩展方法

fun WebView.imgReset() {
    this.loadUrl("""javascript:(function(){
        |var objs = document.getElementsByTagName('img');
        | for(var i=0;i<objs.length;i++){
        | var img = objs[i];
        |  img.style.maxWidth = '100%';
        |   img.style.height = 'auto'; }
        |   })()""".trimMargin())

}

android WebView 富文本神器