Что такое функция проверки элемента в Google Chrome и как ее использовать? Когда в окне Inspect Element я нажимаю вкладку Resource, он не показывает время загрузки. Как я могу эффективно использовать эту функцию?
Я вижу следующий экран, когда открываю "Проверка элемента", щелкнув правой кнопкой мыши на странице и выбрав пункт "Проверка элемента":
Inspect Element - версия Firebug Chrome. Это не совсем полнофункциональный, но все же очень полезный инструмент.
Убедитесь, что вкладка "Ресурс" включена - в противном случае вы не будете получать время загрузки. Нажмите большую кнопку "Включить отслеживание ресурсов".
Как уже упоминали другие, это WebKit Web Inspector, который позволяет вам проверять HTML и другие ресурсы страницы, а также оценивать время загрузки и тому подобное. Вот скриншот использования его на этой странице (от Safari; тот же инспектор):
Inspect Element позволяет вам проверять, какой элемент HTML находится ближе всего к области, которую вы щелкнули, точно так же, как Firebx- расширение Firefox. Если вы хотите увидеть время, которое необходимо включить для отслеживания ресурсов, оно должно запросить вас об этом.
Не уверен, какую версию Chrome используют все остальные, 14.0.835.202 Инструменты разработчика могут выбирать из чего угодно. Одним из наиболее полезных является проверка элемента и а) живое редактирование HTML или б) живое редактирование CSS для веб-разработки. Как только вы все заработаете, вы можете отредактировать реальную вещь, и вам не нужно будет выполнять танец edit-flush-reload, чтобы увидеть изменения макета.
Вот раздел Network, показывающий время загрузки элемента страницы (например, YSlow в Firebug).
Он оказался намного быстрее и лучше для моего использования, чем Firebug в Firefox.
