iOS 的 JS 页面加载指示器答案

【问题标题】：JS page load indicator for iOSiOS 的 JS 页面加载指示器
【发布时间】：2020-03-29 07:36:49
【问题描述】：

我正在尝试为我的 PWA/移动网站的页面加载指示器实现一个动画 gif。我使用以下方法在 Android 上运行良好：

      // None iOS devices.
      $(function () {
        $(window).on('beforeunload', function () {
        $('#indicator').show();
        });
      });

这不适用于 iOS，我知道“pagehide”事件是可以使用的，但它也不起作用：

      window.addEventListener('pagehide', event => {
        $('#indicator').show();
      }, false);

谁能告诉我我缺少什么或有一个简单干净的 iOS 设备解决方案？

【问题讨论】：

标签： jquery ios indicator busyindicator

【解决方案1】：

监听js事件：

        // 1
    let contentController = WKUserContentController();

    contentController.add(self, name: "event1")
    contentController.add(self, name: "event2")

    // 2
    let config = WKWebViewConfiguration()
    config.userContentController = contentController

    let webView = WKWebView(frame: view.frame, configuration: config)
    webView.navigationDelegate = self
    webView.uiDelegate = self

在 webKit 委托中：

func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {

    switch message.name {
        case "event2":
            // do some stuff

        case "event2":
            // do some stuff

        default:
            break
    }

}

如果你想从你的 webKit 中调用 JS 函数：

self.webView.evaluateJavaScript("jsFunction('\(parameter1),\(parameter2),\(parameter3)')") { [weak self] _, error in
        guard let self = self else { return }

        if let error = error {
            print("some error on calling jsFunction: \(error)")
            return
        }

        // jsFunction called successfully
    }

【讨论】：

他不想要本地人。
感谢 Sebastian，但 Sulthan 是正确的，这是针对 PWA 的