javascript - 隐藏源 CSS 代码

Question

你好，最近我看到一些网站在查看源代码时隐藏了源代码的 CSS! 这怎么可能.. 我假设一些 javascript 可以解决问题。 这是我在 Google 上找到的一段代码。

<script type="text/javascript" src="css.js"></script>

var cssFile = document.createElement('link');
cssFile.type = 'text/css';
cssFile.rel = 'stylesheet';
cssFile.href = '/test.css';
cssFile.media = 'screen';
cssFile.title = 'dynamicLoadedSheet';
document.getElementsByTagName("head")[0].appendChild(cssFile); 

那么这段代码是要隐藏我的 css 还是会伪造用户 css 的来源..？

Answer 1

So is this code going to hide my css

没有

or will fake the users the origin of css..?

没有

---

使用“查看源代码”会使发现变得更加困难……但多年来我还没有看到有人将其用作检查页面工作方式的第一种方法。 DOM 检查器工具将显示生成的 <link>元素，并将显示应用于任何给定元素的样式以及指向它们出现的样式表文件的链接。网络监控软件(包括内置于 Firebug、Chrome 开发人员工具等中的软件)将显示 HTTP 请求和样式表的响应也是如此。

---

它将做的是延迟 CSS 的任何加载，直到 JS 运行。就是这样。

这可能是因为某些 CSS 仅在启用了 JS 的浏览器中使用(CSS 可能会隐藏一些内容，然后仅通过 JS 交互显示，因此作者希望它在无法显示时默认为可见稍后用 JS 揭示)。

这可能是为了先加载内容然后再设置样式(作为一种让内容加载性能优先于内容样式的 hack)。