如何过滤chrome的devtool控制台历史记录

问题描述 投票:0回答:4

在 bash 中,我使用历史搜索向前和历史搜索向后功能来允许我输入要运行的命令的几个字符,然后按向上箭头循环浏览历史记录中与这些字符匹配的项目角色。

我想要 chrome devtool 控制台也有同样的东西。我经常使用向上箭头来循环浏览我的历史记录,但似乎没有办法过滤它。有没有人有一个聪明的解决方案?

[请注意,命令历史记录匹配在最新版本的 Chrome 中得到了很大改进。这虽然不完全是我想要的,但已经很不错了。]

google-chrome-devtools
4个回答
19
投票

试试这个:(基于如何清除控制台历史记录

  1. 按照第一个答案(Rob W)的步骤 1-3,在 Chrome 开发工具窗口中打开 Chrome 开发工具(按照上面的post)。不要执行第 4 步,否则您将清除您的历史记录!
  2. 在新的开发工具控制台中运行此命令:
    JSON.parse(localStorage.getItem('console-history')).filter(function(item){ return ~item.indexOf('indexedDB');})
  • 将“indexedDB”替换为您想要过滤的内容。

TL;博士

  • Chrome 开发工具从技术上讲只是另一个浏览器窗口。
  • 原始开发工具的
    LocalStorage
    适用于您正在浏览的网站。
  • 通过打开开发工具上的开发工具,您可以看到开发工具窗口的
    LocalStorage
    ,从而可以访问
    console-history
  • localStorage.getItem('console-history')
    为您提供一个数组字符串,因此您需要将其(即
    JSON.parse()
    )解析回
    Array
    ,以便您可以
    filter
    它。
  • ~
    前面的
    ~item.indexOf('indexedDB')
    item.indexOf('indexedDB') > 0
  • 的按位缩写

16
投票

Chrome 开发者工具中没有反向搜索功能。我已记录了反向搜索功能的请求。请加星标。

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

我使用代码片段(Chrome 开发者工具:什么是代码片段支持?)来跟踪我的所有命令。


2
投票

加上我的 2 美分,因为最受欢迎的答案已停止工作。

Chrome 还没有类似 bash 的搜索功能 (Ctrl + R),但最新版本的 Chrome 具有历史记录自动完成功能。开始输入命令,它将显示历史记录中的建议(就在常用语法建议的下方)。这并不完全是“搜索”,但对于“开头为”类型的过滤来说已经足够了。

适用于所有 Chromium 浏览器,包括 MS Edge


-1
投票

当您打开 devTools 的控制台并单击向上箭头(或向下箭头)时,您将开始循环查看命令的“历史记录”。

© www.soinside.com 2019 - 2024. All rights reserved.