• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 管理Cookie及数据存储
2
3### 介绍
4
51. 实现对以下指南文档中 https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/web/web-cookie-and-data-storage-mgmt.md 示例代码片段的工程化，保证指南中示例代码与sample工程文件同源。
6
7### Cache_one
8
9#### 介绍
10
111. 本示例主要介绍管理Cookie及数据存储的缓存与存储管理。使用了cacheMode()接口配置页面资源的缓存模式。
12
13#### 效果预览
14
15| 主页                                                 |
16| ---------------------------------------------------- |
17| <img src="screenshots\Cache_one.png" width="360;" /> |
18
19使用说明
20
211. 使用cacheMode()配置页面资源的缓存模式为None，加载资源使用cache，如果cache中无该资源则从网络中获取。
22
23### Cache_two
24
25#### 介绍
26
271. 本示例主要介绍管理Cookie及数据存储的缓存与存储管理相关功能，通过removeCache()接口清除已经缓存的资源。
28
29#### 效果预览
30
31| 主页                                                 |
32| ---------------------------------------------------- |
33| <img src="screenshots\Cache_two.png" width="360;" /> |
34
35使用说明
36
371. 点击按钮触发removeCache()接口清除已经缓存的资源。
38
39### CookieManagement
40
41#### 介绍
42
431. 本示例主要介绍管理Cookie及数据存储。使用了configCookieSync()接口来设置单个Cookie的值。
44
45#### 效果预览
46
47| 主页                                                        |
48| ----------------------------------------------------------- |
49| <img src="screenshots\CookieManagement.png" width="360;" /> |
50
51使用说明
52
531. 点击按钮使用configCookieSync()接口为example.com设置单个Cookie的值。
54
55### DomStorage
56
57#### 介绍
58
591. 本示例主要介绍管理Cookie及数据存储的缓存与存储管理相关部分Dom Storage。使用domStorageAccess()接口进行使能配置。
60
61#### 效果预览
62
63| 主页                                                  |
64| ----------------------------------------------------- |
65| <img src="screenshots\DomStorage.png" width="360;" /> |
66
67使用说明
68
691. 通过Web组件的属性接口domStorageAccess()配置Dom Storage。
70
71#  UserAgent开发指导
72
73### 介绍
74
751. UserAgent（简称UA）是一个特殊的字符串，它包含了设备类型、操作系统及版本等关键信息。如果页面无法正确识别UA，可能会导致一系列异常情况，例如页面布局错误、渲染问题以及逻辑错误等。
762. 实现对以下指南文档中 https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/web/web-default-userAgent.md 示例代码片段的工程化，保证指南中示例代码与sample工程文件同源。
77
78### UserAgent_one
79
80#### 介绍
81
821. 通过getUserAgent()接口获取当前默认用户代理，支持开发者基于默认的UserAgent去定制UserAgent。
83
84#### 效果预览
85
86| 主页                                                     |
87| -------------------------------------------------------- |
88| <img src="screenshots\UserAgent_one.png" width="360;" /> |
89
90使用说明
91
921. 在主界面，可以点击按钮获取当前默认用户代理。
93
94### UserAgent_two
95
96#### 介绍
97
981. 本示例主要展示了设置UserAgent相关的功能，使用了getUserAgent()，setCustomUserAgent()接口实现了定制UserAgent。
99
100#### 效果预览
101
102| 主页                                                       |
103| ---------------------------------------------------------- |
104| <img src="./screenshots/UserAgent_two.png" width="360;" /> |
105
106使用说明
107
1081. 通过this.controller.getUserAgent()获取当前的默认UserAgent字符串，并将其与自定义的字符串'xxx'进行拼接，得到定制后的UserAgent字符串，然后赋值给this.ua。
1092. 使用this.controller.setCustomUserAgent(this.ua);将定制后的UserAgent设置到Web组件中，在后续加载网页等操作时，就会使用定制后的UserAgent。
110
111### UserAgent_three
112
113#### 介绍
114
1151. 本示例主要介绍设置UserAgent相关的功能，通过getCustomUserAgent()接口获取自定义用户代理。
116
117#### 效果预览
118
119| 主页                                                         |
120| ------------------------------------------------------------ |
121| <img src="./screenshots/UserAgent_three.png" width="360;" /> |
122
123使用说明
124
1251. 点击按钮，通过getCustomUserAgent()接口获取自定义用户代理。
126
127# 使用运动和方向传感器监测设备状态
128
129### UseMotionDirSensor
130
131#### 介绍
132
1331. 实现对以下指南文档中 https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/web/web-sensor.md 示例代码片段的工程化，保证指南中示例代码与sample工程文件同源。
134
135#### 效果预览
136
137| 主页                                                         | 弹窗                                                         |
138| ------------------------------------------------------------ | ------------------------------------------------------------ |
139| <img src="screenshots\UseMotionDirSensor_1.png" width="360;" /> | <img src="screenshots\UseMotionDirSensor_2.png" width="360;" /> |
140
141使用说明
142
1431. 点击加速度按钮申请权限，获取请求权限的资源类型，弹出提示框。
1442. 点击onConfirm进行传感器授权处理。
145
146## 工程目录
147
148```
149entry/src/main/
150|---ets
151|---|---entryability
152|---|---|---EntryAbility.ets
153|---|---pages
154|---|---|---Index.ets						// 首页
155|---|---|---Cache_one
156|---|---|---Cache_two
157|---|---|---CookieManagement
158|---|---|---DomStorage
159|---|---|---UserAgent_one.ets
160|---|---|---UserAgent_three.ets
161|---|---|---UserAgent_two.ets
162|---|---|---UseMotionDirSensor.ets
163|---resources								// 静态资源
164|---ohosTest
165|---|---ets
166|---|---|---tests
167|---|---|---|---Ability.test.ets            // 自动化测试用例
168```
169
170## 相关权限
171
172[ohos.permission.INTERNET](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/security/AccessToken/permissions-for-all.md#ohospermissioninternet)
173
174[ohos.permission.ACCELEROMETER](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/security/AccessToken/permissions-for-all.md#ohospermissionaccelerometer)
175
176[ohos.permission.GYROSCOPE](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/security/AccessToken/permissions-for-all.md#ohospermissiongyroscope)
177
178## 依赖
179
180不涉及。
181
182## 约束与限制
183
1841. 本示例仅支持标准系统上运行，支持设备：RK3568。
1852. 本示例支持API14版本SDK，SDK版本号(API Version 14 Release)。
1863. 本示例需要使用DevEco Studio 版本号(5.0.1Release)才可编译运行。
187
188## 下载
189
190如需单独下载本工程，执行如下命令：
191
192```
193git init
194git config core.sparsecheckout true
195echo code/DocsSample/ArkWeb/SetBasicAttrsEvts/SetBasicAttrsEvtsTwo > .git/info/sparse-checkout
196git remote add origin https://gitee.com/openharmony/applications_app_samples.git
197git pull origin master
198```
199
200
201
202
203
204