WebView ContentChanged事件

有一个网站我想在我的应用程序中使用它显示内容。WebView ContentChanged事件

我必须运行一个像getNames（）这样的JavaScript代码，它将填充名称中的div。执行代码后，需要1-2秒才能填充。

我想在div填满时更新应用程序。问题是，我找不到像webView1.ContentChanged或webView1.SourceChanged这样的事件。唯一的方法是创建一个Timer，将其设置为3秒，然后在执行getNames（）时启动它，然后获取源代码。

任何人有什么想法？

感谢

来源

2017-03-06 Beyto A.

的WebView没有内置的事件，支持检测的内容发生变化。您可以使用带有JavaScript eval函数的InvokeScriptAsync以使用HTML事件处理程序，并使用HTML事件处理程序中的window.external.notify通过WebView.ScriptNotify通知应用程序。

关于如何检测由JavaScript改变HTML内容，你可以参考DOM mutation events replacement

MDN->Web technology for developers->Web APIs->MutationObserver

我做了一个简单的代码示例为您提供：

<WebView Source="ms-appx-web:///HTMLPage1.html" ScriptNotify="WebView_ScriptNotify"></WebView>

<!DOCTYPE html> 
 

 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title></title> 
 
    <script type="text/javascript"> 
 

 
     function detectContent() 
 
     { 
 
      var target = document.getElementById('div'); 
 

 
      var observer = new MutationObserver(function (mutations) { 
 
       mutations.forEach(function (mutation) { 
 
        window.external.notify('div changed'); 
 
        update("div changed"); 
 
       }); 
 
      }); 
 
      var config = { attributes: true, childList: true, characterData: true }; 
 
      observer.observe(target, config); 
 
     } 
 

 
     function update(e) 
 
     { 
 
      var div = document.getElementById("div"); 
 
      div.innerHTML = e; 
 
     } 
 
    </script> 
 
</head> 
 
<body onload="detectContent();"> 
 
    <div id="div" style="margin-top:100px;"></div> 
 
    <br /> 
 
    <input value="update" onclick="update('abc');" type="button"/> 
 
</body> 
 
</html>

private void WebView_ScriptNotify(object sender, NotifyEventArgs e) 
{ 
    System.Diagnostics.Debug.WriteLine(e.Value); 
}

然后如果Div的内容被改变，WebView的ScriptNotify事件将被触发。在我的代码示例中，Webview只是加载本地html页面。

就你而言，如果网站不属于你，你需要使用InvokeScriptAsync在WebView navigatstarting事件中注入javascript代码。

来源

2017-03-08 07:29:23

WebView ContentChanged事件

回答

相关问题