假设您有以下 WKWebView 实现：
import Combine
import SwiftUI
import WebKit
class WebViewData: ObservableObject {
@Published var parsedText: NSAttributedString? = nil
var isInit = false
var shouldUpdateView = true
}
struct WebView: UIViewRepresentable {
let text: String
@ObservedObject var data: WebViewData
func makeUIView(context: Context) -> WKWebView {
context.coordinator.view.navigationDelegate = context.coordinator
return context.coordinator.view
}
func updateUIView(_ uiView: WKWebView, context: Context) {
guard data.shouldUpdateView else {
data.shouldUpdateView = false
return
}
let html = """
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
\(text)
<script>
let isScrolling = false;
let timer;
function toggleScrolling() {
if(!isScrolling) {
timer = setInterval(function() {
window.scrollBy(0, 1);
}, \(80 / autoScrollVelocity));
} else {
clearInterval(timer)
}
isScrolling = !isScrolling;
}
</script>
</body>
</html>
"""
uiView.loadHTMLString(html, baseURL: nil)
}
func makeCoordinator() -> WebViewCoordinator {
return WebViewCoordinator(view: self)
}
}
class WebViewCoordinator: NSObject, WKNavigationDelegate {
let view: WebView
init(view: WebView) {
self.view = view
super.init()
}
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
DispatchQueue.main.async {
if !self.view.data.isInit {
self.view.data.isInit = true
// useless text parsing here...
}
}
}
}
在这个观点中
import SwiftUI
struct ReadingView: View {
@ObservedObject var webViewData = WebViewData()
private let text: String
init(text: String?) {
self.text = text ?? "Sorry, this reading is empty"
}
var body: some View {
VStack {
Button("Auto scroll") {
??????
}
WebView(title: self.title, text: self.text, data: self.webViewData)
}
.onReceive(self.webViewData.$parsedText, perform: { parsedText in
if let parsedText = parsedText {
print(parsedText)
}
})
}
}
现在，在带有标签的按钮中Auto scroll，如何在html中调用javascripttoggleScrolling()（或者如果需要的话，将这段代码移到 WKUserScript 中）？我在这里很迷路。
预先感谢您的任何建议
我将解决这个问题本身（调用evaluateJavascript来自 SwiftUI 按钮）而不一定是 javascript 本身（你的toggleScrolling函数），我还没有测试过。
我认为这是使用组合的绝佳机会（这意味着您必须确保import Combine在文件的顶部）通过ObservableObject你已经设置好了。
这是最终的代码（我不得不更改原始代码的一些小问题，但无法编译）：
class WebViewData: ObservableObject {
@Published var parsedText: NSAttributedString? = nil
var functionCaller = PassthroughSubject<Void,Never>()
var isInit = false
var shouldUpdateView = true
}
struct WebView: UIViewRepresentable {
let text: String
@StateObject var data: WebViewData
func makeUIView(context: Context) -> WKWebView {
let webview = WKWebView()
webview.navigationDelegate = context.coordinator
return webview
}
func updateUIView(_ uiView: WKWebView, context: Context) {
guard data.shouldUpdateView else {
data.shouldUpdateView = false
return
}
context.coordinator.tieFunctionCaller(data: data)
context.coordinator.webView = uiView
let html = """
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
\(text)
<script>
function doAlert() { document.body.innerHTML += "hi"; }
</script>
</body>
</html>
"""
uiView.loadHTMLString(html, baseURL: nil)
}
func makeCoordinator() -> WebViewCoordinator {
return WebViewCoordinator(view: self)
}
}
class WebViewCoordinator: NSObject, WKNavigationDelegate {
var parent: WebView
var webView: WKWebView? = nil
private var cancellable : AnyCancellable?
init(view: WebView) {
self.parent = view
super.init()
}
func tieFunctionCaller(data: WebViewData) {
cancellable = data.functionCaller.sink(receiveValue: { _ in
self.webView?.evaluateJavaScript("doAlert()")
})
}
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
DispatchQueue.main.async {
if !self.parent.data.isInit {
self.parent.data.isInit = true
// useless text parsing here...
}
}
}
}
struct ReadingView: View {
@StateObject var webViewData = WebViewData()
var text : String
init(text: String?) {
self.text = text ?? "Sorry, this reading is empty"
}
var body: some View {
VStack {
Button("Call javascript") {
webViewData.functionCaller.send()
}
WebView(text: text, data: webViewData)
}
.onReceive(webViewData.$parsedText, perform: { parsedText in
if let parsedText = parsedText {
print(parsedText)
}
})
}
}
会发生什么？
-
有一个PassthroughSubject on WebViewData这并不需要实际值（它只需要Void）用于将信号从 SwiftUI 视图发送到WebViewCoordinator.
-
The WebViewCoordinator订阅该发布者并运行evaluateJavasscript。为了做到这一点，它必须有一个对WKWebView，你可以看到我传递的updateUIView
-
你实际上并没有返回WKWebView in makeUIView（或者也许你是，但问题的简化代码有点破坏了它）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
