javascript - 使用脚本从网页中删除特定元素

Question

我目前使用:

“javascript:document.body.contentEditable%20=%20'true';%20document.designMode='on';%20void%200”

删除网页的某些元素。该页面是多个报警的监控 View 。我只需要监控其中的一部分。我一直在使用上面的脚本来删除我不需要的 View 。我想知道是否有比每天手动“删除”它们更好的方法。

我可以使用上面的脚本作为基础来指定这些元素并一次将它们全部删除吗？我在这方面有点菜鸟，所以非常感谢任何和所有的帮助。

Answer 1

您可以使用Greasemonkey在 Firefox 上或 Tampermonkey在 Chrome 上。无论您选择什么，以下脚本都将起作用。您必须在浏览器中安装该扩展程序。然后，您需要将脚本 http://yoursite.com/ 中的 URL 替换为您的 URL，将所有 id 添加到数组中，将脚本添加到扩展程序中，它将自动完成工作。无需点击书签。

// ==UserScript==
// @name        CleanUp
// @namespace   cleanup
// @include     http://yoursitehere.com/
// @version     1
// @grant       none
// ==/UserScript==
var removables = ['aus', 'bak', 'bhm', 'can'];//add more id's here following the pattern
for (var i = 0; i < removables.length; i++) {
  var element = document.getElementById(removables[i]);
  if (element) { 
    element.parentNode.removeChild(element);
  }
}

如果您想坚持使用小书签，我已经为您进行了调整:

javascript: function run() { var r = ['aus', 'bak', 'bhm', 'can']; for (var i = 0; i < r.length; i++) { var e = document.getElementById(r[i]); if (e) { e.parentNode.removeChild(e); } }; }; run();

在这里，您也必须更新 ID 列表以包含您想要的所有内容。