Fatal编程技术网

查看异步JavaScript调用

javascript asynchronous

查看异步JavaScript调用,javascript,asynchronous,firebug,Javascript,Asynchronous,Firebug,我已经将Google Analytics的跟踪脚本升级为异步版本。我唯一的问题是能够调试调用。我能够使用上概述的方法跟踪Firebug中的旧版本，但现在无法查看gaq.push调用。有没有办法在Firebug或其他工具中查看这一点 这是我尝试跟踪的示例测试页面： <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Google Analytics Event Tracking</t

我已经将Google Analytics的跟踪脚本升级为异步版本。我唯一的问题是能够调试调用。我能够使用上概述的方法跟踪Firebug中的旧版本，但现在无法查看gaq.push调用。有没有办法在Firebug或其他工具中查看这一点

这是我尝试跟踪的示例测试页面：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Google Analytics Event Tracking</title>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-13250000-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; 
            s.parentNode.insertBefore(ga, s);
        })();  
    </script>
</head>
<body>
Lorem ipsum dolor sit amet....<br />
<script type="text/javascript">
    _gaq.push(['_trackEvent', 'Videos', 'Play', 'Gone With the Wind']);
</script>
</body>
</html>


谷歌分析事件跟踪
var _gaq=_gaq | |[]；
_gaq.push（[''u设置帐户'，'UA-13250000-1']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
var ga=document.createElement（'script'）；
ga.type='text/javascript'；
ga.async=true；
ga.src=（'https:'==document.location.protocol？'https://ssl' : 'http://www“）+”.google analytics.com/ga.js'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（ga，s）；
})();  
Lorem ipsum dolor sit amet….

_gaq.push（[“跟踪事件”、“视频”、“播放”、“乱世佳人”）；
我正试图确认“\u gaq.push”确实有效。

Firefox的应用程序非常方便。它可以让您查看所有HTTP流量，并进行过滤等。它还有一个功能，允许您在浏览器启动HTTP事务之前修改标题，这看起来非常棒，但我从未使用过它。

我通过查看Chrome Developer Tools中的“资源”选项卡来做到这一点：

（注意黄色的'XHR'——这意味着XMLHttpRequest，这是您可能正在寻找的调用类型）

如果您需要深入查看系统内外的每个请求，那么您应该真正安装它，因为它是这类东西的最佳选择。

如果您在FireBug中没有看到请求发生，那么它们就不会发生。Google Analytics并没有以某种方式绕过浏览器跟踪其发出的HTTP请求的能力，您的代码根本没有发出这些请求。

我刚刚遇到了同样的问题，因此我进行了Google搜索，并最终解决了这个堆栈溢出问题。。我也认为这会在firebug中显示为一个xhr请求，因为这是跟踪事件的简单方法。原来他们是用1x1像素的gif来跟踪的！如果您查看Firebug中的Net>All选项卡，您将看到一个GET请求，看起来类似于以下内容：

https://ssl.google-analytics.com/__utm.gif?utmwv=5.2.4&utms=28&utmn=1818843630&utmhn=dev-marketplace.asos.com&utmt=event&utme=5(my-home*sub-nav-click*blog-posts)&utmcs=UTF-8&utmsr=1920x1080&utmvp=1920x618&utmsc=24-bit&utmul=en-gb&utmje=0&utmfl=11.1%20r102&utmdt=Build%20%23%20Developer%20Live%20Feed%20ASOS%20Marketplace&utmhid=1950484512&utmr=-&utmp=%2Flivefeed%2Fblogposts&utmac=UA-23521416-1&utmcc=__utma%3D159014575.706813547.1328542287.1328542287.1328604985.2%3B%2B__utmz%3D159014575.1328542287.1.1.utmcsr%3D(direct)%7Cutmccn%3D(direct)%7Cutmcmd%3D(none)%3B&utmu=6AAAAAAAAAAAAAAAQ~
这些是请求中发送的参数

utmac   UA-23521416-1
utmcc   __utma=159014575.706813547.1328542287.1328542287.1328604985.2;+__utmz=159014575.1328542287.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none);
utmcs   UTF-8
utmdt   Build # Developer Live Feed ASOS Marketplace
utme    5(my-home*sub-nav-click*blog-posts)
utmfl   11.1 r102
utmhid  1950484512
utmhn   dev-marketplace.asos.com
utmje   0
utmn    1818843630
utmp    /livefeed/blogposts
utmr    -
utms    28
utmsc   24-bit
utmsr   1920x1080
utmt    event
utmu    6AAAAAAAAAAAAAAAQ~
utmul   en-gb
utmvp   1920x618
utmwv   5.2.4
刚刚安装，但它没有显示异步调用，只是显示获取ga.js文件的调用。我是否需要打开一个选项来查看异步调用？它显示了浏览器之外的所有HTTP流量。您确定正在进行HTTP调用吗？我已经使用这个插件很多年了，我从来没有见过它“错过”HTTP流量。这就是我想要弄明白的。不幸的是，我无法查看GA中的流量，因为报告事件数据需要一天的时间，所以我试图弄清楚它是否至少正在发送。我将在上面发布我的示例页面，以便您可以看到我正在测试的内容。尽管我已经解决了这个问题，但您的建议还是很有帮助的。谢谢，我知道了。我在本地PC上进行测试，URL是，一旦我将上面的测试页面部署到具有FQDN的测试服务器上，那么与push命令相关的GET请求就会显示在Firebug中。如果使用非FQDN，则ga.js中内置的某些内容必须抑制推送事件。