本文介绍如何通过WebKit的WKUserScript接口将JavaScript代码注入到WebView中，实现对页面元素的监听和操作。添加的代码可以捕获按钮点击事件，并通过控制台输出信息，同时能够与原生环境进行消息传递。
添加前，网页代码如下：
<!DOCTYPE html>
<html>
<!--<script type="text/javascript">-->
<!-- function echo(str) {-->
<!-- console.log(str);-->
<!-- window.webkit.messageHandlers.testecho.postMessage("str");-->
<!--}-->
<!--</script>-->
<body>
<input type="button" onClick="echo('toast clicked')" value="toast">
<input type="button" onClick="echo('alert clicked')" value="Alert">
</body>
</html>
添加代码
let jsStr = """
function echo(str) {console.log(str);window.webkit.messageHandlers.testecho.postMessage("str");}
"""
let userScript = WKUserScript.init(source: jsStr, injectionTime: .atDocumentStart, forMainFrameOnly: true)
usecc.addUserScript(userScript)
添加后，网页代码如下


html 没有发生变化，但是可以看到有一个 user-script。 控制台中，也有输出。native 也可以收到回调。 

扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
