如何将 window.performance 对象返回到 CasperJS 范围

Question

我正在尝试使用以下代码将 web 页面中的 window.performance 对象返回到 casper 的范围，但我得到了 null。谁能解释一下原因？

    performance = casper.evaluate ->
        return window.performance
    @echo performance

Answer 1

PhantomJS 1.x 没有实现window.performance，所以你不能使用它。

PhantomJS 2.0.0 实现了它，但没有实现 window.performance.toJSON() 函数。 PhantomJS 的问题是你必须通过evaluate() 访问这些信息，但它有以下限制：

注意：evaluate 函数的参数和返回值必须是简单的原始对象。经验法则：如果可以通过 JSON 序列化就可以了。

闭包、函数、DOM 节点等将起作用！

您必须找到自己的方式在页面上下文中序列化 this 并将其传递到外部 (JavaScript)：

var performance = casper.evaluate(function(){
    var t = window.performance.timing;
    var n = window.performance.navigation;
    return {
        timing: {
            connectStart: t.connectStart,
            connectEnd: t.connectEnd,
            ...
        },
        navigation: {
            type: n.type,
            redirectCount: n.redirectCount
        },
        ...
    };
});

或寻找产生可序列化对象的深拷贝算法 (from here)：

var perf = casper.evaluate(function(){
    function cloneObject(obj) {
        var clone = {};
        for(var i in obj) {
            if(typeof(obj[i])=="object" && obj[i] != null)
                clone[i] = cloneObject(obj[i]);
            else
                clone[i] = obj[i];
        }
        return clone;
    }
    return cloneObject(window.performance);
});
console.log(JSON.stringify(perf, undefined, 4));