如何在页面加载之前找到钩子来呈现javascript？（查看前的css、js注入）

有工具吗 每当您打开一个新的浏览器页面，在读取之前需要自定义代码注入时，自动呈现下面的步骤1-4

e、 g:申请定制 访问触发器onload（）事件的页面之前的javascript或css； 与“预加载程序”非常相似

1.首先隐藏内容容器

2.等待一切完成下载

3.在加载的内容上应用css或js

4.最后显示修改后的内容

例如，我们可以在chrome F12控制台或inspector上轻松地进行css或javascript更改，方法是键入一些（例如javascript）

$（'img'）.css（'visibility'，'hidden'）

隐藏当前页面的所有图像

正在寻找更简单的方法将这些自定义脚本挂接到浏览器，以便 在浏览您访问的所有页面时，您不必手动输入并按enter键来运行自定义脚本

• 使用
• 使用

---

@Shadow是第一个提出Firefox扩展的人：greasemonkey
所以我尝试了一下&只需在这里共享配置供您参考。 工作很好

/==UserScript==
//@name myscript
//@namespace testscript
//@description隐藏图像
//@包括
//@version 1
//@grant none
//==/UserScript==
var jq=document.createElement（'script'）；
jq.src=”https://code.jquery.com/jquery.js";
document.getElementsByTagName（'head'）[0].appendChild（jq）；
$（窗口）。加载（函数（）{
$（'img'）.css（'visibility'，'hidden'）；
});

请查看您是否可以在Firefox中对greasemonkey扩展执行相同的操作，扩展将完全做到这一点。让谷歌回答你为什么要使用greasemonkey，因为你标记了chrome和chrome扩展，而不是firefox扩展。遗憾的是，该线程将以1票结束，无需进一步讨论@Jaromandax为什么告诉我，我不在乎它是否脱离主题与javascript相比，css注入更轻量级，感谢这两个扩展。全部经过测试，工作正常。但与“greasemonkey”和“tampermonkey”相比，后者在其管理面板中似乎有更多的选项，但UI看起来比fireFox扩展丑陋得多。