Xamarin/Android webview 隐藏网站元素/类

Question

我正在尝试制作一个小 android 应用程序，显示加载网站的 web 视图。 我用下面的代码 sn-ps 来展示它。但我现在需要的是隐藏页眉和页脚上的一些元素（例如菜单）。我以为我可以不从网页加载一些类，但我不知道如何正确地做到这一点。有没有人有这方面的经验来分享一些亮点？ :)

提前致谢。

protected override void OnCreate(Bundle savedInstanceState)
        {


            base.OnCreate(savedInstanceState);
            SetContentView(Resource.Layout.activity_main);
            Android.Support.V7.Widget.Toolbar toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);
            SetSupportActionBar(toolbar);

            FloatingActionButton fab = FindViewById<FloatingActionButton>(Resource.Id.fab);
            fab.Click += FabOnClick;

            DrawerLayout drawer = FindViewById<DrawerLayout>(Resource.Id.drawer_layout);
            ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this, drawer, toolbar, Resource.String.navigation_drawer_open, Resource.String.navigation_drawer_close);
            drawer.AddDrawerListener(toggle);
            toggle.SyncState();

            NavigationView navigationView = FindViewById<NavigationView>(Resource.Id.nav_view);
            navigationView.SetNavigationItemSelectedListener(this);

            wbv = FindViewById<WebView>(Resource.Id.webView1);
            wbv.SetWebViewClient(new ExtendWebViewClient());
            WebSettings webSettings = wbv.Settings;
            webSettings.JavaScriptEnabled = true;
            wbv.LoadUrl(txtUrl);


        }

internal class ExtendWebViewClient : WebViewClient
        {
            public override bool ShouldOverrideUrlLoading(WebView view, string url)
              {

                view.LoadUrl(url);
                return true;
              }
        }

编辑：只是为了反映对第二类的更改

public class ExtendWebViewClient : WebViewClient
    {
        public override void OnPageFinished(WebView view, string url)
        {
            base.OnPageFinished(view, url);
             string js = "var myElements = document.getElementsByClassName('fusion-main-menu');" +
              " myElements[0].style.display = 'none'; ";
            if (Build.VERSION.SdkInt >= BuildVersionCodes.Kitkat)
            {
                view.EvaluateJavascript(js, null);
            }
            else
            {
                view.LoadUrl(js);
            }
        }

    }

Answer 1

既然你启用了javascript，那么在webview中会有一个运行脚本的功能。

这是使用 Xamarin.Forms.WebView 的 WebView 代码，这是您可以使用它的 id 隐藏任何 webview 元素的方法。

 var hide = await webview.EvaluateJavaScriptAsync("document.getElementById('UserName').style.display = 'none';");