# ArkWebDemo

**Repository Path**: hellowordlol/ark-web-demo

## Basic Information

- **Project Name**: ArkWebDemo
- **Description**: 【鸿蒙 Harmony Next 示例 代码】本示例是一个Webview相关场景的示例，搭建了不同的页面向用户提供不同Webview使用的场景。 用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-14
- **Last Updated**: 2025-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 介绍
本示例是一个Webview相关场景的示例，搭建了不同的页面向用户提供不同Webview使用的场景。
用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。

## 需要权限
```
1、ohos.permission.INTERNET
2、ohos.permission.APPROXIMATELY_LOCATION
3、ohos.permission.LOCATION
4、ohos.permission.LOCATION_IN_BACKGROUND
```


## 工程目录
```
entry/src/main/ets/
|---entryability
|   |---EntryAbility.ets
|---pages
|   |---webview
|   |   |---setAttrAndEvent      // 设置基本属性和事件
|   |   |---webAndArkTs          // 在应用中使用前端页面JavaScript
|   |   |---goPageAndRouter      // 管理页面跳转及浏览记录导航
|   |   |---cookie               // 管理Cookie及数据存储
|   |   |---interceptRequest     // 自定义页面请求响应 
|   |---Index.ets                // 主页
```

## 使用说明
- 启动页面为ArkWeb，本文主要介绍的是ArkWeb相关使用场景
- 设置基本属性和事件，包含设置深色模式、上传文件、在新窗口中打开页面、管理位置权限、Web组件嵌套滚动
- 在应用中使用前端页面JavaScript，包含应用侧调用前端页面函数，前端页面调用应用侧函数和建立应用侧与前端页面的数据通道
- 管理页面跳转及浏览记录导航
- 管理Cookie及数据存储，包含Cookie管理，缓存Cache和存储管理DOM Storage
- 自定义页面请求响应

## 实现效果
![img.png](img.png)
![img_1.png](img_1.png)
![img_3.png](img_3.png)

## 依赖
不涉及。


## 约束与限制
- 本示例仅支持真机上运行。
- 本示例仅支持API12版本SDK，SDK版本号(API Version 12 Release)。
- 本示例需要使用DevEco Studio 版本号(5.0.0)及以上版本才可编译运行。