代码注入隐藏 WebView 中的网站部分不起作用答案

【问题标题】：Code injection to hide Website parts in WebView not working代码注入隐藏 WebView 中的网站部分不起作用
【发布时间】：2020-01-06 01:59:37
【问题描述】：

您好，我制作了一个 Flutter webview 应用，但是当我注入此代码时，cookies（第一张图片）的通知并未隐藏：

(await _controller.future).evaluateJavascript("document.getElementById('st_notification_1')[0].style.display='none';");

我应该注入两个代码的页面之一的代码是这样的：

import 'dart:async';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  WebViewController _myController;
      final Completer<WebViewController> _controller =
      Completer<WebViewController>();
  @override
  Widget build(BuildContext context) {
    return SafeArea(
            child: Scaffold(
                  body: WebView(
                  initialUrl: 'https://syncshop.online/en/',
                  javascriptMode: JavascriptMode.unrestricted,
                  onWebViewCreated: (controller) {
                  _controller.complete(controller);
                },
          onPageFinished: (controller) async {
          (await _controller.future).evaluateJavascript("document.getElementsByClassName('footer-container')[0].style.display='none';"); //THIS ONE WORKS 
          (await _controller.future).evaluateJavascript("document.getElementById('st_notification_1')[0].style.display='none';");
          (await _controller.future).evaluateJavascript("document.getElementById('sidebar_box')[0].style.display='none';");
          },
          ),
    floatingActionButton: FutureBuilder<WebViewController>(
        future: _controller.future,
        builder: (BuildContext context, AsyncSnapshot<WebViewController> controller) {
          if (controller.hasData) {
            return FloatingActionButton(
            onPressed: () {
              controller.data.reload();
            },
            child: Icon(Icons.refresh),
          );
          }
          return Container();
        }
        ),
          ),
      );
    }
}

【问题讨论】：

标签： android react-native flutter flutter-layout

【解决方案1】：

getElementById()返回元素，所以不用[0]

【讨论】：