DotNetBrowser 检查元素是否可见

Question

I am trying to implement the following JavaScript function to check if an element is visible or not. The issue is that javascript variable is null and cast AsFunction not working of course.

var element = node as DOMElement;
JSValue javascript = browser.ExecuteJavaScriptAndReturnValue("var KBrowserIsHidden = function (el) { " +
                "var style = window.getComputedStyle(el); " +
                "return (style.display === 'none' || style.visibility === 'hidden') " +
                "}" +
                "KBrowserIsHidden");
var hidden = Convert.ToBoolean(javascript.AsFunction().InvokeAndReturnValue(null, element));

Answer 1

Regarding obtaining the javascript function, please consider separating the function definition and returning it to the C# side. The sample source code is demonstrated below:

browser.ExecuteJavaScriptAndReturnValue("var KBrowserIsHidden = function (el) { " +
"var style = window.getComputedStyle(el); " +
"return (style.display === 'none' || style.visibility === 'hidden'); " +
"};");

JSValue javascript = browser.ExecuteJavaScriptAndReturnValue("KBrowserIsHidden;");

Also, please keep in mind that DotNetBrowser does not allow passing the DOM API objects to the JavaScipt - .NET Bridge with the automatic conversion. In the described case, I would like to recommend that you find the required element using the JavaScript code.