Ergebnis 1 bis 5 von 5
Like Tree4Likes
  • 4 Post By j-l-n

Thema: Arbeiten mit der Konsole

  1. #1
    j-l-n Guest

    Arbeiten mit der Konsole

    Die Konsole ist beim Entwickeln von enormen Nutzen, da man sofort den Wert von Variablen, die Eigenschaften von Elementen und etliche andere Informationen anzeigen lassen kann.
    Insbesondere Console.trace() ist praktisch, da man dadurch einen Stacktrace durchführen kann.

    Konsole öffnen:
    • Firefox: Web-Entwickler > Werkzeuge ein-/ausblenden > Konsole oder STRG+UMSCHALT+I oder F12
    • Chrome: Tools > Entwicklertools > Console oder STRG+UMSCHALT+J oder F12
    • IE: Entwicklertools > Konsole oder F12
    • Opera: Extras > Weiteres > Entwicklerwerkzeuge > Konsole oder STRG+UMSCHALT+I
    • Safari: ALT+CMD+C


    weitere Infos zur Konsole und Doku: Console - Web API Interfaces | MDN



    Nützliche Info:
    Verkettet man eine Meldung beispielsweise mit einer Variable wie hier
    Code:
    var div = document.getElementById("element");
    console.log("Element " + div + " mit der ID 'element'");
    , so wird nur "Element: [object HTMLDivElement] mit der ID 'element'" ohne weitere Informationen zum Element angezeigt.
    Ein sehr nützlicher Trick, um hier die volle Funktionalität der Konsole beizubehalten: die Verkettung folgendermaßen durchzuführen:
    Code:
    var div = document.getElementById("element");
    console.log("Element ", div, " mit der ID 'element'");
    Nun wird ein klickbares Element in der Konsole angezeigt,
    "Element: " <div id="element"> " mit der ID 'element'", zu dem weitere Eigenschaften und Informationen angezeigt werden können.
    Geändert von kkapsner (09-09-2014 um 21:40 Uhr)
    rico2009, mikdoe, dbarthel and 1 others like this.

  2. #2
    j-l-n Guest

    AW: Arbeiten mit der Konsole

    Zitat Zitat von Pitta Beitrag anzeigen
    kleine Ergänzung: Geht hier auch mit F12.
    Richtig, danke. Mit STRG+UMSCHALT+J gelangt man jedoch direkt zum Konsolen-Tab: Keyboard Shortcuts - Google Chrome

  3. #3
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.454

    AW: Arbeiten mit der Konsole

    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  4. #4
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.454

    AW: Arbeiten mit der Konsole

    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  5. #5
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.454

    AW: Arbeiten mit der Konsole

    Performance messen:
    HTML-Code:
    var t0 = performance.now();
    ...code...
    var t1 = performance.now();
    console.log('Dauer: '+(t0-ti));
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

Ähnliche Themen

  1. online JavaScript-Konsole
    Von j-l-n im Forum Links & Tutorials mit Tipps & Tricks zu JavaScript, CSS, PHP, MySQL
    Antworten: 0
    Letzter Beitrag: 01-06-2014, 15:00
  2. Konsole im IE 10 kaputt?
    Von mikdoe im Forum Smalltalk
    Antworten: 8
    Letzter Beitrag: 02-09-2013, 22:43
  3. Konsole leer
    Von Arcsinh im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 14-02-2011, 09:28
  4. Javascript Konsole im Firefox
    Von Lioba im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 15-04-2007, 20:02
  5. Login funktioniert nur bei Konsole
    Von Sauerkraut im Forum Linux und Co
    Antworten: 7
    Letzter Beitrag: 14-07-2001, 19:01

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •