Расширение Фаерфокс. Возможно, из-за того, что панель инструментов веб-разработчика слишком мощная, многие полезные функции могут быть случайно проигнорированы пользователями во время использования. Давайте сделаем небольшой обзор этих забытых навыков, чтобы наполнить мир любовью:
Изображения／Просмотреть информацию об изображении
С помощью этой опции вы можете отображать атрибуты всех элементов изображения на текущей веб-странице в новой вкладке: путь, размер, размеры и т. д., что особенно удобно.
Информация／Просмотр информации о цвете
Подбор цветов веб-страниц — это большое знание. Многим нравится использовать Colorzilla для просмотра информации о цвете веб-страниц. Это расширение может отображать информацию о цвете текущего положения указателя в строке состояния, включая цвет изображения. По сравнению с панелью инструментов веб-разработчика эта функция немного слабее, но вы все равно можете вызвать все цвета, вызываемые CSS на текущей веб-странице, одним щелчком мыши, что очень полезно для изучения соответствия цветов веб-страницы.
Информация/Информация об элементе отображения
Раньше, когда я хотел просмотреть атрибут div определенного элемента или области на веб-странице, я всегда щелкал правой кнопкой мыши, чтобы вызвать исходный файл, а затем начинал использовать функцию поиска для поиска построчно. Благодаря этой функции вам больше не придется об этом беспокоиться. Если вы хотите просмотреть определенные атрибуты веб-страницы, такие как класс/идентификатор, местоположение и т. д., просто аккуратно используйте сочетания клавиш Ctrl+Shift+F и щелкните эту область, чтобы просмотреть все, что вы хотите знать.
Формы／Показать пароли
Многим людям нравится четко отображать свои пароли по многим причинам. Эта функция панели инструментов веб-разработчика предоставляет пользователям Firefox такую возможность. После выбора этой опции она будет четко отображаться в поле ввода пароля.
Разное/Рендеринг на маленьком экране
Все больше и больше пользователей могут использовать свои мобильные телефоны и КПК для работы в Интернете. Использование этой функции позволяет вам предварительно просмотреть, как ваши веб-страницы будут выглядеть на этих портативных устройствах. На основе предварительного просмотра вы можете оптимизировать макет и структуру ваших веб-страниц. ., что облегчает им просмотр на КПК.
Разное／Посещенные ссылки
В некоторых случаях нам потребуется отключить все гиперссылки на текущей веб-странице, чтобы облегчить проверку и отладку наших веб-страниц. В рамках этой опции пользователи могут выбрать «Отметить все ссылки как непосещенные», и все гиперссылки будут временно отключены.
Инструменты/Просмотр отчета о скорости
Параметры в меню «Инструменты» в основном связаны с различными проверками веб-сайта, CSS, JS, HTML и т. д. Здесь также есть очень полезная функция, которая заключается в проверке скорости загрузки веб-сайта в режиме онлайн. Здесь вызываются данные из анализатора веб-страниц. После выбора этой опции панель инструментов веб-разработчика отправит текущий веб-сайт в анализатор веб-страниц для тестирования. Пользователи могут понять, какие файлы влияют на скорость загрузки их веб-сайта, на основе списка данных, предоставленного веб-сайтом. Анализатор страниц.
Разное／Редактировать HTML
Вероятно, наиболее часто используемой функцией панели инструментов веб-разработчика является «Редактирование CSS». Пользователи могут изменять CSS текущей веб-страницы в режиме реального времени и сразу же видеть эффект изменения. Пользователи также могут использовать панель инструментов веб-разработчика для изменения файлов HTML. Эта функция скрыта в разделе «Разное».