Как установить две точки останова в одной строке в инструментах разработчика Chrome?

1276
Dennis G

Пытаюсь отладить немного JavaScript. В Internet Explorer (вы знаете, что браузер всем нравится?) Очень легко установить две точки останова в одной строке. Допустим, строка в исходном коде HTML выглядит следующим образом:

<script type="text/javascript">function something() </script><script type="text/javascript">function somethingelse() </script> 

В IE я мог либо щелкнуть правой кнопкой мыши> установить точку останова, либо щелкнуть оба оповещения и нажать F9. Затем отладчик вступает в обе точки останова.

В Chrome я не могу сделать такую ​​вещь. Там нет правой кнопки мыши> установить точку останова и CTRL+ Bвсегда устанавливает / удаляет точку останова для всей линии. На панели точек останова справа я вижу, что точки останова имеют столбцы, но нет ручного способа их редактировать (хотя я бы не хотел вычислять столбцы путем подсчета).

Разве я не знаю, как Chrome или просто невозможно в Chrome иметь несколько точек останова в одной строке?

2
Вы могли бы, возможно, использовать кнопку «Pretty-Print». [Ссылка] (https://plus.google.com/+AddyOsmani/posts/Q7t2U51G7YR) Vinayak 9 лет назад 0

1 ответ на вопрос

4
Vinayak

Используйте Pretty printкнопку, чтобы подтвердить код JS. Затем примените точки останова на отдельных строках.

Вот демонстрация: Chrome Developer Tools - Pretty Print button

это то, о чем я думал, я должен был упомянуть в OP, что красивая печать не работает со всеми документами (я полагаю, искажен и т. д.). В вашем простом примере это работает. В моем источнике симпатичная печать не меняет ни одной строки в HTML. Dennis G 9 лет назад 0
Я использовал тот же код, который вы упомянули в своем вопросе. Вы забыли "" после второго " Vinayak 9 лет назад 1
Да вы сделали. Как вы можете сказать, это пример не производственного кода. Dennis G 9 лет назад 0
@DennisG Я пытался использовать это решение на этой странице. Он был в состоянии prettify минимизированный jquery.js и другие скрипты, а также. Однако, если это не работает для вас, может быть, [эта ссылка] (https://developer.chrome.com/devtools/docs/javascript-debugging) поможет? Vinayak 9 лет назад 0