webview容器加载h5页面之获取剪贴板的数据
webview容器加载h5页面之获取剪贴板的数据
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何设置Web组件加载的H5页面禁用手势缩放
703浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
321浏览 • 1回复 待解决
webview加载Vue h5失败
16044浏览 • 5回复 待解决
Web加载的H5页面跳转后,如何避免原有页面注册的资源被清空
604浏览 • 1回复 待解决
升级API11后h5页面字体变小了
545浏览 • 1回复 待解决
在Web组件的H5页面中,如何使用a标签实现打开各种页面
616浏览 • 1回复 待解决
H5页面输入框自动获焦弹起软键盘
470浏览 • 1回复 待解决
H5页面如何与ArkTS交互
1307浏览 • 1回复 待解决
mate60pro上h5页面切换过渡会有页面发大过程
470浏览 • 1回复 待解决
用webview加载H5,是否存在安全相关的问题
555浏览 • 1回复 待解决
如何加载字符串形式H5数据
495浏览 • 1回复 待解决
读取剪贴板是否需要READ_PASTEBOARD权限
456浏览 • 1回复 待解决
Web中webview和H5交互
402浏览 • 1回复 待解决
web控件加载h5, h5里的javascript打印的console.info在哪里看?
473浏览 • 1回复 待解决
如何在webview中使用H5中的alert
519浏览 • 1回复 待解决
响应式布局是只适用于原生页面,还是H5页也支持
549浏览 • 1回复 待解决
请问webview中h5的video组件如何实现全屏
484浏览 • 0回复 待解决
在元服务开发过程中,使用Web组件打开H5页面.打开后一直循环(begin&end)
542浏览 • 1回复 待解决
Web能直接加载h5代码吗?
1566浏览 • 2回复 待解决
h5网页中从cookie中同步登录状态比较慢
233浏览 • 1回复 待解决
是否支持通过WebView跑H5 WebRTC进行音视频通话?
421浏览 • 1回复 待解决
Web加载一个H5视频如何使其横向全屏播放
429浏览 • 1回复 待解决
webviewController runJavaScript 获取h5返回值嵌套字符串
331浏览 • 1回复 待解决
如何实现H5自定义事件
711浏览 • 1回复 待解决
h5如何在鸿蒙设备进行调试
319浏览 • 1回复 待解决
本文主要描述在web容器里加载js,html,与h5的一个交互过程以及在h5页面实现获取剪贴板的数据并加载在webview容器中,包括在应用侧调用前端数据以及使用Web组件将应用侧代码注册到前端页面中,注册完成之后,前端页面中使用注册的对象名称就可以调用应用侧的函数,实现在前端页面中调用应用侧方法。
使用的核心API
javaScriptProxy
registerJavaScriptProxy
clipboard
核心代码解释
注册应用侧代码有两种方式,一种在Web组件初始化调用,使用javaScriptProxy()接口。另外一种在Web组件初始化完成后调用,使用registerJavaScriptProxy()接口。在web初始化时调用,注入JavaScript对象到window对象中,并在window对象中调用该对象的方法。此接口只支持注册一个对象,若需要注册多个对象请使用registerJavaScriptProxy。
应用侧:
h5侧:
剪贴板Clipboard API提供了响应剪贴板命令(剪切、复制和粘贴)与异步读写系统剪贴板的能力。从权限 Permissions API (en-US) 获取权限之后,才能访问剪贴板内容;如果用户没有授予权限,则不允许读取或更改剪贴板内容。第一步,先写一个html+js,这个html里面需要用到canvas绘制图片,然后调用clipboard的方法,第二步,将这个html加载到HarmonyOS的webview里面。
应用侧:
h5侧: