如何在 Xamarin 表单中隐藏 WebView 显示的网页元素答案

【问题标题】：How to hide elements of webpage shown by WebView in Xamarin forms如何在 Xamarin 表单中隐藏 WebView 显示的网页元素
【发布时间】：2020-10-14 15:32:02
【问题描述】：

我有一个网站，现在想制作 iOS/Android APP 来显示我网站的内容。我计划使用 Xamarin.Forms 和 WebView。问题是，APP不需要像网站那样显示，所以我想隐藏网页的一些元素。比如有一个id是“test”的元素，我想用EvaluateJavaScriptAsync来隐藏它。

我试过了

WebView WebSiteView = new WebView();

WebSiteView.Source = WebUrl;

WebSiteView.EvaluateJavaScriptAsync("document.getElementById('test').style.display = 'none';");

但它不起作用。有人可以告诉我这是否可以工作以及如何工作？谢谢。

【问题讨论】：

标签： javascript c# html xamarin.forms webview

【解决方案1】：

当你直接调用EvaluateJavaScriptAsync方法时，WebView还没有尚未完全初始化。

所以你可以在 Navigated

事件中调用 JS 代码

WebSiteView.Navigated += (o, s) => {
  WebSiteView.EvaluateJavaScriptAsync("document.getElementById('test').style.display = 'none';");
 };

【讨论】：