1# Web组件渲染模式 2 3## RenderMode 4 5### 介绍 6 71. 实现对以下指南文档中 https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/web/web-render-mode.md 示例代码片段的工程化，保证指南中示例代码与sample工程文件同源。 8 9### 效果预览 10 11| 主页 | 12| ------------------------------------------------------------ | 13| <img src="screenshots\RenderModeWebComp.png" width="360;" /> | 14 15使用说明 16 171. 使用renderMode设置渲染模式为 ASYNC_RENDER (同步渲染模式)。 18# Web组件大小自适应页面内容布局 19 20## FitPageContent 21 22### 介绍 23 241. 实现对以下指南文档中 https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/web/web-fit-content.md 示例代码片段的工程化，保证指南中示例代码与sample工程文件同源。 25 26### 效果预览 27 28| 主页 | 29| --------------------------------------------------------- | 30| <img src="screenshots\FitPageContent.png" width="360;" /> | 31 32使用说明 33 341. 使用Web组件大小自适应页面内容布局模式layoutMode(WebLayoutMode.FIT_CONTENT)时，能使Web组件的大小根据页面内容自适应变化。 35 36## 工程目录 37 38``` 39entry/src/main/ 40|---ets 41|---|---entryability 42|---|---|---EntryAbility.ets 43|---|---pages 44|---|---|---Index.ets // 首页 45|---|---|---FitPageContent.ets 46|---|---|---RenderMode.ets 47|---resources // 静态资源 48|---ohosTest 49|---|---ets 50|---|---|---tests 51|---|---|---|---Ability.test.ets // 自动化测试用例 52``` 53 54## 相关权限 55 56[ohos.permission.INTERNET](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/security/AccessToken/permissions-for-all.md#ohospermissioninternet) 57 58## 依赖 59 60不涉及。 61 62## 约束与限制 63 641. 本示例仅支持标准系统上运行，支持设备：RK3568。 652. 本示例支持API14版本SDK，SDK版本号(API Version 14 Release)。 663. 本示例需要使用DevEco Studio 版本号(5.0.1Release)才可编译运行。 67 68## 下载 69 70如需单独下载本工程，执行如下命令： 71 72``` 73git init 74git config core.sparsecheckout true 75echo code/DocsSample/ArkWeb/WebRenderLayout > .git/info/sparse-checkout 76git remote add origin https://gitee.com/openharmony/applications_app_samples.git 77git pull origin master 78```
