我是Flutter新手,目前正在制作一个非常简单的应用程序,它只是一个WebView。我的问题是如何将这段代码插入到我的Flutter WebView中?
footer#footer, div#st_notification_1, #sidebar_box {
display: none!important;
}
目前,我正在尝试在我的应用程序选项卡中使用Flutter团队的WebView插件。我正在尝试加载并隐藏页面底部的网站是:
下面是我尝试隐藏底部的Webview代码:
更新:已修复。下面的代码对我有效。
注意:我重新检查了该网站,并更改了getElementsById
以对应于上述网站底部的类名使用getElementsByClassName
。
注2:Flutter包中有很多WebView应用程序,我使用的是Flutter团队的Flutter WebView。
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class ProfileAccount extends StatefulWidget {
ProfileAccount({Key key}) : super(key: key);
@override
_ProfileAccountState createState() => _ProfileAccountState();
}
class _ProfileAccountState extends State<ProfileAccount> {
WebViewController _myController;
final Completer<WebViewController> _controller =
Completer<WebViewController>();
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: WebView(
initialUrl: 'https://syncshop.online/en/login',
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (controller) {
_myController = controller;
},
onPageFinished: (initialUrl) {
_myController.evaluateJavascript("document.getElementsByClassName('footer-container')[0].style.display='none';");
},
)
),
);
}
}
evalJavascript()
函数。 - Kiran Maniyafoot.setAttribute('style', 'text-align: center');```
- Kiran ManiyaflutterWebviewPlugin.evalJavascript
只有在 AppBar() 内才能工作,所以我应该将 css 放在 dom 中,然后将该 javascript 传递到flutterWebviewPlugin.evalJavascript
中? - KDC