如何使用Tampermonkey在网站上查找并替换样式文本,以自动启用网站上的滚动功能以禁止滚动?

时间:2020-11-11 07:11:21

标签: javascript html google-chrome tampermonkey

我继续浏览的网站通过显示此样式块来禁用滚动。

body.cs-dmblock {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

根据该线程(How to enable scrolling on website that disabled scrolling?),您可以将“ hidden!important”替换为“ visible”,效果很好,当我在Google Chrome浏览器的元素检查器中进行更改时,可以滚动浏览下面的屏幕截图。我单击“样式”下的过滤器。我键入“溢出”。我用“ visible”替换了第一个“ hidden!important”,这也使“ overflow-x”和“ overflow-y”也被设置为“ visible”,因为它是嵌套的,然后该网站允许我滚动。

Chrome Element Inspector

我想做的是自动完成,因此我不必每次都打开Chrome检查器并编辑html。我从该线程(What's a simple way in Google Chrome to insert Javascript into sites?)看到,如果要自动将javascript插入Chrome,则可以使用Tampermonkey。

但是,我对javascript或Tampermonkey不太熟悉,因此我在网上查找了一些教程。这是我当前的代码,该代码似乎无法正常工作或执行任何操作:

(
window.addEventListener('load', function() {
    function overflowHiddenToVisible() {
    var html = document.innerHTML;
    var newHtml = html.replace(/overflow\:hidden! important/, 'overflow\:visible');
    document.innerHTML = newHtml;
}
}, false)

);

关于“ windows.addEventListener”部分,其目的是根据该线程(Userscript to wait for page to load before executing code techniques?)的建议,使代码在页面加载完成后立即运行。我不确定替换部分是否错误,Tampermonkey出现问题或其他原因。

为此深表歉意。我所学的只是计算机科学方面的Java(不是javascript),仅此而已。

0 个答案:

没有答案
相关问题