Как отфильтровать историю консоли Chrome devtool

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

Я хочу то же самое для консоли chrome devtool. Я часто использую стрелку вверх для просмотра своей истории, но, похоже, нет способа отфильтровать ее. У кого-нибудь есть умное решение?

[Обратите внимание, что сопоставление истории команд значительно улучшилось в последних версиях Chrome. Это не совсем то, что я хотел бы, но это довольно хорошо.]


google-chrome-devtools
person Mike McKay    schedule 26.07.2012    source источник

Ответы (3)


arrow_upward
13
arrow_downward

Функция обратного поиска отсутствует в инструментах разработчика Chrome. Я зарегистрировал запрос на функцию обратного поиска. Пожалуйста, поставьте такую ​​же звезду.

http://code.google.com/p/chromium/issues/detail?id=171386

Я использую фрагменты (Инструменты разработчика Chrome: что такое поддержка фрагментов?) для отслеживания всех моих команд.

person Varunkumar Nagarajan    schedule 22.01.2013
comment
Около года назад была добавлена ​​поддержка автозаполнения истории — ошибки. chromium.org/p/chromium/issues/detail?id=171386 Хотя это не совсем то же самое, очень удобно смотреть историю консоли. - person Varunkumar Nagarajan; 05.09.2017

arrow_upward
12
arrow_downward

Попробуйте это: (на основе Как удалить все последние консольные команды< /а>)

  1. Откройте Chrome Dev Tools в окне Chrome Dev Tools (согласно сообщению выше), выполнив шаги 1–3 для первого ответа (автор Роб В.). Не делайте шаг 4, иначе вы сотрете свою историю!
  2. Run this command in the new Dev Tools console: JSON.parse(localStorage.getItem('consoleHistory')).filter(function(item){ return ~item.indexOf('indexedDB');})
    • Replace "indexedDB" with whatever it is you want to filter on.

TL;DR

  • Chrome Dev Tools технически представляет собой просто еще одно окно браузера.
  • LocalStorage оригинальных инструментов разработчика предназначен для сайта, который вы просматриваете.
  • Открыв Dev Tools в Dev Tools, вы получите LocalStorage для окна Dev Tools и, таким образом, получите доступ к файлу consoleHistory.
  • localStorage.getItem('consoleHistory') дает вам строку массива, поэтому вам нужно разобрать ее (т.е. JSON.parse()) обратно в Array, чтобы вы могли filter ее.
  • ~ перед ~item.indexOf('indexedDB') является побитовым сокращением для item.indexOf('indexedDB') > 0
person Bob    schedule 15.11.2017
comment
Умный взлом! И хотя он позволяет вам искать историю команд, вы не можете использовать любую найденную команду, потому что эта новая консоль нацелена на исходную консоль, а не на исходную страницу браузера. Если вам действительно нужно найти старую команду, это один из способов сделать это, но не быстрый способ фильтрации. - person Mike McKay; 16.11.2017

arrow_upward
0
arrow_downward

Когда вы открываете консоль devTools и нажимаете стрелку вверх (или стрелку вниз), вы начинаете циклически просматривать свою «историю» команд.

person Ido Green    schedule 08.08.2012
comment
Да, но я хочу отфильтровать этот результат на основе любых символов, которые я начал вводить. - person Mike McKay; 09.08.2012
comment
Есть ли удача в отслеживании этого? Я хотел бы знать, где хранится история, чтобы я мог копировать и вставлять наборы команд в новый редактор. - person Alvin; 19.01.2013
comment
@Alvin Если вы все еще ищете: вот описание того, как получить доступ к истории консоли: stackoverflow.com/a/21149275/726097 Все эти настройки DevTool в итоге сохраняются на диске; для OS X вы можете найти их здесь: /Users/john/Library/Application Support/Google/Chrome/Default/Local Storage И я предполагаю, что это похоже на другие системы. - person einjohn; 24.08.2016