关于WebView加载URL时显示一片空白的问题

问题:

当用WebView加载URL时,WebView只是显示一片空白,而没有正常加载所需要的内容;

1》布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

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

    </WebView>

</RelativeLayout>

很简单,只有一个WebView控件

2》Activity:

package com.demo.cxc.webviewdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {
    private WebView test_wv;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        test_wv = (WebView) findViewById(R.id.test_wv);

        test_wv.loadUrl("http://tshop.xymens.com/Assets/cat_size/?table_id=5&goods_id=277063&user_id=");

    }


}

注意:这里要在manifest文件中加入相关权限:

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


其中要加载的URL在浏览器中加载后显示的内容如下:


3》运行

效果如下:



可以看出在WebView中并未显示要加载的URL的内容


5》改正

给WebView添加下列属性

        test_wv.setWebChromeClient(new WebChromeClient());
        test_wv.setWebViewClient(new WebViewClient());
        test_wv.getSettings().setJavaScriptEnabled(true);

即,Activity改为如下:

package com.demo.cxc.webviewdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    private WebView test_wv;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        test_wv = (WebView) findViewById(R.id.test_wv);

        test_wv.setWebChromeClient(new WebChromeClient());
        test_wv.setWebViewClient(new WebViewClient());
        test_wv.getSettings().setJavaScriptEnabled(true);

        test_wv.loadUrl("http://tshop.xymens.com/Assets/cat_size/?table_id=5&goods_id=277063&user_id=");

    }


}

6》运行效果如下:



可以发现,可以正常显示 了:

参考:http://www.360doc.com/content/14/0616/16/16688557_387211958.shtml

### 鸿蒙模拟器运行显示空白的解决方案 在鸿蒙开发过程中,如果遇到模拟器运行显示空白的情况,可能是由于多种因素引起的。以下是针对不同场景的具体分析和解决办法: #### 1. **检查 `EntryAbility` 的实现** 如果项目的入口能力未正确设置,则可能导致界面无法正常加载而呈现为空白状态。确保 `EntryAbility` 中的相关逻辑已正确定义并初始化[^1]。 #### 2. **Web 组件加载失败** 对于使用 Web 组件的应用程序,可能是因为资源未能成功加载而导致空白现象。具体原因包括但不限于网络权限缺失、URL 路径错误或 WebView 初始化异常等问题。可以尝试以下措施: - 确认应用清单文件 (`config.json`) 已声明必要的网络访问权限。 ```json { "reqPermissions": [ { "name": "ohos.permission.INTERNET" } ] } ``` - 修改代码中 URL 前缀为完整的 HTTPS 协议地址(例如将 `'www.baidu.com'` 替换为 `'https://www.baidu.com'`),以避免因协议不匹配引发的问题[^5]。 此外,还可以通过调试工具查看具体的报错日志来定位问题所在。 #### 3. **地图组件或其他插件功能失效** 若项目涉及第三方库集成(如高德地图 SDK 或其他依赖项),则需验证其安装环境是否满足最低要求以及是否存在兼容性冲突等情况。必要可参照官方文档调整编译参数或者更新至最新版本[^4]。 #### 4. **设备管理器 File Explorer 显示空白** 当操作本地数据存储目录却看不到任何内容,通常建议重建一个新的虚拟机实例,并指定较低的操作系统级别作为目标平台(比如 Android API Level 4.4)。这样有助于规避某些潜在的技术缺陷所带来的影响[^3]。 #### 示例修复脚本 下面提供了一段简单的 ArkTS 实现样例供参考: ```typescript import web_webview from '@ohos.web.webview'; @Entry @Component struct Index { controller: web_webview.WebviewController = new web_webview.WebviewController(); build() { Column() { Text('Loading...') .fontSize(20) .fontColor('#FFFFFF') // 加载百度首页 Web({ src: 'https://www.baidu.com', controller: this.controller, style: { width: '100%', height: '80%' } }) }.width('100%').height('100%') } aboutToAppear() { super.aboutToAppear(); console.info('Page is loading...'); } } ``` 上述代码片段展示了如何利用标准方式调用远程 HTML 页面的同保持用户体验流畅度。 --- ###
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值