从 chrome inspect 复制 find(ctrl+f) 的结果

问题描述

我对使用选择器非常熟悉,但是有没有办法从 chrome 检查中复制 find(ctrl+f) 结果?

例如,如果我输入“#items img”,#items 下的 25 个 img 标签将被突出显示

所以我想知道是否有一种方法可以复制选定的 25 个 img 标签的 HTML 内容。 (当然不必按 ctrl+c 25 次!)

我知道我可以使用任何编程语言和工具(例如 Selenium)进行屏幕抓取,但我想知道是否有办法从浏览器执行此操作。

解决方法

您可以在控制台中运行 $$('<CSS Selector>') 以获取 CSS 选择器的输出。

因此,您可以在控制台中运行一个函数来将元素复制到剪贴板。有点像(你可以以此为基础):

copy($$('.class').map(e => e).join('\n')) 

textContent 以文本格式复制输出:

copy($$('.class').map(e => e.textContent).join('\n')) 

另见: