Firebug ist ja bekannterweise eine äußerst hilfreiche Extension für den beliebten Browser Mozilla Firefox.
Wenn in Javascript-Werte zu debuggen sind, dann ist die Konsolen-Ansicht in Firebug sehr hilfreich, wie ich festgestellt habe. Anstelle des oft verwendeten Vorgehens, einen alert() einzubauen, kann man hier viel schöner mit console.log arbeiten.
Hier eine kurze Demo anhand des nachstehenden HTML-Codes:
<html>
<head>
<title>testpage</title>
</head>
<body>
<p>dies ist die Testseite</p>
<script language="javascript" type="text/javascript">
var i = 'ich bin der zu debuggende String';
console.log('i value is %d', i);
</script>
</body>
</html>
Mittels dieser Technik kann man gut Variablen-Werte unter Live-Bedingungen debuggen, ohne störende Alert-Fenster einzublenden. Im Firebug ist der jeweilige Wert dann direkt zu sehen:
console.log in Firebug
Links:
Mozilla Firefox
Firebug Extension
console.log(‚hello world!‘) funktioniert übrigens nicht nur mit FireBug, sondern auch mit WebInspector (Safari/Chrome)
console.log(‚hello world!‘) funktioniert übrigens nicht nur mit FireBug, sondern auch mit WebInspector (Safari/Chrome)