2017-01-04 6 views
3

Ob ich Haltepunkte direkt auf der Quelle/Konsole oder eine debugger auf meinem Code hinzufügen, scheint der Browser nicht darauf zu reagieren. Irgendwelche Ideen warum? Hier ist mein Code:Chrome JavaScript Debugger Haltepunkte funktionieren nicht

if (select[i].placeholder != undefined && select[i].placeholder != '') { 
     selected.appendChild(document.createTextNode(select[i].placeholder)); debugger; 
    } else if (select[i].options[0].value == '' && select[i].options[0].textContent != '') { 
     selected.appendChild(document.createTextNode(select[i].placeholder)); 
    } else { 
     selected.appendChild(document.createTextNode('Select an option')); 
    } 
+0

Ich sehe Sie eine Antwort akzeptiert haben sagen, dass sie weren wird nicht getroffen, weil der Code, in dem Sie den Haltepunkt hatten, im Kontrollfluss nicht erreicht wurde. War das wirklich das Problem? Sie hatten (sagen wir) einen Haltepunkt in der zweiten Zeile oben, aber die Bedingung über dieser Zeile war falsch? –

Antwort

2

ich glaube, ich sehe, was geschieht. In der Regel sollten Sie Haltepunkte nicht in der Mitte einer if-Anweisung hinzufügen. Wenn die Anweisung false ist, wird sie diese Zeile nicht ausführen und daher über den debugger oder Breakpoint "springen".

Daher fügen Sie Ihre debugger; vor oder nach dem if-Anweisung

/* Here -- debugger;*/ 
if (select[i].placeholder != undefined && select[i].placeholder != '') { 
    selected.appendChild(document.createTextNode(select[i].placeholder)); 
} else if (select[i].options[0].value == '' && select[i].options[0].textContent != '') { 
    selected.appendChild(document.createTextNode(select[i].placeholder)); 
} else { 
    selected.appendChild(document.createTextNode('Select an option')); 
} 
/* Or Here -- debugger;*/ 

Je nachdem, was Sie mit dem Debuggen zu erfassen hoffen ...

+0

Nachdem ich diesen Punkt gefunden habe (weil meine Breakpoints von chrome ignoriert werden) sollte der Titel geändert werden - chrome ignoriert Breakpoints nicht. Die Frage sollte bitte helfen, meine Haltepunkte an der richtigen Stelle zu setzen. –

6

In Dev-Tool auf dem Quellen-Panel gibt es eine Taste, die mit einer durchgehenden Linie wie ein Breakpoint Marker aussieht: Die Schaltfläche alle Haltepunkte deaktiviert. Um sie wieder zu aktivieren, klicken Sie auf die Schaltfläche.

Hier ist, wie es aussieht, wenn sie zur Zeit aktiviert ist (klicken Sie sie deaktiviert):

enter image description here

... und wenn sie zur Zeit deaktiviert sind (klicken sie es ermöglicht):

enter image description here

Verwandte Themen