我想删除一个网站的标题在扑动webview(新版本)

Question

下面是我的代码，我正在加载一个网站在webview扑动应用程序通过webview_flutter:依赖性,这是我的代码

import 'package:flutter/src/widgets/framework.dart';
import 'package:webview_flutter/webview_flutter.dart';
class Homepage extends StatefulWidget {
const Homepage({super.key});
@override
State<Homepage> createState() => _HomepageState();
}
class _HomepageState extends State<Homepage> {
@override
Widget build(BuildContext context) {
WebViewController webViewController = WebViewController();
return WebViewWidget(
controller: webViewController
..runJavaScript(
"document.getElementByTagName('header-bottom')[0].style.display='none'")
..setJavaScriptMode(JavaScriptMode.unrestricted)
..loadRequest(
Uri.parse('https://auctionwind.com'),
),
);
}
}

我如何从这个网站删除标题底部标签。我还尝试了"header"标签，它不工作。

Answer 1

你需要在你的页面完成加载后添加你的脚本，你正在使用webview_flutter

在这种情况下，onPageFinished将在setNavigationDelegate

内

WebViewWidget(
controller: webViewController 
..setJavaScriptMode(JavaScriptMode.unrestricted)
..setNavigationDelegate(
NavigationDelegate(  
onPageFinished: (String url) {
webViewController.runJavaScript(
"document.getElementsByClassName('header-bottom')[0].style.display='none'");
}, 
),
)
..loadRequest(
Uri.parse('https://auctionwind.com'),
),
);

如果你的元素有类名，我们可以使用getElementsByClassName

删除它