jquery - 完全阻止 CSS 加载

Question

我有一个站点，其中构建 HTML 和 CSS 的平台已完全锁定。我对应用程序/服务器层的访问权限为零。

平台提供了一些 CSS 文件，我用一些 jquery 将它们剥离了

$(document).ready(function() {  
     $('link[rel=stylesheet][href*="UserGlobal"]').remove();
}); 

虽然这确实有效并且可以防止“UserGlobal”样式表对我的页面呈现产生任何影响，但它仍然会被加载。

我的问题是，在无法访问应用程序层/服务器端的情况下，是否有办法阻止 CSS 文件首先被传送到浏览器？

我的直觉告诉我没有 - 但我很想听听是否有人遇到过类似的事情并解决了它。

Answer 1

如果 CSS 已经包含在 HTML 页面上(使用 <link> 或 <style> 标记)，则无法阻止浏览器加载 CSS 文件，仅使用 JavaScript。

如果你想阻止浏览器加载它，你需要一些方法来改变网络服务器的 HTTP 响应(即删除 CSS)。