Question

我有一个业余体育网站需要维护，我不是网络开发方面的专家。我可以放在网站上的页面只能采用预定义模板的形式，类似于wordpress。

主网站加载了自己的CSS文件和JS文件，我们不希望这些文件干扰我们的自定义。当主管理员/开发人员将新的部署到主/父网站时，这些文件会发生变化。

我想动态阻止加载所有不属于我们的CSS文件和JS文件，而是使用我们自己的自定义CSS和JS文件。

目前我正在做类似下面这样的事情，但正如你所看到的，每当他们改变别的东西时我都要更新文件名，除非我注意到网页上的差异，否则我不知道他们什么时候改变。

<script type="text/javascript">
  $('link[rel=stylesheet][href="/assets/application-b51e2731e0d53e4d422.css"]').remove();
  $('link[rel=stylesheet][href="/assets/print-a622ffc90d1232b126e42c.css"]').remove();
  jQuery('head script[src*="application-7fd426f9bca208.js"]').remove();
</script>

有没有更好的方法可以动态阻止所有不需要的css / js文件，而不必像上面那样对其进行硬编码？

Answer 1

不要担心跟踪文件名，为什么不只针对那些不属于你的东西呢？

$('link').not('.myLink').remove();

请确保将该课程放在link上：

<link rel="stylesheet" href="path.css" class="myLink" />

如何从页面动态删除所有不需要的CSS和JS

1 个答案: