如何使用 webview_flutter 包运行自定义 Javascript?

Posted

技术标签:

【中文标题】如何使用 webview_flutter 包运行自定义 Javascript?【英文标题】:How to run custom Javascript using webview_flutter package? 【发布时间】:2021-07-03 23:35:25 【问题描述】:

我已经使用webview_flutter 插件构建了一个应用程序,现在我想从我的网络视图中隐藏一个 div。 问题是我无法弄清楚如何使用这个 webview_flutter 运行自定义 javascript。 我已经阅读了有关 flutter_webview_plugin 的 *** 文章,但没有阅读这篇文章。

【问题讨论】:

【参考方案1】:

运行自定义 JS

使用 webview_flutter 插件非常简单。 您可以简单地将控制器对象用作,

_your_webview_controller.evaluateJavascript("<Some JS code>");

隐藏 div

_controller.evaluateJavascript(
              "document.getElementsByClassName('openAppButton')[0].style.display = 'none'");

【讨论】:

以上是关于如何使用 webview_flutter 包运行自定义 Javascript?的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法让颤动的 webview 使用 android 相机进行文件上传?如何在 webview_flutter 中打开文件选择器?

如何让 Pinch Zoom 在 webview_flutter 插件上工作

在 Flutter 中使用 webview_flutter 4.0 | 基础用法与事件处理

打开 Flutter Webview 链接到浏览器

webview_flutter插件如何支持文件上传?

webview_flutter插件如何支持文件上传?