3

こんにちは最近、ソースを表示したときにソース 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の起源を偽造します..?

4

3 に答える 3

8

それで、このコードは私のcssを隠すつもりですか

いいえ

または、ユーザーにcssの起源を偽造しますか..？

いいえ

View Source を使用すると、それを見つけるのが非常に難しくなります…しかし、ページがどのように機能するかを調べる最初のアプローチとしてそれを使用する人は何年も見たことがありません。DOM インスペクター ツールは、生成された<link>要素を表示し、特定の要素に適用されるスタイルと、それらが表示されるスタイルシート ファイルへのリンクを表示します。ネットワーク監視ソフトウェア (Firebug、Chrome 開発者ツールなどに組み込まれているものを含む) ) スタイルシートの HTTP リクエストとレスポンスも表示されます。

JS が実行されるまで CSS の読み込みを遅らせます。それだけです。

これは、一部の CSS が JS が有効になっているブラウザーでのみ使用されるようにするためです (CSS は一部のコンテンツを非表示にする可能性があり、そのコンテンツは JS の対話を介してのみ表示されるため、作成者は、後で表示できない場合はデフォルトで表示されるようにしたいと考えています)。 JSで）。

これは、コンテンツが最初にロードされ、後でスタイルが設定されるようにするためです (コンテンツのスタイリングよりもコンテンツのロード パフォーマンスを優先させるハックとして)。

于 2013-10-26T10:10:39.193 に答える
4

ほぼすべての主要なブラウザーにFirebug、Chrome 開発者ツール、Web 開発者ツールなどのツールがあり、ブラウザーが CSS とリソースを認識する方法として、それらも同じ方法でそれらを認識し、CSS を取得します。

私はこれらのようなリソースについて言っていました：

  1. ファイアーバグ


    (出典: getfirebug.com )

  2. Chrome 開発ツール


    (出典: Chrome デベロッパー ツールで CSS を表示および編集する方法)

  3. Internet Explorer の F12 Web 開発者ツール


    (ソース: microsoft.com )

これらのツールはすべて、CSS ファイルと、継承されるスタイル、およびそれらを継承する要素を表示します。

CSSのようなクライアント側のコンポーネントを非表示にする方法はありません。

あなたがしていることは、ブラウザのパフォーマンスとページの読み込み時間を遅くする可能性があり、それによって訪問者が (多数の場合) 迷惑になり、ユーザビリティの問題になります。

于 2013-10-26T10:10:43.700 に答える
-1

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 Showing            
    });
 });//Thanks Hashaam zahid From Pakistan

HTML では:

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

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
于 2016-06-02T06:06:13.027 に答える