Осмотрите элемент (Chrome) Вопросы для моего класса

Question

Я беру класс компьютерных наук, и в настоящее время мы изучаем инструмент элемента контроля и его возможности. Мне было поручено спросить разработчиков и javascript-программистов об их опыте с инструментом элемента проверки. Я был бы очень признателен, если бы вы нашли время ответить на вопросы ниже по этому вопросу. Это действительно помогло бы мне, так как мне не повезло найти много разработчиков здесь. Спасибо огромное!

Кроме того, мне нужно задать этот вопрос самостоятельно, или мой учитель не примет мои ответы. Вот почему я создал новую должность и почему я не могу просто взглянуть на других, которые могут быть связаны.

1. Как часто вы можете найти инструмент для проверки элементов? Зачем?

2. Что вы лично использовали инструмент для проверки элементов (для изменения, отладки, для других)? Зачем?

3. Какие типы данных (CSS, куки, код, значения переменных) легко получить с помощью элемента проверки, с какими типами сложнее получить доступ? Зачем?

4. Что вас раздражает об инструменте элемента контроля? Зачем?

EDIT: Новый вопрос: Вы когда-нибудь пытались изменить javascript, HTML или CSS на странице? Зачем?

Answer 1

1. Постоянно использующий элемент контроля хрома. Это помогает мне писать CSS и отлаживать Javascript. Это моя работа в качестве веб-разработчика.

2. Это помогает мне отлаживать CSS и Javascript.

3. Лучше всего использовать CSS и легко. Немного сложнее получить информацию о Javascript (кроме ошибок синтаксиса).

4. Изменение атрибутов CSS напрямую вызывает раздражение. Иногда вам нужно тройной щелчок, чтобы что-то изменить, и в противном случае выбор просто неинтуитивный.

Answer 2

1. я использую инструмент инспектировать все время. Он идеально подходит для устранения проблем с дизайном, поскольку вы можете вносить изменения в html и css из браузера.

2. Изменение CSS

3. CSS, печенье, и HTML, легко доступны. Javascript доступен для просмотра, и есть некоторые функции отладки, но они немного громоздки.

4. У меня на самом деле нет никаких неприятностей. Это просто еще один инструмент с особыми потребностями. Если это вас раздражает, вы, вероятно, используете это неправильно.

BY FAR, моя любимая особенность заключается в том, что вы можете видеть вычисленные стили на элементе. Таким образом, вы можете видеть, какие стили задают стиль стилизации. Он даже скажет вам номер строки таблицы стилей, чтобы вам не нужно было копать. В качестве стороннего разработчика я считаю это неоценимым, когда мне нужно сделать быстрое редактирование, для которого разработчик frontend недоступен.

Answer 3

Как и другие, я постоянно пользуюсь инструментом для осмотра - не только для разработки моих собственных сайтов, но и для просмотра интересных компонентов и элементов на других сайтах. Это дает мне представление о том, как создаются другие интересные компоненты страниц.

1. Я использую его почти весь день, каждый день.
2. Я использую его для отладки javascript (вы можете установить точки останова), изменяя стили CSS, такие как цвета и размеры, и т. Д. Я использую javascript-консоль много, чтобы увидеть, получаю ли я какие-либо ошибки или даже просто проверять значения объектов , Вкладка «Приложение» отлично подходит для проверки правильности установки моих локальных значений хранилища и файла cookie, а вкладка «Сеть» отлично подходит для оценки производительности загрузки файлов css/html/javascript и т. Д.
3. Я думаю, что все довольно легко получить доступ если вы знаете, какую вкладку нужно посмотреть во время проверки. Это просто требует экспериментов, чтобы получить удовольствие от всего, что может сделать инспектор.
4. Ничего особенного. Это хорошо подходит для всех моих целей.