Webサイトがあり、CSSとスクリプトファイルのアドレスをソースから非表示にしたいのですが、ユーザーが右クリックして[ソースの表示]を押すと、CSSとスクリプトファイルのアドレスが変更されました。(およびfirebugでも)。グーグルのように!google.comにアクセスして右クリックし、[Firebugで要素を検査]を押してください。右のボックスの[スタイル]を参照してください。たとえば、「www.google.com#2(9行目)」が表示されます。CSSファイルのアドレスは表示されません。これはどのように可能ですか?
3 に答える
ページソースを表示し、そこにスタイルリンクが表示されない場合は、GoogleがJavaScriptフレームワーク(おそらくGWT:https ://developers.google.com/web-toolkit/)を使用しているためです。このページにはJavaScriptのジブリッシュがたくさん見られますよね?そのJavaScriptは、DOMにすべてのスタイル要素などを作成します。また、FirefoxでもChromeでも、要素を調べると、結果のスタイル定義を実際に確認できます。
あなたは同じことをすることができます。しかし、そのデザインは、従来のHTML+JavaScriptとはまったく異なります。
しかし、他の人は正しいです、あなたはそのように何も隠すことができません、そしてあなたはすべきではありません。せいぜい隠すことによるセキュリティです。
cssをインラインタグに配置できます。内容をコピーして.htmlドキュメントの...ブロックに貼り付けるだけです。そうすると、外部の.cssファイルがなくなります。
利点は、httpヒットを保存できることです。欠点は、キャッシュできないため、毎回完全なcssをダウンロードする必要があることです。
また、CSSを縮小して、ある程度難読化することもできます。しかし、CSSをダウンロードした人からCSSを実際に隠すことはできません。
私の知る限り、ユーザーがこれらのファイルを見るのを防ぐことはできません。彼らはこれらのファイルを見ることができ、必要に応じてダウンロードすることもできます。
できることは、JavaScriptコード用のJSMinifierのようなある種のミニファイアを使用してこれらのファイルをミニファイすることだけです。