问题标签 [flutterwebviewplugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
698 浏览

javascript - 如何在 Flutter webview 中操作 HTML?

我正在使用 Flutter webview 加载网站。但我想在加载时替换 HTML 元素。例如:

怎么做?

0 投票
1 回答
1326 浏览

android - 弹出键盘时颤动webview黑屏

我在我的android项目中包含了flutter模块,并且flutter模块包含我用来加载应用程序url的webview (flutter_inappwebview) 。

我正在打开一个 webview 页面,其中包含用于输入数据的文本字段。当我单击文本字段输入数据时,键盘弹出并且屏幕完全变黑

日志充满了以下错误

颤动日志

在此处输入图像描述

0 投票
1 回答
212 浏览

flutter - 加载内容时如何在颤动的WebView中显示微调器

我正在尝试在我的应用程序中使用 Flutter Web 视图。它正在工作,但是,我尝试启动的页面需要一些时间才能加载。因此,用户在显示内容之前会看到一个空白页面

我想继续显示微调器,直到显示页面内容

这是我尝试过的代码片段

我看到了微调器,但在显示内容之前它就消失了。因此,大约有 5-8 秒的时间,用户会看到一个空的画布并且没有微调器

在屏幕上显示所有内容之前,如何保持微调器?

谢谢

医生摘要(要查看所有详细信息,请运行 flutter doctor -v):[✓] Flutter(通道稳定,1.22.0,在 Mac OS X 10.15.6 19G2021 上,语言环境 en-US)

[✓] Android 工具链 - 为 Android 设备开发(Android SDK 版本 28.0.3) [✓] Xcode - 为 iOS 和 macOS 开发(Xcode 12.0) [✓] Android Studio(版本 3.6) [✓] VS Code(版本 1.49。 2) [✓] 连接设备(1 个可用)

• 未发现任何问题!

  • 更新。

我调用的 URL 在显示页面之前会进行一些额外的验证。我在我的代码中添加了一个计时器。

不确定这是否是正确的方法

0 投票
1 回答
1349 浏览

flutter - Stripe 无法在 webview 中进行支付错误

我在我的应用程序中使用条纹支付网关,当我输入卡详细信息后一切正常,然后在输入 otp 并提交后重定向到 OTP 页面并提交它会引发此错误

此问题仅在实时模式下出现,在测试模式下借记卡不会要求 OTP

支付服务.dart

这是我的 pubspec.yaml

0 投票
4 回答
2639 浏览

flutter - 没有为类“_WebViewExampleState”定义方法“SurfaceAndroidWebView”

我尝试运行从https://pub.flutter-io.cn/packages/webview_flutter/example获得的示例,以在 Flutter 中使用 webview。但我有这种错误:

lib/main.dart:43:48:错误:没有为类“_WebViewExampleState”定义方法“SurfaceAndroidWebView”。- '_WebViewExampleState' 来自'package:webview_test/main.dart' ('lib/main.dart')。尝试将名称更正为现有方法的名称,或定义名为“SurfaceAndroidWebView”的方法。if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView(); ^^^^^^^^^^^^^^^^^^^^^

我的代码在 SurfaceAndroidWebView 中有错误: 在此处输入图像描述

这是我的 pubspec.yaml:

提前致谢!

0 投票
0 回答
66 浏览

flutter - 如何在 Flutter 中隐藏 webview 中的元素。?

我想在我的颤振应用程序中隐藏网站部分。我在 pubspec.yaml 文件中添加了 flutter flutter_webview_plugin 并将包导入到我的 feed.dart 页面。当flutterWebviewPlugin.evalJavascript("alert('Hi, I just executed')");我运行应用程序时执行。但flutterWebviewPlugin.evalJavascript("document.getElementById('header04-2j').style.display = 'none';");我试图隐藏标题但它不起作用。下面是源代码。

0 投票
1 回答
121 浏览

flutter - 可以使用 OAuth2 授权码作为成功登录的证明吗?

我有一个包含电子邮件和密码的数据库,以及一个 Flutter 应用程序,让这些用户通过提供他们的电子邮件和密码(老式方式)来登录应用程序。

现在,其中一些用户是组织的一部分,该组织有一个单独的网站,他们使用 Microsoft/Office 365 帐户登录。当然,他们也希望能够使用他们的 Office 365 帐户登录我的应用程序,而不是必须记住并在应用程序中输入与他们通常在其组织网站上使用的密码不同的密码。

所以我一直在查看他们的网站,它使用 Microsoft Azure 作为后端。从他们当前的登录页面中,我可以找到tenantID、和. 由此我可以从授权端点获取授权码。但是,由于我的应用程序未在组织 Azure 帐户中注册,因此我没有 a ,因此我无法调用令牌端点并获取.clientIDredirectURLscopelogin.microsoftonline.comclientSecretidToken

我正在使用 WebView 来显示他们组织网站的登录信息,因此当他们被重定向时,我可以从重定向 URL 中获取授权代码。

所以我的问题是我是否可以直接使用授权码来验证用户是否已使用其 Office 365 帐户成功登录?我只需要知道用户在组织中有一个帐户,并且他们可以提供有效的电子邮件和密码来登录。

如果他们被重定向到带有授权代码的重定向 URL,则意味着他们成功登录。然后我可以认为他们也登录到我的应用程序,基于提供给 Office 365 授权端点的电子邮件。因为如果他们无法登录 Office 365,他们就不会获得授权码,对吧?

0 投票
1 回答
345 浏览

flutter - 在颤振中,按下后退按钮时如何返回上一个 URL?

我对颤振完全陌生,我正在使用 web view 小部件,但是每当我按下它时,它就会退出应用程序。按下后退按钮时如何返回上一页?

这是我的代码片段

0 投票
0 回答
291 浏览

flutter - 嵌套的可滚​​动 Flutter Webview

如何在其他内容下创建可滚动的 webview?例如

我不能将 aSingleChildScrollViewColumn包含其他元素以及 webview 的 a 一起使用,因为应用程序在遇到滚动高度较长的页面时会崩溃。比较ListView 或 CustomScrollView 中的 Flutter WebView - 在 Android 上崩溃以获取详细信息。

我正在使用webview_flutter: ^1.0.7插件。

我试图让它与NestedScrollView

在上述情况下,webview 会显示一个全屏页面,但不会更多。

这是完整的非工作示例:

0 投票
1 回答
1578 浏览

flutter - WebView颤动:初始化url时无法将'cookie'设置为标题

webview_flutter: ^1.0.7用来在我的应用程序上显示网页:

在 initState 方法中,我有以下代码:

但运行后没有任何内容添加到标题中。

如果我将代码更改为:

我收到了这个错误:

如何设置适用于 ios 和 android 的 cookie?