Ads
Comments 36
+2
Возможно ли осуществлять поиск по содержимому Response на вкладке Network? И возможно ли заставить Web Inspector не уменьшать размер страницы, а вести себя как плагин Firebug Lite?
0
Поиск вообще не очень предсказуемо работает, буду писать об этом в следующих выпусках, все внимательно оттестируем и доложим!
0
Не совсем понял, насчет размера страницы, возможно вам нужна вот эта кнопка?
+1
«Если вы знаете какие-то еще нетривиальные способы использования консоли, отметьтесь пожалуйста в комментариях, я вам буду весьма благодарен.»

я еще консоль использую для изменения состояния внутренних объектов своего приложения, прикрепив их к window
+3
Не знал про фичу «Dock to the right», очень нужная. Спасибо
+1
>Safari… наиболее консервативный браузер
Safari можно запускать под свежесобранным WebKit nightly.
0
Как можно работать с сетью в веб-инспекторе в хроме, либо в драгонфлай в опере, если при редиректе либо клику по ссылке все старые хттп запросы пропадают? Отправляю пост данные на форму, она редиректит и все, пост данных не видно. Дебагер мля…
0
Nc Soft, Во вкладке «Network» есть кнопочка , если ее нажать, то вся информация будет сохраняться.
+1
Думаю, что многим было бы интересно ещё почитать и про не очень известный Speed Tracer, который сейчас тоже только в Canary Build.

+1
По большому счету информация актуальна и для Safari.
PS Правда в Safari 5.2 инспектор уже другой.
0
Source maps (англ.), позволяют указать браузеру способ найти исходный файл.
Идея отличная, по пока позволяет работать только с Javascript.
В будущем обещают поддержку CoffeeScript, LESS, SASS и других чудо-технологий.

Было б отлично делать отладку Coffeescript прямо в браузере (хотя генерируемый код и так весьма хорош).
+1
Отлично, спасибо, узнал пару новых для себя вещей. С нетерпением жду продолжения.
+1
Единственным недостатком считаю невозможность увеличить размер шрифта (ваш способ не работает у меня) самих Developer Tools, да и консоли тоже.
+2
На этом скриншоте:
image
показан прекрасный момент — <top frame>. Этот чудесный переключатель позволяет выполнять JS из консоли для любого фрейма на странице. Такой штуки я не нашел в фаербаге и она меня очень выручала, когда я занимался интеграцией одного приложения в разные социальные сети (практически везде используются iframe, достучаться до которых в силу кроссдоменной политики нельзя). Сейчас эта фича уже есть в стабильном хроме, но именно из-за неё когда-то начал использовать Canary.
+2
Почему-то CTRL+Scroll в консоли не работает.

Шрифт можно так же увеличить путём вызова DevTools в DevTools (повторно нажав F12) и там выбрать любой элемент в консоли и накрутить размер шрифта в CSS.

Про ctrl+ и ctrl- не слышал, в стабильной не работает, поэтому изобрёл велосипед, описанный выше. Надеюсь, пригодится.
0
А я и не знал, что пользуюсь таким мощным инструментом. Спасибо, что раскрыли мои глаза :)
+1
Иногда использую консоль для напоминалок через alert и setTimeout/setInterval.
0
Пустой element.style во вкладке styles порой раздражает. Не подскажете, как от него избавиться?
0
Большое спасибо за такой подробный гайд! Не поленились поделиться опытом!
Подскажите пожалуйста, можно ли как-то перебиндить (переназначить) Control + SHIFT + I на что-то типа F1? Я с длинными пальцами не могу дотянуться… кто вообще придумал данные хоткеи… Я конечно не удивлюсь если кто-то пользуется правыми Control и Alt, но это уверен очень узкий круг девелоперов.
Иногда нужно просто открыть инспектор и посмотреть последний выбранный элемент, мышкой это делать долго, приходиться самым ближним хоткеем Ctrl+Shift+C снова выбирать какой либо элемент.
0
Ещё я не пойму как можно разрабатывать в браузере в котором куча багов, который отображает контент иначе? Что бы потом были лишние проблемы с cross браузерностью обычного хрома. Ведь дев хром вижу только я. Лучше уже сэкономить себе время и разрабатывать изначально в браузере который не врет и которым пользуется твой заказчик.
Only those users with full accounts are able to leave comments.  , please.