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

此代码将隐藏我的CSS

没有

或者会伪造用户css的起源..？

没有

使用View Source会更难发现...但我没有看到任何人使用它作为第一种检查页面如何工作多年的方法。 DOM检查器工具将显示生成的<link>元素，并将显示应用于任何给定元素的样式以及它们出现的样式表文件的链接。网络监视软件（包括内置于Firebug中的样式，Chrome Developer工具等等也会显示样式表的HTTP请求和响应。

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

这可能是因为某些CSS仅用于启用了JS的浏览器（CSS可能会隐藏某些内容，而这些内容只能通过JS交互显示，因此作者希望它默认为可见，如果它不能后来用JS透露。

这可能是内容首先加载并在以后设置样式（作为内容加载性能优先于内容样式的黑客）。

Answer 2

几乎所有主流浏览器中都有 Firebug ， Chrome开发者工具和 Web开发人员工具等工具，以及浏览器如何看待CSS和资源，他们也以相同的方式看待它们并获得CSS。

我说的是这些资源：

<强>萤火虫
Chrome开发者工具
Internet Explorer中的F12 Web开发人员工具

http://i.msdn.microsoft.com/dynimg/IC485704.png

所有这些工具都显示CSS文件以及继承的样式以及哪些元素继承它们。

有 NO 隐藏CSS等客户端组件的方法。

您正在做的事情可能会降低浏览器的性能并加载页面的时间，从而使访问者烦恼（如果他们的数量很大）并成为可用性问题。

Answer 3

  Here is Code To Hide Css .

首先在javaScript上

$(window).load(function(){//Function call On Load windows

    $.post("Ajax.php?action=getCss",{},function(data){//Ajax Request To Css 
        $("#Corecss").html(data);// Paste css in Corecss Div without Shoing             
    });
 });//Thanks Hashaam zahid From Pakistan

2）在Html上

<div id="Corecss"></div>

3）关于PHP创建Ajax.php文件

if($_GET['action']=='getCss')
{
$sDbServerName="localhost";$sDbUserName="***";$sDbPassword="*****";$sDbName="Data";// Connection with database server $dbConnect=mysql_connect($sDbServerName,$sDbUserName,$sDbPassword);if($dbConnect)
{

      echo   '<link rel="stylesheet" href="css/creative.css" type="text/css">';


}
else
{
    die("You Cannot Do it With Css");
}


}//Thanks From Hahshaam zahid     ( ittuc.com )  and facebook/HashaamKhan321

隐藏源CSS代码

3 个答案: