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