是否可以使用浏览器中的控制台应用程序按颜色搜索网站的各个部分?

时间:2017-05-09 14:33:30

标签: javascript web browser

例如,假设我访问了一个可以打印500多页的非常长的网页。在整个网页中,有一些单词使用浅绿色突出显示。有没有办法使用Chrome中的CLI搜索以此颜色突出显示的单词?

3 个答案:

答案 0 :(得分:1)

第一步是检查文本,并检查highlighet部分。突出显示文本可以通过多种方式完成。仅举几例:

<span class="highlight">

我的猜测是使用了document.querySelectorAll("mark") document.querySelectorAll(".highlight") document.querySelectorAll("span[style^='background-color:']") (但可能使用了不同的类名)。

因此,根据文本突出显示的方式,您可以在CLI中使用不同的命令找到它。当您知道页面以何种方式突出显示文本时,您可以通过(例如上面的示例)开始查找它:

  let button: UIButton = UIButton()
    button.setImage(UIImage(named:"imagename"), for: .normal)
    button.addTarget(self, action:#selector(YourClassName.backAction(_sender:)), for: .touchUpInside)

    button.frame = CGRect.init(x: 5, y: 100, width: 45, height: 45)
    view.addSubview(button)

    @objc public func backAction(_sender: UIButton) {

    }

答案 1 :(得分:0)

是的,有可能,突出显示的元素可能有一个提供高亮颜色的类,如果有,你可以使用document.querySelectiorAll('.highlight_class')

如果样式直接在HTML元素上,您可以找到带有正则表达式的元素。

答案 2 :(得分:0)

如果您不确定是使用类还是内联样式添加背景颜色,请使用以下命令:

const paras = Array.prototype.slice.call(document.querySelectorAll('p'));
const output = paras.filter(para => window.getComputedStyle(para).getPropertyValue('background-color') === 'green');

它会为您提供背景颜色为绿色的段落数组。相应地更改值以获得所需的结果。