通过WebView访问各种HTML Navigator属性

Question

我的任务是“本地”实施3DS付款验证流。当然，我们将重定向用户，显示特定的HTML内容，拨打各种电话等。根据服务提供商的说法。 他们用于初始化3DS流程的API请求信息，例如：

browserip字符串客户端的IP。它可以是IPv4或IPv6。

根据IETF BCP47，Navigator_language字符串语言。得到这个 navigator.language html属性。

navigator_javaenabled字符串从中获取此值 navigator.javaenabled html属性。

navigator_jsenabled字符串'true'如果在 客户的浏览器。 'false'否则。

screen_colordepth字符串从screen.colordepth html获取此值 属性。

screen_height字符串从screen.height html属性获取此值。

screen_width字符串从screen.width html属性获取此值。

timezoneOffset字符串通过运行'new来获取此值 date（）。getTimeZoneOffset（）;'在客户端的浏览器中。

用户词字符串必须包含HTTP用户代理标头值。

browseraccept字符串它必须包含HTTP接受标头值。

我知道我可能可以获取用户的IP，启用JS的IP，屏幕尺寸＆amp; Web视图设置中的用户代理字符串＆amp;设备的配置属性，但是如何访问所有其他字段？我找不到附加在Web视图或其设置上的导航对象。是否有一种本地方法来检索所有这些细节？

Answer 1

好吧，经过很多比赛，我弄清楚了！首先，我使用androidView composable：在其中创建了一个普通的WebView：

@SuppressLint("SetJavaScriptEnabled")
@Composable
fun Payments3DSWebViewScreen(
    navController: NavController,
    accountId: String?,
    cardInfo: CardInfo,
    paymentsViewModel: PaymentsViewModel = get()
) {
    val context = LocalContext.current
    var webView by remember { mutableStateOf<WebView?>(null) }
    Column(modifier = Modifier.fillMaxSize()) {
        AndroidView(
            factory = {
                WebView(context).apply {
                    settings.javaScriptEnabled = true
                    addJavascriptInterface(PaymentsJSInterface(), "ANDROID")
                    webChromeClient = object : WebChromeClient() {
                        override fun onJsAlert(
                            view: WebView?,
                            url: String?,
                            message: String?,
                            result: JsResult?
                        ): Boolean {
                            return super.onJsAlert(view, url, message, result)
                        }
                    }
                    webView = this
                    webView?.loadUrl("javascript: ANDROID.getNavigatorInfo(navigator.language || navigator.userLanguage, navigator.javaEnabled());")
                }
            },
            modifier = Modifier
                .fillMaxSize()
                .background(Color.White)
        )
    }
    BackHandler {
        if (webView != null) {
            if (webView!!.canGoBack()) {
                webView?.goBack()
            } else {
                navController.popBackStack()
            }
        } else {
            navController.popBackStack()
        }
    }
}

在其中，我使用了web Chromeclient实例，而不是常规webViewclient，因为我阅读了它使其提供的方法更容易（即OnjSalert（））。接下来，我通过Web视图设置启用了JavaScript，最后添加了一个自定义JS接口，该界面将完成所有提取工作。

这是PaymentsJsInterface类：

class PaymentsJSInterface {

    @JavascriptInterface
    fun getNavigatorInfo(lang: String, javaEnabled: Boolean) {
        Log.d("PAYMENTJS", "$lang | $javaEnabled")
    }
}

因此，通过使用loadurl（）方法在WebView中运行自定义JS脚本来实现提取，并指定URL是JS脚本（因此javascript：</代码>在开始）。完成此操作后，您可以访问JavaScriptInterface方法（通过@JavaScriptInterface通过“ Android”（在我的情况下）（在我的情况下）'命名空间'。由于JS代码在WebView中运行，您现在可以访问各种HTML属性例如navigator一个。