2015-05-28 5 views
4

enter image description hereОтменить инструмент увеличительного стекла инспектора Google Chrome?

  1. Открыть инспектор по любому элементу.
  2. Выберите вкладку Computed.
  3. Наведите указатель мыши влево от любого стиля, чтобы увидеть увеличительное стекло.
  4. Нажмите на увеличительное стекло, и оно будет фильтровать вкладку «Стили» только для релевантных результатов.

Теперь, как снять выделение с этой функции? Единственный способ, которым я нашел, - полностью закрыть инспектора и снова открыть его.

ответ

9

Щелчок на увеличительном стекле, по-видимому, является ярлыком для использования функции «Найти в стилях» на панели «Стили». Таким образом, щелкнув по нему, элемент, который вы нажали, появится в поле «Найти стили» в нижней части панели «Стили», выделенной желтым цветом. Когда вы наводите курсор мыши на поле, на правой стороне поля появляется значок.. Нажатие на значок очищает поле, а панель «Стили» возвращается в нормальное состояние.

Вот как это выглядит ред в действии (см редактирования ниже для текущего местоположения поискового фильтра):

enter image description here

Вы не будут возвращены на панель «Компьютерной», хотя.

Edit 2015-09-08:

С некоторым недавним обновлением Chrome, поле поиска переместилась. Теперь он отображается в верхней части столбца CSS в том же ряду, что и кнопки «Новый стиль» (плюс), кнопки «Переключить элемент элемента» (кнопки) и кнопки «Анимация» (сгруппированные бриллианты):

enter image description here

Чтобы очистить поиск, просто удалите текст фильтра (например, «вертикальный», как показано на рисунке).

+1

Хорошо, это не очень заметно внизу внизу. Все, что вы сказали, отлично работает. Теперь я могу начать использовать эту функцию. Благодарю. –

+0

Я только открыл его на этой неделе. Я пытался показать это коллеге, пока мы спаривались по некоторым проблемам стиля, но его копия Chrome не имеет этого. Я не знаю, что я сделал, чтобы получить его, но я рад. И да: Будучи конструктором взаимодействия, я возьму урок из этого. То, что кажется совершенно очевидным для дизайнера, может быть совершенно невидимым для пользователя. –