jQueryはFirebugの実行中にFirefoxで動作しますが、Firebugが実行されていないと動作しません

Question

私のページには次のJavaScriptライブラリがロードされています。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script> 
<script type="text/javascript" src="./js/jquery.scrollTo-min.js"></script> 

私はそれらを配置したいdiv要素があります。私は、このリンクを持っている

<div class="content" id="content"> 
</div> 

を：

<a id="changeText" href="rules.html">Click to change</a> 

は最後に、私は次のjQueryコードを持っている：

<script> 

$(document).ready(function() { 
$("#changeText").click(function(){ 

    var url = $(this).attr("href"); 

    $("#content").load(url); 

    console.log(url); 

    $.scrollTo("0%", 400); 
}); 
}); 
</script> 

これはすべてSafarで動作します私。話の中で最も奇妙な部分は、FirebugがオンになっているときだけFirefoxで動作するということです。 Firebugがオンになっていないときは、ページが動的に読み込まれているように見えますが、ページはrules.htmlを読み込んでスイッチします。これは私の目標です。

もちろん、これはIE8でも動作しません。

私は間違っていますか？

Answer 1

あなたはより良い

if (window.console) { 
    console.log(...); 
} 

Answer 2

firebugが実行されていないときはconsole.logを取り出します。これは未定義です。

Answer 3

にすべてのあなたの

console.log(...) 

をラップと思います。また興味深いプロジェクトがあるがfauxconsoleと呼ばれる：フェイクコンソールでMicrosoft Internet ExplorerでFirebugは、SafariやOperaのデバッグコンソールをシミュレート

Answer 4

コンソールを使用する前に確認してください。

バインドブール変数ので：

var hasConsole = (typeof console != 'undefined' && typeof console.log != 'undefined'); 

そしてコンソールに書き込む前に、それをチェックしてください。

if (hasConsole) { 
     console.log("This is safe."); 
    } 

をこの方法であなたはFirebugをオンにしたときに、あなたのデバッグメッセージを取得し、あなたがそれを回しますあなたのスクリプトはまだ動作します。

Answer 5

次のコードを使用して、欠落しているログ機能をマスクすることができます。

if (typeof console === "undefined") { 
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", 
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"]; 

    window.console = {}; 
    for (var i = 0; i < names.length; ++i) 
     window.console[names[i]] = function() {} 
}