Комментарии 18
К пункту №15 можно добавить следующее:
Хром сохраняет последние 5 элементов, которые Вы выделяли в панели Element.
Чтобы обратиться к текущему (последнему выбранному) элементу, как и написано в статье, достаточно написать $0, но можно обратиться и к предыдущим: $1, $2, $3 и $4.
Хром сохраняет последние 5 элементов, которые Вы выделяли в панели Element.
Чтобы обратиться к текущему (последнему выбранному) элементу, как и написано в статье, достаточно написать $0, но можно обратиться и к предыдущим: $1, $2, $3 и $4.
+5
По теме DevTools рекомендую также посмотреть/почитать материалы от евангелиста Google — Ilya Grigorik
Например Extending Chrome DevTools for fun and profit...
Например Extending Chrome DevTools for fun and profit...
+3
Или от Addy Osmani speakerdeck.com/addyosmani/whats-new-in-chrome-devtools :)
0
В добавок к #3: чтобы повторить аякс запрос без использования curl нужно найти его на вкладке Network с фильтром XHR, вызвать контекстное меню и кликнуть Reply XHR
+2
Но в этом случае ты не сможешь редактировать запрос: добавить/удалить хедеры, к примеру. Профит использования cURL именно в этом.
+2
Добавил ваше замечание в примечание. Спасибо.
+1
А что это за кнопка Cmd?
+2
Сейчас попробовал 13 и 15 в FF — работает.
+1
В ФФ работает как минимум:
2. Активация псевдо-классов DOM-элемента
3. Повтор сетевого запроса при помощи cURL
4. Запуск сохранённых блоков кода (сниппетов) на любой веб-странице
7. Поиск элементов DOM-дерева при помощи CSS-селекторов
11. Копирование ответа на сетевой запрос
12. Работа с несколькими курсорами при редактировании скриптов
13. Блочное выделение
15. Доступ к выбранному DOM-узлу в консоли
2. Активация псевдо-классов DOM-элемента
3. Повтор сетевого запроса при помощи cURL
4. Запуск сохранённых блоков кода (сниппетов) на любой веб-странице
7. Поиск элементов DOM-дерева при помощи CSS-селекторов
11. Копирование ответа на сетевой запрос
12. Работа с несколькими курсорами при редактировании скриптов
13. Блочное выделение
15. Доступ к выбранному DOM-узлу в консоли
0
Пара классных ссылок связанных с Devtools snippets bgrins.github.io/devtools-snippets и gregrickaby.com/turn-chrome-developer-tools-into-an-ide
+1
Пункт 1 не понял — что значит «перенаправить сайт»?
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
DevTips: Советы веб-разработчику (1-16)