如何在wkwebview下,xcode控制台输出console.log

[木木的世界]

如何在wkwebview下,xcode控制台输出console.log ？
如题。

[ff很爱很爱你]

console.log("")在Xcode中显示不出来，在Android studio是可以显示出来的。 调试iOS用的话，就用alert() 输出内容吧，只不过麻烦点，还得不停的点确定

[木木的世界]

引用 1 楼 u012072188 的回复:

console.log("")在Xcode中显示不出来，在Android studio是可以显示出来的。 调试iOS用的话，就用alert() 输出内容吧，只不过麻烦点，还得不停的点确定

但是UIWebview 可以利用JSContext 可以在控制台输出 console.log 的。 不知道WKWebview有没有 对应的方法。

[aosept123]

需要你自己实现一个了，
接收代码写在下面的函数里：
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
发送的js类似于：
document.getElementById(\"bID\").onclick = function () {\n\
var audioID = document.getElementById(\"audioStr\").getAttribute(\"data-seg-id\");\n\
window.webkit.messageHandlers.YZRead.postMessage({\n\
type:'audio',\n\
id:audioID\n\
});\n\
}\n\

[木木的世界]

引用 4 楼 aosept123 的回复:

需要你自己实现一个了，
接收代码写在下面的函数里：
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
发送的js类似于：
document.getElementById(\"bID\").onclick = function () {\n\
var audioID = document.getElementById(\"audioStr\").getAttribute(\"data-seg-id\");\n\
window.webkit.messageHandlers.YZRead.postMessage({\n\
type:'audio',\n\
id:audioID\n\
});\n\
}\n\

你这个也是需要前端主动调用才可以啊。

[weiqi1063]

https://www.jianshu.com/p/9f5ea767f0e0 做了完美解释。主要思路： 1.重写js的console.log方法。 2.iOS端在h5开始创建DOM树的时候注入。