通过书签注入CSS和JS函数

如何解决通过书签注入CSS和JS函数

我一直在寻找有关如何制作书签的指南，该书签基本上可以刷新手机上的某个网站，检查显示在其上的特定号码是否有任何更改，并在发生任何更改时提醒我。

幸运的是，我能够找到以下代码here，该代码基本上可以解决我需要的一半，即按设定的时间间隔自动执行刷新（加上，然后滚动到最后一个位置，这很好，因为实际上我总是需要它才能将我带到页面底部）：

javascript:
timeout=prompt("Set timeout [s]");
current=location.href;
if(timeout>0) {
  setTimeout('reload()',1000*timeout);
}
else
{
  location.replace(current);
}
var called=false;
function reload(){
  var y = 0;
  if (called)
  {
    y = window.frames[0].scrollY;
  }
  else
  {
    y = window.scrollY;
    called=true;
  }
  setTimeout('reload()',1000*timeout);
  fr4me='<frameset cols=\'*\'><frame src=\''+current+'\' onload=\'setTimeout("window.frames[0].scrollTo(0,'+y+');",100)\' /></frameset>';
  with(document){write(fr4me);void(close())};
} 

到目前为止还不错，但是现在，正如我尝试添加到此代码中一样，我没有得到所需的进一步结果。

首先，我需要注入一些CSS，以便可以隐藏网站中的某些元素，仅​​显示重要的元素，然后在电话屏幕上显示尽可能大的元素。

然后，当然，我需要能够添加用于检查屏幕上特定元素中显示的数字是否有变化的代码。

问题是我在弄清楚该放置在何处以及如何放置时遇到麻烦。我假设要通过的所有内容都必须添加onload，但我尝试使用以下代码，但完全没有成功。

javascript:
timeout = prompt("Set timeout [s]");
current = location.href;
if (timeout > 0) {
    setTimeout('reload()',1000 * timeout);
} else {
    location.replace(current);
}
var called = false;

var style = document.createElement('style');
style.innerHTML = '.elements-I-want-to-hide { display: none !important; }';
var ref = document.querySelector('script');

function reload() {
    var y = 0;
    if (called) {
        y = window.frames[0].scrollY;
    } else {
        y = window.scrollY;
        called = true;
    }
    setTimeout('reload()',1000 * timeout);
    fr4me = '<frameset cols=\'*\'><frame src=\'' + current + '\' onload=\'setTimeout("window.frames[0].scrollTo(0,' + y + ');",100);' + ref + '.parentNode.insertBefore(' + style + ',' + ref + ');\' /></frameset>';
    with(document) {
        write(fr4me);
        void(close())
    };
}

正如您所看到的，这一次我仅尝试解决CSS注入问题，因为我基本上想知道在尝试我提到的其余JS函数之前是否可以进一步拉伸此书签。

任何想法或指导将不胜感激！干杯！