Тайная фишка Chrome DevTools

Сидишь такой, сверстал сайтик, а потом видишь — ну, местами кривовато. Открываешь девтулзы, тут подшаманил, там отступ поправил, тут гриды на флексы поменял, с марджинами поигрался и вот наконец-то та картинка, которую хотел.

Как запомнить все что поменял и перенести потом в код?

Вариантов не так уж и много:

1. Жмякнуть cmd+r и вдумчиво заново все повторить, параллельно меняя в коде

2. Попробовать найти все изменения в компонентах, и перенести их в код. А если что пропустил — повторить упражнение еще раз

3. Нажать на вертикальные (...) → More tools → Changes и увидеть все свои изменения. С кайфом перенести в исходники. Попробуй сегодня.

А какой твой привычный способ?

#frontend #lifehack #chrome

© Счастливый тимлид

Тайная фишка Chrome DevTools
Сидишь такой, сверстал сайтик, а потом видишь — ну, местами кривовато | Сетка — социальная сеть от hh.ru