CefSharp 不编组 DOM 节点

Question

当我在 CEFSharp 中使用 EvaluateScriptAsync() 执行 js 时，我可以返回原始类型，如字符串或数组。例如，以下工作：

var result = await Browser.EvaluateScriptAsync("Array.from(document.getElementsByTagName('input')).map(element => element.value)");
if (result.Success && result.Result != null)
{
    dynamic values = result.Result;
    foreach (dynamic value in values)
    {
        MessageBox.Show($"Value is: {value}");
    }
}

但是一旦我尝试获取一个 DOM 元素，无论是一个还是一个列表，我都会得到null：

var result = await Browser.EvaluateScriptAsync("Array.from(document.getElementsByTagName('input'))");
// `result.Success` is `true`, `result.Result` is `null`

我以为 CEFSharp 只知道如何编组原始类型，但对象字面量也可以：

var result = await Browser.EvaluateScriptAsync("({ a: 1, b: 'hello' })");
if (result.Success && result.Result != null)
{
    dynamic obj = result.Result;
    MessageBox.Show($"{{ a: {obj.a}, b: {obj.b} }}");
}

结果证明只有 CEFSharp 不知道如何编组 DOM 对象。

为什么？是否有解决方案或解决方法？

Answer 1

首先，重要的是要了解Javascript 是在渲染过程中执行的。 EvaluateScriptAsync 的结果实际上是一个DTO，我们创建一个对象来表示执行脚本的结果。

目前无法返回 HTMLElement 或任何具有循环引用的对象。

如果我们看 `HTMLElement 作为一个具体的例子，它将有一个 parentElement/parentNode 并且父节点有包含节点本身的子节点。您最终也会遍历整个 DOM 树。

CEF 对其CefV8Value 类型的类型支持非常有限，因此很难做任何太花哨的事情。见this。

我们可能会添加一个扩展方法，将用户脚本包装在 IIFE 中，并进行一些 instanceof HTMLElement 样式类型检查以返回 HTML 元素的精简表示。请参阅this，了解我如何伪造支持以返回Promise。