Необычные, но полезные советы по отладке **chrome**

внешний интерфейс
Необычные, но полезные советы по отладке **chrome**

dom

добавить отмеченныйdomУзел является глобальной переменной, и его удобно отлаживать несколько раз.domсцена

Применимый кdomСценарии с несколькими операциями

添加选中dom节点为全局变量.png

принудительное состояние узла (триггер) состояние

отладкаdomсостояние

force 节点 state (触发)状态.png

copy element

копировать выбранныйdomИнформация

copy element.png

style/class

Добавить имя класса к выбранному элементу

Быстро добавлять элементыclass

给选中元素添加一个 class 名.png

Изменить размер блочной модели элемента

Быстрое изменение размера блочной модели элемента (поля/отступы/ширина/высота и т. д.)

快速修改元素的盒模型大小.png

network

block specific request

blockконкретный запрос

Горячая клавиша: command + shift + p -> показать блокировку запроса

block 指定的请求.png

Изменить запрошенный пользовательский агент

Модификация запросаuser agent

Клавиша быстрого доступа: command + shift + p -> сетевые условия переключения пользовательского агента

改变请求的 user agent.png

javascript

Точки останова, нарушающие поведение браузера (например, щелчок, мышь и т. д.)

Блокировать поведение браузера

断浏览器的行为(比如 click、mouse 等等).png

Быстро изменить значение перехваченной переменной

Дважды щелкните, чтобы изменить значение переменной перехвата

双击改变拦截的变量的值.png

Добавить выражения наблюдения

Добавить кwatchвыражение

添加 watch 表达式.png

Условные точки останова

Условия для установки точек останова

条件断点.png

Быстрая отладка фрагментов кода

Отладка сниппета (фрагмента) кода, не нужно создавать отдельную страницу

片段代码调试.png

Справочная документация