基于 UWP 的项目，带有 DOM Explorer 的 WebView答案

【问题标题】：UWP Based project, WebView with DOM Explorer基于 UWP 的项目，带有 DOM Explorer 的 WebView
【发布时间】：2016-10-07 19:03:28
【问题描述】：

我想知道是否有这样的库，或者是否有人可以给我提示如何实现这样的东西。

我真正想要的是 DOM Explorer 的功能（更具体地说，当您在任何浏览器上并点击 F12 窗口并弹出 DOM Explorer 时，您可以在其中查看 HTML 和 CSS 的各个方面）。我想知道是否可以为 WebView 创建此功能，如果可以，任何示例都将不胜感激。

注意：我正在开发 Visual Studio 2015、WinRT(Windows Universal 8.1)、C# 项目。

谢谢！

【问题讨论】：

【解决方案1】：

目前探索 DOM 的唯一方法是使用 WebView.InvokeScriptAsync() 方法调用 javascript 函数。所以，我想如果在你的 WebView.DomContentLoaded 事件处理程序中你做这样的事情：

var result = await this.webView.InvokeScriptAsync("eval", new[] { "document.documentElement.outerHTML;" });

您将在 result 变量中获得完整的 DOM。

【讨论】：

嗯，我可以使用 HtmlAgilityPack.HtmlDocument 并使用 StringWriter 写出准确的信息（但我相信更好，因为它看起来有点“更完整”）。但我很好奇的是它本身的功能部分，如图所示（msdnshared.blob.core.windows.net/media/MSDNBlogsFS/…）。它还具有双窗口类型的视图，可以更深入地探索 CSS。抱歉格式错误。
更清楚一点——我想要实现（或转向实现）的是 F12 开发人员工具，但只有 DOM Explorer 部分。
是的，我明白你想要实现什么。但正如我所说，在 UWP 应用程序中与 DOM 交互的唯一已知方法是 InvokeScriptAsync 方法。
我做错了，没有注意到。我实际上正在开发 WinRT (Windows Universal 8.1) 项目。这会改变什么吗？
不。同样的故事。