Начало веб-разработки с Google Chrome - PullRequest
1 голос
/ 07 декабря 2010

В течение последних нескольких лет я, к счастью, использую Firefox, Firebug и панель инструментов Web Devevloper Firefox для всех своих потребностей веб-разработчика.Однако я очень заинтересован в том, чтобы поэкспериментировать с переносом моей поддержки веб-разработчиков в Chrome, но я не знаю, с чего и как начать.Какая функциональность встроена в Chrome и как получить к ней доступ?Какие надстройки мне нужны и где я могу их узнать?

Это два из многих вопросов, которые, я думаю, стоят перед большинством веб-разработчиков, переходящих в гораздо менее знакомую среду.Здесь я пытаюсь задать более широкий вопрос: что мне нужно использовать и знать для эффективной отладки веб-страниц и JavaScript в Chrome, и где лучше всего узнать, что мне нужно?

Ответы [ 4 ]

2 голосов
/ 07 декабря 2010

Google Chrome (как и Safari) действительно недооценил функцию Developer Tools. Многие разработчики равнодушны к этому и используют Firebug по привычке. (без цели!)

Но для меня это основной инструмент отладки: он выглядит более приятным, чем последний, и включает в себя несколько более крутые функции. (например, временная шкала - отдельные интервалы времени для загрузки, создания сценариев и рендеринга).

Учебное пособие для разработчиков .

Не можете отказаться от Firebug? Посмотрите - Firebug Lite .


Дополнительные инструменты.

Инструменты для веб-мастеров ;

Speedtracer ;

Скорость страницы .

→ От google webmasters-faq :

Существует несколько инструментов, которые помогут вам протестировать ваш сайт в Google Chrome:

Веб-инспектор
Щелкните правой кнопкой мыши любой компонент на веб-странице, чтобы запустить веб-инспектор. Вы сможете увидеть элементы и ресурсы, связанные с компонентом, на котором вы щелкнули, включая иерархическое представление DOM и консоль JavaScript.

Диспетчер задач
Выберите значок меню Page , затем Разработчик> Диспетчер задач (или нажмите Shift + Esc ). Диспетчер задач показывает все запущенные процессы Google Chrome и используемые ими ресурсы (память, процессор и сеть).

Отладчик JavaScript
Выберите значок меню Page , затем Developer> Debug JavaScript . Это запускает отладчик JavaScript, который можно использовать для подключения к существующим процессам.

1 голос
/ 07 декабря 2010

Находясь в Chrome, нажмите Ctrl + Shift + I и начните экспериментировать.Это все, что вам нужно.

1 голос
/ 07 декабря 2010

в chrome: щелкните правой кнопкой мыши и «Осмотрите элемент» также доступна облегченная версия Firebug.

0 голосов
/ 07 декабря 2010

Порт Web Developer от Firefox очень удобен.

...