使用自定义javascriptInterfaceAdapter或使用webview控制器调用JS
使用自定义javascriptInterfaceAdapter或使用webview控制器调用JS
提问于 2021-12-17 03:01:36
我有一个用addJavascriptInterface在安道尔webview中执行的旧java项目。
mWebView.addJavascriptInterface(new JavascriptAdapter(), "AndroidFunctions");在JavascriptAdapter类中有几个@JavascriptInterface函数。作为例子
class JavascriptAdapter {
@JavascriptInterface
getMacAddress(){
DeviceInfo deviceInfo = new DeviceInfo(activity);
return deviceInfo.getMacAddress();
}
}现在，在android应用程序中打开webview之后，使用JS，我们可以像这样访问该功能-
var strMacAddress = AndroidFunctions.getMACAddress();
现在，我想实现这件事的颤栗。为此，我使用的是颤振inAppWebview插件。
另外，我还试过flutter_webview，WKWebview。
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-12-17 16:11:39
请查看这文档中的InAppWebView。
JavScriptInterface通常用于从webview调用本机方法。我假设网页调用该方法，因此，您必须返回在文档中显示的Mac地址。但是，您需要通过将此示例(在文档中提供)添加到您的网页源中，来更改调用sample方法的方式。
<script>
window.addEventListener("flutterInAppWebViewPlatformReady", function(event) {
window.flutter_inappwebview.callHandler('handlerFoo')
.then(function(result) {
// print to the console the data coming
// from the Flutter side.
console.log(JSON.stringify(result));
window.flutter_inappwebview
.callHandler('handlerFooWithArgs', 1, true, ['bar', 5], {foo: 'baz'}, result);
});
});
</script>Stack Overflow用户
发布于 2021-12-18 01:07:44
您可以从google查看此Webview。
chrome://inspect/#devices不要忘记在您的flutter_inappwebview: ^5.3.2中添加pubspec.yaml
答案已经在这个链接中给出了，我刚才添加了这个答案，以便快速查看它。
import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
Future main() async {
WidgetsFlutterBinding.ensureInitialized();
if (Platform.isAndroid) {
await AndroidInAppWebViewController.setWebContentsDebuggingEnabled(true);
}
runApp(new MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}
class _MyAppState extends State<MyApp> {
InAppWebViewGroupOptions options = InAppWebViewGroupOptions(
android: AndroidInAppWebViewOptions(
useHybridComposition: true,
),);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text("JavaScript Handlers")),
body: SafeArea(
child: Column(children: <Widget>[
Expanded(
child: InAppWebView(
initialData: InAppWebViewInitialData(
data: """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<h1>JavaScript Handlers</h1>
<script>
window.addEventListener("flutterInAppWebViewPlatformReady", function(event) {
window.flutter_inappwebview.callHandler('handlerFoo')
.then(function(result) {
// print to the console the data coming
// from the Flutter side.
console.log(JSON.stringify(result));
window.flutter_inappwebview
.callHandler('handlerFooWithArgs', 1, true, ['bar', 5], {foo: 'baz'}, result);
});
});
</script>
</body>
</html>
"""
),
initialOptions: options,
onWebViewCreated: (controller) {
controller.addJavaScriptHandler(handlerName: 'handlerFoo', callback: (args) {
// return data to the JavaScript side!
return {
'bar': 'bar_value', 'baz': 'baz_value'
};
});
controller.addJavaScriptHandler(handlerName: 'handlerFooWithArgs', callback: (args) {
print(args);
// it will print: [1, true, [bar, 5], {foo: baz}, {bar: bar_value, baz: baz_value}]
});
},
onConsoleMessage: (controller, consoleMessage) {
print(consoleMessage);
// it will print: {message: {"bar":"bar_value","baz":"baz_value"}, messageLevel: 1}
},
),
),
]))),
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70387950
复制相关文章
相似问题
腾讯云开发者
