Мегаполезная презентация о скрытых возможностях отладчика Chrome. Нашёл для себя несколько очень полезных штук и собираюсь попробовать оказавшийся очень простым API.
Все заметки с тегами «Отладка, Chrome»
-
Скрытые возможности инструментов разработчика Chrome
5 октября 2012
-
Adobe Shadow
23 июля 2012
В начале месяца у меня была задачка фикснуть одну злую штуковину на тему вёрстки на iPad, но так как внятных отладочных инструментов из коробки для него нет, работать приходилось вслепую, что результата не давало.
Я попробовал поставить Firebug Lite. Получилось, но под iOS он, как оказалось, работает очень и очень криво. В комментариях TermiT подсказал попробовать Adobe Shadow, за что ему огромное спасибо.
Штука очень крутая. Состоит из нескольких частей:
- Приложения под iOs и Android плюс бонус для Amazon Kindle Fire.
- ПО под Mac и Windows.
- Расширение для Chrome.
Эта связка даёт нам:
- Возможность синхронно ходить на всех устройствах по страничкам. Командует парадом Chrome.
- Возможность натраваить Chrome Developer Tools на любое из устройств, что даёт огромные возможности в отладке.
UPD: инструмент зарелизился. Назвается теперь Adobe Edge Inspect. По прежнему бесплатен и очень удобен.
-
Отладка Google Analytics
4 марта 2011
Отладка Google Analytics — очень непростая задача. Фактически мы можем проверить только входы и выходы этого чёрного ящика. Если что-то работает не так, понять, что же на самом деле происходит сложно. Раньше в ход шли исключительно Firebug и Live HTTP Headers (или другой HTTP-профайлер). К большому нашему счастью, Google позаботился о разработчиках и выпустил сначала отладочный код
ga_debug.js
, а потом и упрощающее его использование официальное отладочное расширение для Chrome — Google Analytics Tracking Code Debugger.Включив его и открыв отладочную консоль, мы получаем довольно детальную информацию о том, какие методы API были вызваны:
_gaq.push processing : "[gwo._setAccount,UA-xxxxxxx-1]" _gaq.push processing : "[gwo._trackPageview,/xxxxxxxxxx/test]" _gaq.push processing : "[_setAccount,UA-xxxxxxx-2]" _gaq.push processing : "[_setAllowAnchor,true]" _gaq.push processing : "[_trackPageview]"
Кроме того, показываются предупреждения об использовании устаревших методов и других возможных проблемах. И всё это не меняя трекинг-код.