Скажем, у меня есть код JavaScript вроде этого:
function breakpointInside() { console.log("How do I add a breakpoint here?"); }
breakpointInside();
Предположим, что я не могу редактировать исходный файл. Я хотел бы отлаживать breakpointInside, но я не могу понять, как добавить точку останова в середине строки. В этом примере тривиально перейти в функцию, но предположим, что это более сложный script, где это не так практично.
Вот два связанных решения
Вы не можете поместить контрольную точку внутри строки, но вы можете (в новых версиях Chrome) щелкнуть правой кнопкой мыши по script, выбрать De-obfuscate Source и поставить точку останова на де-обфузированную версию (которая будет иметь один оператор в каждой строке).
(на основе комментария Николаса)
В более поздних версиях браузеров, основанных на хромах, эта функция называется "Pretty print" и доступна в виде кнопки слева под панелью исходного кода, которая выглядит как {}
Вы можете отредактировать источник с помощью Chrome DevTools live: просто дважды щелкните источник на панели "Сценарии" и добавьте разрыв строки перед console.log. Нажмите Ctrl + Enter или Ctrl + S, чтобы зафиксировать изменения на виртуальной машине. Затем установите точку останова в новой строке, содержащей console.log.
Комментарий Nicolas Boisteault - это тот, который будет использоваться в последних версиях хром.
В 2015 году вы можете щелкнуть по кнопке {}, названной довольно печатной в левом нижнем углу. - Николас Боисто