Android加载H5页面——webView加载网页时图片不显示_手机上webview不显示图片-程序员宅基地

WebView加载网页，图片不显示

直接上效果图：
在这里插入图片描述
在Android studio中加载URL链接的时候，有些图片可以显示，有些显示不出来；

考虑可以有以下原因：

android webview 从Lollipop(5.0)开始webview默认不允许混合模式，https当中不能加载http资源，而开发的时候可能使用的是https的链接，但是链接中的图片可能是http的，所以需要设置开启。
解决方法：在webview中加入如下代码

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
    
        mWebView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
mWebView.getSettings().setBlockNetworkImage(false);

参考文章：引用链接

还有一篇可以参考的：参考

还有一种就是在manifest中添加网络权限

一定要记得添加网络权限，添加网络权限，添加网络权限；

<uses-permission android:name="android.permission.INTERNET"/>

如果添加上面的几行代码没用作用，看向这！！！

 if (Build.VERSION.SDK_INT > 21) {
    
            webview.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }
        webview.getSettings().setJavaScriptEnabled(true);
        webview.getSettings().setBlockNetworkImage(false);
        webview.setHorizontalScrollBarEnabled(false);
        webview.getSettings().setLoadWithOverviewMode(true);
        webview.loadUrl("https://www.baidu.com/");//显示远程网页

把这几行添加完一般就可以解决图片不加载的情况了；

运行效果如下：
在这里插入图片描述

补充：

1、思考一：
一般Android studio用webview加载网址的时候；点击部分页面链接；会直接用手机自带的网页打开；而不是直接在应用里进行加载；

解决方法：这时我们就应该对链接拦截，直接在应用内部进行加载，而不是用手机外部进行加载。

代码如下：

webview.setWebViewClient(new WebViewClient() {
    //拦截不使用浏览器拦截
            @Override
            public void onPageFinished(WebView view, String url) {
    
            }
        });

2、思考二：

返回/退出逻辑：

一定要添加退出的逻辑，在webview里点击进去后，有上一级的时候就可以进行返回，如果没有上一级时，则app不退出。下面代码 exit()；方法中

 @Override//设置回退
    public boolean onKeyDown(int keyCode, KeyEvent event) {
    
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
    
            webview.goBack(); //goBack()表示返回WebView的上一页面
            return true;
        }else {
    
            exit();
        }
        return false;
    }

    private long exitTime = 0;
    public void exit() {
    
        if ((System.currentTimeMillis() - exitTime) > 2000) {
    
            Toast.makeText(getApplicationContext(), "再按一次，退出程序",
                    Toast.LENGTH_SHORT).show();
            exitTime = System.currentTimeMillis();
        } else {
    
            finish();
            System.exit(0);
        }
    }

附上坤坤的一句话：冲鸭！！！

本文链接：https://blog.csdn.net/qq_43983650/article/details/105795151

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Linux查看登录用户日志_怎么记录linux设备发声的登录和登出-程序员宅基地

文章浏览阅读8.6k次。一、Linux记录用户登录信息文件1　　/var/run/utmp----记录当前正在登录系统的用户信息；2　　/var/log/wtmp----记录当前正在登录和历史登录系统的用户信息；3　　/var/log/btmp：记录失败的登录尝试信息。二、命令用法1.命令last，lastb---show a listing of la_怎么记录linux设备发声的登录和登出

第四章笔记：遍历--算法学中的万能钥匙-程序员宅基地

文章浏览阅读167次。摘要：1. 简介 2. 公园迷宫漫步 3. 无线迷宫与最短（不加权）路径问题 4. 强连通分量1. 简介在计算机科学裡，树的遍历（也称为树的搜索）是圖的遍歷的一种，指的是按照某种规则，不重复地访问某种樹的所有节点的过程。具体的访问操作可能是检查节点的值、更新节点的值等。不同的遍历方式，其访问节点的顺序是不一样的。两种著名的基本遍历策略：深度优先搜索（DFS）和广度优先搜索（B...

【案例分享】使用ActiveReports报表工具，在.NET MVC模式下动态创建报表_activereports.net 实现查询报表功能-程序员宅基地

文章浏览阅读591次。提起报表，大家会觉得即熟悉又陌生，好像常常在工作中使用，又似乎无法准确描述报表。今天我们来一起了解一下什么是报表，报表的结构、构成元素，以及为什么需要报表。什么是报表简单的说：报表就是通过表格、图表等形式来动态显示数据，并为使用者提供浏览、打印、导出和分析的功能，可以用公式表示为：报表 = 多样的布局 + 动态的数据 + 丰富的输出报表通常包含以下组成部分：报表首页：在报表的开..._activereports.net 实现查询报表功能

Ubuntu18.04 + GNOME xrdp + Docker + GUI_docker xrdp ubuntu-程序员宅基地

文章浏览阅读6.6k次。最近实验室需要用Cadence，这个软件的安装非常麻烦，每一次配置都要几个小时，因此打算把Cadence装进Docker。但是Cadence运行时需要GUI，要对Docker进行一些配置。我们实验室的服务器运行的是Ubuntu18.04，默认桌面GNOME，Cadence装进Centos的Docker。安装Ubuntu18.04服务器上安装Ubuntu18.04的教程非常多，在此不赘述了安装..._docker xrdp ubuntu

iOS AVFoundation实现相机功能_ios avcapturestillimageoutput 兼容性 ios17 崩溃-程序员宅基地

文章浏览阅读1.8k次，点赞2次，收藏2次。首先导入头文件#import 导入头文件后创建几个相机必须实现的对象 /** * AVCaptureSession对象来执行输入设备和输出设备之间的数据传递 */ @property (nonatomic, strong) AVCaptureSession* session; /** * 输入设备 */_ios avcapturestillimageoutput 兼容性 ios17 崩溃

Oracle动态性能视图--v$sysstat_oracle v$sysstat视图-程序员宅基地

文章浏览阅读982次。按照OracleDocument中的描述，v$sysstat存储自数据库实例运行那刻起就开始累计全实例(instance-wide)的资源使用情况。类似于v$sesstat，该视图存储下列的统计信息：1>.事件发生次数的统计(如：user commits)2>._oracle v$sysstat视图

随便推点

Vue router报错：NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}的解决方法_navigationduplicated {_name: 'navigationduplicated-程序员宅基地

文章浏览阅读7.6k次，点赞2次，收藏9次。我最近做SPA项目开发动态树的时候一直遇到以下错误：当我点击文章管理需要跳转路径时一直报NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}这个错误但是当我点击文章管理后，路径跳转却是成功的<template> <div> 文章管理页面 <..._navigationduplicated {_name: 'navigationduplicated', name: 'navigationduplic