如何在 Xamarin forms 中隱藏 WebView 顯示的網頁元素

Question

我有一個網站，現在想制作 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';");

但它不起作用。 有人可以告訴我這是否可以工作以及如何工作？ 謝謝。

Answer 1

當您直接調用EvaluateJavaScriptAsync方法時， WebView尚未完全初始化。

所以你可以在Navigated事件中調用 JS 代碼

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