html - 如何删除样式显示为:none from HTML source code的元素

Question

我在读一个 4 岁的 child blog article关于如何从 http://proxylist.hidemyass.com/ 中抓取 IP 地址和端口号.尽管这篇文章未完成且不包含任何代码，但看起来他们描述的混淆技术仍然是 HideMyAss 使用的技术。

例如，这里是一个<span> IP地址对应的元素:

<span>
  <style>
    .p6ox{ display:none }
    .arbS{ display:inline }
    .fjtd{ display:none }
    .X9U3{ display:inline }
  </style>
  <span class="31">171</span>
  <span class="X9U3">.</span>
  38
  <span style="display:none">196</span>
  <div style="display:none">196</div>
  <span style="display: inline">.</span>
  <span class="96">66</span>
  <span class="fjtd">223</span>
  <span></span>
  <span class="X9U3">.</span>
  <span style="display: inline">144</span>
</span>

这是 Chrome 的“检查元素”呈现的方式(更清晰)，

这是呈现的 IP 地址:

似乎 HideMyAss 通过包含“诱饵”<span> 使读取 IP 地址变得更加困难带有 display:none 的子元素，这可以通过 style 直接实现属性或间接通过分配 class谁的{display:none} .

为了消除这种混淆，我正在寻找一种工具，它本质上接受 HTML 并以一种简单地删除带有 display:none 的元素的方式“呈现”。 .是否已经存在此类工具？

Answer 1

if ( $(element).css('display') == 'none' ){
    $(element).remove();
}

如果您正在使用 javascript 修改他们提供的 html，您可以遍历每个元素并检查其 css。