您好,最近我看过一些网站,在查看其源代码时会隐藏其源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的起源?
最佳答案
没有
没有
这将使使用View Source很难发现……但是我还没有看到有人将它用作多年来检查页面工作方式的第一种方法。 DOM检查器工具将显示生成的<link>
元素,并将显示应用于任何给定元素的样式以及指向它们出现的样式表文件的链接。网络监控软件(包括Firebug,Chrome开发者工具等内置的软件)等)也将显示样式表的HTTP请求和响应。
它的作用是将CSS的所有加载延迟到JS运行之前。就这些。
这可能是因为某些CSS仅在启用了JS的浏览器中使用(CSS可能会隐藏一些仅通过JS交互才能显示的内容,因此作者希望将其默认为可见,如果以后无法显示)。 JS)。
这样做可能是为了使内容先加载,然后再进行样式设置(作为一种使内容加载性能优先于内容样式的hack)。