jQuery działa w Firefoksie, gdy Firebug działa, nie działa, gdy Firebug NIE działa

Question

Mam następujące biblioteki JavaScript załadowane do mojej strony.

<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> 

Mam elementu div, który chcę, aby umieścić je w:

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

Mam ten link:

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

Wreszcie, mam następujący kod jQuery:

<script> 

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

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

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

    console.log(url); 

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

To wszystko działa w Safar ja. Najdziwniejsza część tej historii jest taka, że ​​działa tylko w Firefoksie, gdy Firebug jest włączony. Kiedy Firebug NIE jest włączony, strona wydaje się być ładowana dynamicznie, ale wtedy strona ładuje rules.html i przełącza się na nią, co nie jest moim pożądanym celem.

Oczywiście, nic z tego nie działa w IE8.

Co robię źle?

Answer 1

Lepiej owinąć cały swój

console.log(...) 

do

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

Answer 2

Wyjmij plik console.log, jest niezdefiniowany, gdy firebug nie jest uruchomiony.

Answer 3

Ponadto istnieje ciekawy projekt o nazwie fauxconsole: Symulowanie Firebug, Safari czy Opera konsoli debugowania w programie Microsoft Internet Explorer z konsoli Faux

Answer 4

Sprawdź, czy masz konsolę, zanim spróbujesz jej użyć.

Bind zmienna logiczna tak:

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

i sprawdzić przed napisaniem do konsoli:

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

ten sposób po włączeniu Firebug dostać wiadomości debugowania i kiedy go włączyć Twoje skrypty nadal działają.

Answer 5

Można użyć następującego kodu do maskowania brakujących funkcji rejestrowania.

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() {} 
}