flutter_inappwebview 获取设备信息

Flutter InAppWebView可以通过JavaScriptBridge对象来获取设备信息。JavaScriptBridge是一个桥接对象，可以连接Flutter应用和JavaScript脚本。

以下是一个示例代码，演示如何使用JavaScriptBridge获取设备信息：

import 'package:flutter_inappwebview/flutter_inappwebview.dart';

class MyInAppWebView extends StatefulWidget {
  @override
  _MyInAppWebViewState createState() => _MyInAppWebViewState();
}

class _MyInAppWebViewState extends State<MyInAppWebView> {
  InAppWebViewController _webViewController;

  @override
  Widget build(BuildContext context) {
    return Container(
      child: InAppWebView(
        initialUrl: "https://www.example.com",
        initialOptions: InAppWebViewGroupOptions(
          crossPlatform: InAppWebViewOptions(
            javaScriptEnabled: true,
          ),
        ),
        onWebViewCreated: (controller) {
          _webViewController = controller;
        },
        onLoadStop: (controller, url) async {
          await _webViewController.evaluateJavascript(source: """
            (function() {
              const bridge = window.flutter_inappwebview.callHandler('JavaScriptBridge');
              const deviceInfo = {
                'userAgent': navigator.userAgent,
                'platform': navigator.platform,
                'language': navigator.language
              };
              bridge.postMessage(JSON.stringify(deviceInfo));
            })();
          """);
        },
        onConsoleMessage: (controller, consoleMessage) {
          if (consoleMessage.message.startsWith('{') && consoleMessage.message.endsWith('}')) {
            final deviceInfo = json.decode(consoleMessage.message);
            print('User agent: ${deviceInfo['userAgent']}');
            print('Platform: ${deviceInfo['platform']}');
            print('Language: ${deviceInfo['language']}');
          }
        },
      ),
    );
  }
}

在这个例子中，我们使用JavaScriptBridge对象来执行JavaScript代码，并将设备信息作为JSON字符串传递回Flutter应用。在Flutter应用中，我们可以通过onConsoleMessage回调函数来接收设备信息，并将其打印到控制台上。