【鸿蒙】HarMonyOS的UI组件学习八之网站引入

最新推荐文章于 2025-03-31 15:31:51 发布

原创最新推荐文章于 2025-03-31 15:31:51 发布 · 637 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#java #js #android

HarmonyOS(Java) 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了如何在鸿蒙系统中使用WebView组件实现网页浏览功能，包括界面布局配置、Java代码实现及网络权限设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鸿蒙系统作为移动互联终端之一，同样也具备手机上访问网站地址的功能，鸿蒙系统中WebView组件可以承载网站的显示，并支持手机界面的网站屏幕适配。

先看界面效果:

可以正常的浏览网站，查阅信息。

接下来，看主布局代码:

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <ohos.agp.components.webengine.WebView
        ohos:id="$+id:wv"
        ohos:height="match_parent"
        ohos:width="match_parent"/>

</DirectionalLayout>

在看java界面代码

package com.example.hm_phone_java.slice;

import com.example.hm_phone_java.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.webengine.WebView;

public class WebViewAbilitySlice extends AbilitySlice {

    @Override
    protected void onStart(Intent intent) {
        super.onStart(intent);
        this.setUIContent(ResourceTable.Layout_ability_webview);
        WebView wv= (WebView) this.findComponentById(ResourceTable.Id_wv);
        //允许加载js脚本
        wv.getWebConfig().setJavaScriptPermit(true);
        final String url="https://www.baidu.com/";
        wv.load(url);
    }
}

添加访问网络权限，在项目的config.json文件中的

在module属性中添加权限属性:


    "reqPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ],

最后将项目运行在华为模拟器上即可。

今天分享到这里，感谢大家的关注和阅读！！！

下一篇【鸿蒙】HarMonyOS的UI组件学习九之计算器