如何自动删除 css 规则 "body overflow:hidden"

Question

在某些安装了adblock的网页中，在正文中添加"overflow:hidden" css样式，防止网站滚动。

示例：

<html>
  <head>
      <title>Website</title>
  </head>
  <body style="overflow: hidden;">
    Some long article content
  </body>
</html>

我每次都必须在 Chrome 网络检查器中手动编辑才能删除，这很烦人。

我想知道我可以将此删除永久删除或通过 chrome 扩展程序或广告拦截规则进行检测以删除它，或者可能通过直接 javascript 等

更新：使用 tampermonkey chrome 扩展，也许我可以达到我的目标。我执行了以下脚本但没有结果（页面似乎重新加载或加载了一些 javascript 并且我无法正确删除隐藏的正文溢出）：

// ==UserScript==
// @name         InvestingRemoveScrollBodyBlocker
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Remove body overflow hidden
// @author       Ángel Guzmán Maeso <angel@guzmanmaeso.com>
// @match        https://*.investing.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    setTimeout(function(){

        var bodyWeb = document.getElementsByTagName("BODY")[0];
        console.log(bodyWeb);
        bodyWeb.style.overflow = "visible !important";

    }, 4000);

})();

Answer 1

试试这个脚本工具 TamperMonkey

覆盖溢出

body {
   overflow: visible !important;
}

将与 TamperMonkey 一起使用的脚本：

// ==UserScript==
// @name         InvestingRemoveScrollBodyBlocker
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Remove body overflow hidden
// @author       Ángel Guzmán Maeso <angel@guzmanmaeso.com>
// @match        https://*.investing.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // Credits: 
    document.body.style.cssText = "visible !important";
})();

Answer 2

您可以添加一个 uBlock Origin filter rule with a :style() operator 来覆盖它：

*##html,body:style(overflow: visible !important;)

如何自动删除 css 规则 "body overflow:hidden"

How to remove the css rule "body overflow:hidden" automatically

javascript

css

adblock

google-chrome-extension

google-chrome-devtools