如何模拟click on button Flutter WebView

点击按钮是在Flutter中模拟点击按钮的操作，而WebView是Flutter中用于展示Web内容的组件。结合两者，我们可以使用Flutter的WebView组件来加载一个包含按钮的网页，然后通过模拟点击按钮的方式来实现"click on button"的效果。

要实现这个功能，我们可以按照以下步骤进行操作：

引入webview_flutter库：在Flutter项目的pubspec.yaml文件中，添加webview_flutter库的依赖。

dependencies:
  flutter_webview_plugin: ^0.4.0

然后运行flutter packages get命令来获取依赖包。

创建一个包含按钮的网页：在项目的assets目录中，创建一个HTML文件（比如button.html），在其中添加一个按钮元素。

<!DOCTYPE html>
<html>
<head>
    <title>Button Page</title>
</head>
<body>
    <button id="myButton">Click me</button>
    <script>
        document.getElementById("myButton").addEventListener("click", function() {
            window.flutter_inappwebview.callHandler('buttonClicked');
        });
    </script>
</body>
</html>

在上面的代码中，我们给按钮添加了一个点击事件，当点击按钮时，通过window.flutter_inappwebview.callHandler('buttonClicked')触发了一个名为buttonClicked的回调函数。

在Flutter应用中使用WebView加载网页：创建一个Flutter页面，并使用WebView组件加载上述网页。

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

class MyWebView extends StatefulWidget {
  @override
  _MyWebViewState createState() => _MyWebViewState();
}

class _MyWebViewState extends State<MyWebView> {
  InAppWebViewController? _webViewController;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter WebView'),
      ),
      body: InAppWebView(
        initialFile: 'assets/button.html',
        onWebViewCreated: (controller) {
          _webViewController = controller;
        },
        onLoadStop: (controller, url) {
          _webViewController?.addJavaScriptHandler(
            handlerName: 'buttonClicked',
            callback: (args) {
              print('Button clicked!');
              // 在这里编写模拟点击按钮的代码
              return null;
            },
          );
        },
      ),
    );
  }
}

在上面的代码中，我们使用InAppWebView组件来加载刚刚创建的HTML文件。通过onLoadStop回调，我们可以获取到WebView的控制器InAppWebViewController，并使用addJavaScriptHandler方法注册一个名为buttonClicked的JavaScript回调函数。

编写模拟点击按钮的代码：在上面的代码中，在addJavaScriptHandler方法的回调函数中，可以编写模拟点击按钮的代码。

注意：模拟点击按钮可能涉及到WebView页面的加载状态、按钮元素的定位等问题，具体实现方式根据具体的需求和页面结构而定。

以上就是模拟"click on button"的简单实现方法。关于Flutter WebView和相关概念的详细信息，你可以参考腾讯云的文档和相关产品：

Flutter WebView插件：https://pub.dev/packages/flutter_inappwebview
WebView（文档）：https://docs.flutter.dev/cookbook/networking/webview
腾讯云移动Web应用加速：https://cloud.tencent.com/product/mwa

如何模拟click on button Flutter WebView

、

我正在使用webview_flutter包。如何模拟按钮点击？我尝试使用控制器来运行一些javascript： controller.evaluateJavascript("$('.mybuttonclass').click()") 不幸的是，我们似乎不能在这里使用

浏览 45提问于2020-08-12得票数 0

回答已采纳

1回答

如何从flutterWebviewPlugin.evalJavascript (addEventListener)检索javascript值

