我正在尝试对Safari进行扩展，使用户可以使用新的API阻止每个站点的javascript。该API可让您注入一个javascript文件，该文件将在任何内容之前加载到网站上，其功能不如常规javascript，就好像它在HTML页面上运行一样。有没有一种方法可以使用javascript阻止所有javascript？
该API含糊地告诉我，“注入的脚本是在网页完全加载之前执行的，因此您可以在将资源添加到网页时采取措施。” 我是否可以挂入一些事件来捕获正在加载的资源并阻止它们？
有一种方法可以阻止大多数Javascript：在页面加载的最开始处附加一个MutationObserver，并且每当文档更改时，如果<script>找到标签，请将其删除：
<script>
new MutationObserver(() => {
console.log('Mutation observer running...');
document.body.querySelectorAll('script').forEach(scr => scr.remove());
})
.observe(document.documentElement, { childList: true, subtree: true });
</script>
<script>
console.log('hi');
</script>来自内联处理程序的Javascript仍然可以运行，但是幸运的是，与<script>标签相比，内联Java并不是很常见（因为这是一种不好的做法），而且通常，所有实质性Javascript都将放在<script>标签中，因此内联Javascript可能经常会只是由于引用未定义的函数而引发错误。
尽管subtree: true在动态添加元素时比其他MutationObserver昂贵得多，但是由于（几乎可以肯定）页面上没有运行Javascript，所以这应该不是问题，尤其是在页面完全加载后。
要同时删除内联处理程序，请检查添加的元素是否具有on属性，然后将其删除：
<script>
const cleanNode = (node) => {
if (node.nodeType !== 1) {
// Not an element node:
return;
}
if (node.matches('script')) {
node.remove();
}
[...node.attributes].forEach((attr) => {
if (attr.name.startsWith('on')) {
node.removeAttribute(attr.name);
}
});
};
new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
[...mutation.addedNodes].forEach(cleanNode);
});
})
.observe(document.documentElement, { childList: true, subtree: true });
</script>
<script>
console.log('hi');
</script>
<img onerror="alert('JS running')" src>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句