Jquery iOS的JS页面加载指示器

我正在尝试为我的PWA/移动站点的页面加载指示器实现一个动画gif。我可以通过以下方式在Android上正常工作：

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

这对iOS不起作用，我知道pagehide事件是要使用的，但它也不起作用：

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

有谁能告诉我我缺少了什么，或者有一个简单干净的解决方案来解决iOS设备的问题吗？

要收听js事件：

在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函数：

---

他不想要本地人。谢谢塞巴斯蒂安，但苏尔坦是对的，这是给PWA的

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

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

        case "event2":
            // do some stuff

        default:
            break
    }

}

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
    }