修改 Web 视图中的字体大小或删除文本上的某些 html 语言

Question

我有一个web视图来读取包含html语言元素的数据库上的数据，例如：

等，并且还可以显示数据库中的图像。我希望字体更大。XAML：

<WebView x:Name="QuestionTextWeb" Grid.Row="3" Margin="10,10,0,10" MinHeight="100" MaxHeight="200" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>

法典：

string QuestionPhrase = @"SELECT * FROM DBQUESTION WHERE QUIZT_ID='100'";
question = objConn.Prepare(QuestionPhrase);
QuestionTextWeb.NavigateString((question[1].ToString());

如何使字体变大？或者除了使用 webview 之外，有没有办法不显示数据库中的 html 语言(但也显示图像(？由于其中包含许多html语言，所以不能使用替换

Answer 1

您可以使用 WebView.InvokeScriptAsync 方法注入 javascript 代码，并使用此 JS 代码更改 html 页面上的字体端。

例如：

<WebView x:Name="webview" DOMContentLoaded="webview_DOMContentLoaded"></WebView>

public MainPage()
{
    this.InitializeComponent();
    string html = "<p>Dessy pergi ke pasar dia ingin membeli beberapa macam diantaranya buah apel, cendol, kain untuk pelajaran keterampilan membatik dan pensil. Ukuran-ukuran yang benar dipakai oleh penjual adalah...</p> ";
    webview.NavigateToString(html);
}
private async void webview_DOMContentLoaded(WebView sender, WebViewDOMContentLoadedEventArgs args)
{
    await webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByTagName("p")[0].style.fontSize="" + 30 + "";" });
}

通常，我在 DOMContentLoad 时调用此方法。请根据您的情况自行决定。