react-native : 从 WebView 的 url 获取内部 api 调用数据

Question

我有一个带有 url 的 webview（例如付款处理页面）。加载 url 后，某些 api 调用就完成了，我想知道如何从该特定 url 的内部 api 调用中获取数据。

它不像网页和本机代码之间的通信。(window.ReactNativeWebView.postMessage或onMessage) 我需要来自网页的内部 api 调用响应数据。

Answer 1

解决方案一：

您可以将js注入webview以获取api详细信息

var open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function() {
    this.addEventListener("load", function() {
        var message = {"status" : this.status, "responseURL" : this.responseURL}
        webkit.messageHandlers.handler.postMessage(message);
    });
    open.apply(this, arguments);
};

解决方案2：

目前还没有办法拦截webview内部API调用。

您可以在 webview 中添加对此的支持

安卓

在android中你必须使用 WebViewClient.shouldInterceptRequest()

您可以添加桥接方法REF