Привет, это Кейс , я снова с вами, чтобы поделиться с вами новостями о DevTools с прошлого месяца.
Новые функции в консоли
В Chrome 56, который в настоящее время находится в Canary, DevTools Console работает на CodeMirror . Это позволяет получить целый ряд новых функций, таких как:
Подсветка синтаксиса по мере ввода . Раньше DevTools мог подсвечивать синтаксис только после оценки блока кода.
Подсветка парных скобок / квадратных скобок / фигурных скобок . Если у вас есть лишняя скобка, квадратная скобка или фигурная скобка, DevTools подсветит ее красным.
Соответствующие круглые, квадратные или фигурные скобки выделяются серым цветом, когда курсор находится рядом с одной из них.
Smart return . Когда вы вводите многострочный блок кода, DevTools теперь знает, создавать ли новую строку или выполнять ваш код каждый раз, когда вы нажимаете Enter . Например, предположим, что вы хотите оценить следующий цикл for в консоли:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Раньше нажатие Enter после ввода первой строки приводило к тому, что DevTools оценивал строку, вызывая ошибку. Чтобы продолжить блок кода на новой строке, вам пришлось бы удерживать Shift перед нажатием Enter . Напротив, теперь DevTools просто автоматически продолжает блок кода на новой строке после нажатия Enter , как вы и ожидаете.
Несколько курсоров . Удерживайте Command (Mac) или Control + Alt (Windows, Linux), а затем щелкните.
Canary теперь выделяет красным не самые популярные контексты
Если вы в последнее время работали в консоли, то, возможно, вас укусила маленькая неприятная ошибка, которая устанавливала селектор контекста выполнения на значения, отличные от top .
Эта ошибка должна быть исправлена в стабильной версии, но на всякий случай DevTools в Canary (Chrome 56) теперь предупреждает вас о том, что вы не находитесь в top контексте, выделяя селектор красным цветом.
Новый пользовательский агент: UC Browser
Теперь вы можете выбрать UC Browser для iOS, Android или Windows Phone на вкладке «Состояния сети» .
Делиться — значит заботиться
Как всегда, мы будем рады услышать ваши отзывы и идеи по любым вопросам, связанным с DevTools.
- Напишите нам в ChromeDevTools в Twitter, чтобы задать краткие вопросы или оставить отзыв, а также поделиться новыми идеями.
- Для более продолжительных обсуждений лучше всего подойдут почтовая рассылка или Stack Overflow .
- По всем вопросам, связанным с документацией, открывайте тему в нашем репозитории документов.
- Вы всегда можете напрямую обратиться к команде, чтобы сообщить об ошибке или запросить функцию на Crbug .
До следующего месяца,
Кейс