(flutter_webview_plugin：^0.3.9+1) flutterWebviewPlugin.onStateChanged.listen((viewState) async {

浏览 5提问于2019-11-22得票数 3

回答已采纳

1回答

xcode解析问题:找不到模块webview_fltter_wkwebview

、、

使用vscode在mac上编译带有webview的颤振应用程序，在ios模拟器中运行，这是正常的，而且我在ios的Info.plist中添加了"webview_flutter“，我确信我已经安装了”webview_flutter“插件，但是当我在xcode中运行它时，总是没有找到”webview_flutter webview_flutter_wkwebview“，直到现在，我还没有解决这个问题，请帮助，谢

浏览 0提问于2021-11-22得票数 0

1回答

通知单击webView中按钮上的操作

、、、、

Windows商店应用程序-嗨，我有webView在我的xaml页面。这个网页显示在一些http广告上。在加载页面是简单的登录公式，我需要当用户按下登录按钮通知我的应用程序。有什么选择吗？html部件：<input type="submit" value="Login me" id="login"> 我发现这样的情况：webView1.Document.GetElementById("").InvokeMember("click"

浏览 4提问于2013-09-14得票数 2

回答已采纳

1回答

Flutter webviews提供net::ERR_CACHE_MISS消息

、、、、

在flutter中使用webview时，我收到以下消息。以下是代码 import 'package:flutter/material.dart';<uses-permission

浏览 161提问于2020-03-24得票数 6

1回答

在WebView中生成单击事件

、、、

DOMDocument* domDocument=[webView mainFrameDocument]; [event initEvent:@"click" canBubbleArg:YES cancelableArg:NO]; DOMEvent* event = [do

浏览 3提问于2013-03-13得票数 3

回答已采纳

3回答

如何在flutter webview中收听事件？

、

我想要在用户单击webview中的按钮时关闭flutter应用程序中的webviewclass WebViewApp extends StatefulWidget {

浏览 3提问于2020-08-01得票数 7

5回答

编译应用程序时已经出现R8程序类型错误

、、、

我意识到问题在于WebView库，因为当我从公共规范中删除它时，应用程序会编译它。但是我现在不能放弃使用WebView，这对应用程序来说是很重要的。奇怪的是，我可以在设备上调试应用程序。我尝试了几种解决方案，如下所示：flutter clean更新到了发布规范中最新版本的webview我得到以下错误： R8:已经存在的程序类型: io.flutter.plugins.we

浏览 4提问于2020-03-13得票数 2

回答已采纳

6回答

在颤振Webview中运行一些Javascript

、、、

如何在flutter_webview_plugin中运行Javascript？我认为使用flutterWebviewPlugin.evalJavascript可以在Webview中运行Javascript。我做错什么了吗？

浏览 0提问于2018-05-15得票数 15

回答已采纳

1回答

颤振网页显示空白屏幕

、

我试图在我的颤振应用程序上使用WebView()。在我编写代码之后，没有任何错误，但是，当在模拟器上运行调试模式时，页面是空的。AppBar在那里，文本也在上面，但是主体是一个空白屏幕。import 'package:flutter/material.dart';

浏览 2提问于2020-04-05得票数 1

1回答

使用QT5.5.1从QWebView获取网站内容

、、、、

parent) : ui(new Ui::MainWindow) { ui->webView/www.login.com")); // load page that have user name and password field }

浏览 0提问于2017-02-13得票数 2

回答已采纳

1回答

flutter_webview不垂直滚动(溢出-y滚动条未显示)

、、、

下面是它应该如何显示，请注意可滚动播放列表( macOS Safari响应设计模式的屏幕快照)。请注意，虽然有内容溢出，但没有滚动条和无法滚动。下面是代码：import 'package:flutter/foundation.dart'; import 'pac

浏览 15提问于2022-05-18得票数 0

回答已采纳

6回答

Flutter Webview与Javascript的双向通信

、、、

我有一个html文件，我正在使用flutter_webview_plugin在Flutter webview中加载它。我正在使用evalJavascript来调用javascript代码中的函数，即flutter(dart)->js。然而，我也需要一些方法来将一些东西传回flutter(dart)层，即js->flutter(dart)。webkit.messageHandlers.native : 即使我使用它获取实例并发布

浏览 17提问于2018-12-09得票数 29

1回答

在UWP应用程序中出现随机主页按钮

、、、

我在后台有一个webview控件，在前面视图中有一个按钮控件。我导航到的网站(vans.co.uk)在左上角有它的商店标识，当鼠标悬停在它上面时，就会出现"Home“工具提示。但是，如果我单击屏幕上任何地方的按钮控件，并将该按钮的可见性属性更改为在click方法中折叠，则会出现此"Home“工具提示。当单击按钮被折叠时，必须有某种类型的事件传递到webview。="Stretch"/> <Button x:Name="btn"

浏览 0提问于2018-06-15得票数 1

1回答

如何自动缩放颤振WebView

、、、、

我想知道如何自动缩放颤振WebView。我知道用户可以手动缩放WebView内容，但我想从一开始就控制它，因为当我将模拟器置于纵向模式时，WebView中的信息太小，用户无法阅读：我试图增加WebView的宽度，使其更大，这样它就可以自动缩放不受Flutter支持，IFrameElement也不受安卓模拟器支持)很好。iframeElement.height = '750'; _iframeElement.wid

浏览 7提问于2022-03-10得票数 4

1回答

错误致命性错误:在iOS中找不到运行的'Flutter/Flutter.h‘文件

、、

Xcode版本: 13错误：↳ In file included from /Users/sarathc/.pub-cache/hosted/pub.dartlang.org/webview_flutter_wkwebview-2.0.14/ios/Classes/JavaScriptChannelHandler.m:5:/Users/

浏览 2提问于2021-10-21得票数 0

1回答

“文档无法解决”错误Android webview getElementsByClassName

、、、、

我正在尝试点击布局上的“搜索”按钮&它将调用对webview中的google按钮的单击。webview.evaljs(document.getElementsByClassName("google search button blah").click()); 但是现在eclipse告诉我

浏览 0提问于2012-02-13得票数 0

1回答

我想不出用WKWebView和Java脚本来模拟点击/点击的方法

、、、、

我试图模拟一个移动点击/点击与快速/javascript。单击是在没有Id的标签上。我已经尝试过.click()、.onclick()和.submit()。webView.evaluateJavaScript("document.getElementsByTagName('button').click();", completionHandler: { (} print(&quo

浏览 1提问于2018-04-06得票数 3

回答已采纳

3回答

Flutter -键盘在android 12设备中不显示

、、

键盘在其他应用程序中工作正常，也适用于android 12以外的Android版本的模拟器。在物理设备上试用，Pixel与android 12也面临同样的问题。颤动医生代码-[✓] Flutter (Channel stable, 2.2.3, on macOS 11.4 20F71 darwin-x64, localeen-IN) • Flutter version 2.2.3 at /Users/uable/Downloads/<em

浏览 6提问于2021-10-28得票数 5

2回答

Android HTML按钮onclick事件

、、、、

refuseClick(){ document.getElementById("no").value = "Je refuse";<buttontype="button" id="ok" style="font-weight: 700; margin-right: 20px;" onclick="validClick();">S

浏览 8提问于2014-03-04得票数 1

点击加载更多