在Windows 10 WebView中執行JS腳本

Question

我想運行一個未寫入加載的html頁面的js函數，例如，我們有一個帶有按鈕的簡單html頁面，並且我想使用外部js腳本禁用該按鈕：

    <!DOCTYPE html>
    <html>
    <body>

    <button id="my_button" type="button" onclick="">Click Me!</button>

    </body>
    </html>

我有我的腳本形式的文件：

 function disableFun() {
 document.getElementById("my_button").disabled = true;
 }

正如官方文檔中提到的那樣，有一個API方法InvokeScriptAsync(string scriptName, string[] arguments)但是提到我們必須已經將腳本放入html加載頁面中。

任何建議都很感激！

PS在android中，我們做到了非常簡單的webView.loadUrl('my script code')

Answer 1

您可以將InvokeScriptAsync與JavaScript eval函數一起使用，以將內容注入到網頁中。

請參閱本文檔的“ Interacting with WebView content部分。

因此，要禁用該按鈕，可以在cs文件中使用以下代碼：

String scriptStr = @"document.getElementById('your_buttonId').disabled=true";
await myWebView.InvokeScriptAsync("eval", new String[] {scriptStr});