Отладчик Chrome не останавливается
я добавил точку останова в следующий код в строке 44 debugger;
. Я ожидал, что chrome остановится там каждый раз, прежде чем console.log("...")
выполняется. Но к моему удивлению он останавливается только один раз.
чтобы проверить пример:
- запустите фрагмент ниже в Chrome
- Откройте Chrome Dev Tools
- перетащите изображение с другого веб-сайта в область падения
в этот момент chrome останавливается в точке останова. Но если ты заглянешь ... в консоли вы должны увидеть, что console.log
оператор был выполнен еще два раза.
Я хотел бы знать, почему это происходит. (Потоками??)
и как я могу это решить, если я хочу отладить код в этой строке.
$(document).ready(function() {
$('#drop-area').on("dragover", function(event) {
event.preventDefault();
event.stopPropagation();
$(this).addClass('dragging');
});
$('#drop-area').on("dragleave", function(event) {
event.preventDefault();
event.stopPropagation();
$(this).removeClass('dragging');
});
$('#drop-area').on("drop", function(event) {
event.preventDefault();
event.stopPropagation();
var count = 1;
var dropObj = event.originalEvent.dataTransfer;
for (var i = 0; i < dropObj.items.length; i++) {
var aDropItm = dropObj.items[i];
if (aDropItm.kind == "file") {
//ignore
} else {
aDropItm.getAsString(function(_str) {
debugger; //The debugger should stop here every time before the string is printed to the console
console.log("This was called [" + count++ + "] times");
});
}
}
});
});
#drop-area {
background-color: red;
width: 400px;
height: 400px;
}
<div id="drop-area">Drop files here...</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
редактировать
Я сообщил об этом как об ошибке здесь:
https://bugs.chromium.org/p/chromium/issues/detail?id=748923