Инструменты, похожие на HTTP Watch или YSlow для браузера Google Chrome

Question

Привет. Мы тестируем наше приложение в Google Chrome на предмет поддержки. Основная загрузка в омлет и все страницы находятся в полном CSS беспорядке, который мы, к сожалению, должны очистить. Для этого мне нужен инструмент, который работает аналогично Firebug для Mozilla. Также для проверки заголовков, файлов cookie, кэширования и POST-данных, сжатия, перенаправления и фрагментированного кодирования инструмент, подобный HTTP-часам, также желателен. Любые предложения. Спасибо

Answer 1

Chrome поставляется с встроенным аналогом Firebug. Просто щелкните правой кнопкой мыши на inspect element, и вы увидите отладчик.

Затем установите « Speed ​​Tracer », и у вас будут инструменты профилирования.

Answer 2

Попробуйте инспектора. Он имеет в основном тот же набор функций, что и Firebug, и встроен (он поставляется практически со всеми браузерами на основе WebKit, поэтому вы найдете его и в Safari).

Щелкните правой кнопкой мыши что-нибудь и выберите «Проверить элемент» или перейдите в меню «Значок документа» и посмотрите подменю «Разработчик».

Answer 3

YSlow для Google Chrome был запущен на прошлой неделе - http://developer.yahoo.com/blogs/ydn/posts/2011/03/yslow-for-chrome/

Кроме этого, вы можете попробовать использовать Google sped tracer (работает только в версии Chrome dev).

Answer 4

У Google есть вся страница на эту тему (вместе с объявлением о том, что скорость будет учитываться на страницах рейтинга):

• Page Speed, надстройка Firefox / Firebug с открытым исходным кодом, которая оценивает производительность веб-страниц и дает предложения по улучшению.
• YSlow, бесплатный инструмент от Yahoo! это предлагает способы улучшить скорость сайта.
• WebPagetest отображает представление производительности загрузки ваших страниц, а также контрольный список оптимизации.
• В Инструментах для веб-мастеров, Labs> Site Performance показывает скорость вашего сайта, которую испытывают пользователи по всему миру, как показано в таблице ниже. Мы также ведем блог о производительности сайта.

Answer 5

Если вы хотите Firebug для Chrome, попробуйте Firebug Lite: getfirebug.com/firebuglite (не может опубликовать более одной ссылки, а), и вот расширение Chrome

Answer 6

Откройте «Инструменты разработчика» в меню «Вид» -> «Разработчик». Это даст вам кучу вкладок. Нажмите «Ресурсы», а затем «включите» его (по умолчанию он отключен). Chrome начнет отслеживать http-трафик и предоставит вам информацию (почти), какую вы можете получить из HttpWatch.

Я использую Chrome 8.0.