Javascript 为什么可以';使用console.profile()时,我不能得到正确的答案吗?

Javascript 为什么可以';使用console.profile()时,我不能得到正确的答案吗?,javascript,firefox,Javascript,Firefox,我想知道如何在Firefox中使用控制台.profile()。我已经阅读了以下材料,我复制了代码并在我的Firefox中运行,但我没有看到结果,为什么 function getById(id) { return document.getElementById(id); } function getViaSelector(id) { return document.querySelector(id); } var

我想知道如何在Firefox中使用控制台.profile()。我已经阅读了以下材料,我复制了代码并在我的Firefox中运行,但我没有看到结果,为什么

 function getById(id)
    {
        return document.getElementById(id);
    }

    function getViaSelector(id)
    {
        return document.querySelector(id);
    }

    var numberOfCalls = 10000;

    console.profile("getElementById() vs. querySelector()");
    for (var i=0; i<numberOfCalls; ++i)
        getById("test");
    for (var i=0; i<numberOfCalls; ++i)
        getViaSelector("test");
    console.profileEnd();
函数getById(id) { 返回文档.getElementById(id); } 函数getViaSelector(id) { 返回单据查询选择器(id); } var numberOfCalls=10000; profile(“getElementById()vs.querySelector()”;
如果页面包含id为“test”的元素,则for(var i=0;i对我有效。结果按预期显示在内置web控制台的运行时分析选项卡上

注意,如果使用Firebug,则需要从web服务器加载代码段,因为Firebug不支持对本地文件(注入的代码)进行评测。另外,请确保启用默认禁用的脚本调试

下面是一个工作示例,您可以从文件或本地web服务器加载它(在这两种情况下,评测都适用于我)


评测演示
函数getById(id)
{
返回文档.getElementById(id);
}
函数getViaSelector(id)
{
返回单据查询选择器(id);
}
var numberOfCalls=10000;
window.onload=函数(){
profile(“getElementById()vs.querySelector()”;

对于(var i=0;i控制台没有数据,数据存储在性能选项卡下


那么,DOM中是否有ID测试的元素?它应该是
document.querySelector(“#”+ID)
我的dom中已经有了……当没有结果时,你还看到了什么?你看了性能选项卡了吗?这并没有提供问题的答案。要评论或要求作者澄清,请在他们的帖子下方留下评论-你可以随时对自己的帖子发表评论,一旦你有足够的评论,你就可以发表评论了谢谢你的解释。由于没有足够的声誉,我无法对问题发表评论!对此表示抱歉。除此之外,我相信我已经回答了这个问题,即,在Firefox中使用web控制台或Firebug进行评测需要做些什么。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Profiling Demo</title>
    <script type="text/javascript">
        function getById(id)
        {
            return document.getElementById(id);
        }

        function getViaSelector(id)
        {
            return document.querySelector(id);
        }

        var numberOfCalls = 10000;

        window.onload = function() {
            console.profile("getElementById() vs. querySelector()");
            for (var i=0; i<numberOfCalls; ++i) {
                getById("test");
            }
            for (var i=0; i<numberOfCalls; ++i) {
                getViaSelector("test");
            }
            console.profileEnd();
        }

    </script>
</head>
<body id="test">

</body>
</html>