日期:2014-05-16  浏览次数:20407 次

firebug-lite.js 会引起网站挂起。
之前一段时间,发现某个项目在development模式下极慢。
观察发现,是卡在了:  "waiting for google-analytics..."

搜索了一下,发现, 是由于 ga.js 引起的。 查看页面的HTML源代码, 果然发现了有一段<script>,引用了 ga.js.  我很奇怪,没用过这个东东啊。

经过跟 后台代码的对比,发现是由于引用了 firebug-lite引起的。

如果在后台的代码中进行了引用: ( layout.html.erb ) :
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

前台的代码:

	
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
// 其他JS, CSS 链接

//然后这个引起麻烦的东东就出现在 </head> 标签之前。
<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-25962348-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>



解决办法: 抛弃 firebug-lite.  它在chrome下面打开的太慢太慢了。
在 firefox下, 直接用firebug (F12)
在 IE 下,  先安装IE8, 然后按 F12 , developer tools.
在 chrome下,  developer tools.  (ctrl + shift + i)
在 safari下,  developer tools!  (ctrl + alt + i) ,  (safari下的具体用法,见这个文章: http://sg552.iteye.com/blog/1168547 )