Weinre样式检查不适用于AngularJS

Question

我正在尝试使用Weinre来调试AngularJS应用程序,但样式检查不起作用.我可以使用Weinre在页面上选择元素,但它从不显示来自CSS选择器的相关样式信息.我已经将它缩小到仅仅包括AngularJS(我使用的是版本1.2.5)在页面中断Weinre样式检查.我在网上发现了一些Weinre没有与AngularJS合作的参考文献(https://issues.apache.org/jira/browse/CB-2651),但是JIRA说它已经解决了.有任何想法吗？

Answer 1

包括以下功能,并在页面的早期运行:

function whackWebkitMatchesSelector() {
    var oldMatches = Element.prototype.webkitMatchesSelector

    function newMatches(selector) {
        try {
            return oldMatches.call(this, selector)
        }
        catch (err) {
            return false
        }
    }

    Element.prototype.webkitMatchesSelector = newMatches
}

whackWebkitMatchesSelector()

正如https://issues.apache.org/jira/browse/CB-6161中所建议的, 我现在可以检查大多数(可能不是全部)样式.

Answer 2

他们通过捕获异常并继续“修复”它。显然这个问题是由（webkit 认为的）无效的 CSS 选择器引起的。