Web功能介绍鸿蒙示例代码

本文原创发布在华为开发者社区。

介绍

本示例介绍了Web请求拦截、Web与应用侧交互、Web侧PDF文件操作以及Web长按菜单功能使用。基于这些功能，为开发者提供了Web页面加载管控、Web应用广告加载、Web支持PDF预览以及下载、Web拉起通讯录获取手机号以及复制/保存/加载Web页面元素场景，方便开发者开发。

Web功能介绍源码地址

效果预览

场景1 ：Web用户权限校验以及应用广告

场景2 ：PDF文件浏览以及下载

场景3 ：Web页面手机充值

场景4 ：Web页面实名认证

场景5 ：Web页面长按菜单

Web场景使用说明

场景1 ：Web用户权限校验以及应用广告：

1. 点击对应的web页浏览信息，跳转并加载本地对应的web信息页。
2. Web设置onInterceptRequest属性，对请求进行拦截，对加载的页面进行管控。
3. 在普通用户查看和下载应用的页面末尾处，点击应用广告会加载应用详情页，可对应用进行下载或打开应用。

场景2 ：PDF文件浏览以及下载

1. 点击选择要浏览的本地文件，与应用侧交互拉起文件管理，并只展示后缀为pdf的文件，选择后使用Web加载浏览。
2. 在浏览网络PDF文件中，可点击PDF下载图标或下载按钮实现网络PDF文件下载至文件管理中。

场景3 ：Web页面手机充值

1. 点击Web页面联系人图标，拉起手机联系人并进行展示。
2. 选择联系人后，会自动填充对应的手机号，无须手动输入手机号进行充值。

场景4 ：Web页面实名认证

1. 点击Web页面的身份证正面照以及身份证反面照，拉起原生图库进行选择图片或拍照。
2. 选择图片或完成拍照后，将图片在HTML的img标签显示。

场景5 ：Web页面长按菜单

1. 长按Web页面元素，会在元素显示菜单弹窗。
2. 选择对应的菜单进行复制、拉起应用等操作。