ソースコード内にCSSとJavaScriptがインラインで表示されている

ウェブサイトはスムーズに動作しますが、ChromeとIE9でソースを表示しているときに、ファイルへのリンクではなくCSSとJavaScriptが表示されます。 <link rel="stylesheet" type="text/css" href="style.css" />の代わりに<style type="text/css" style="display:none">[my css]</style>と書いてあります。私はこのようなことは他のウェブサイトでは唯一のものではない。ソースコード内にCSSとJavaScriptがインラインで表示されている

これはどのように可能ですか？サーバー設定の特定の変更？

出典

2012-05-02 Sgarz

私たちはそれを見ることができるので、何がうまくいかないの例を投稿することができますか？ –

デベロッパーツールフレームの[スクリプト]タブを誤ってクリックしていませんか？ – redlena

@PatrickRサイトはwww.drawsomethingwords.comで、私はすべてのデベロッパーツールをオフにしようとしましたが、もし私がそれをすべて消してしまっていないなら、それはまだ起こっています。これを行う特定のオプションはありますか？ – Sgarz

ブラウザツールは、デバッグを容易にするためにインライン展開されています。これは単にページの流れを示す便利なものです。ファイルはまだ外部にあり、多くのページで共有されています。

出典

2012-05-02 16:18:10 Fenton

あなたはなぜこのサイトではなく、他のブラウザや2つの異なるブラウザで起こっているのかを私に説明できますか？私はIE9でアクティブなbrowsertoolsを持っていないと確信しています。 – Sgarz

@ user1269707 ChromeやIE9のサイトでこれが発生しないようにするのは難しいです。インラインから外部に切り替えて、変更前にキャッシュされたバージョンを見ていたのでしょうか？ – Fenton

HTMLページには、インライン、外部、および属性ベースの3つの異なる方法があります。

インラインCSSはあなたの現在のものです。 CSSコードがHTMLに直接埋め込まれているときです。

外部CSSは、2番目の例のようにCSSファイルを参照するときです。

属性ベースのCSSあなたが直接HTMLファイルに属性を設定するときです。例：

<div style="CSS HERE"></div>

すべての3つの方法は、同じように動作しますが、抽象化の目的のために、外部スタイルシートが推奨されています。

あなたのケースでは、PHPエディタがおそらくあなたのコードに直接CSSを注入しています。

出典

2012-05-02 16:13:28 Tushar

そして問題は私が外部のスタイルシートを使うことですが、ブラウザにインラインで表示されます。 – Sgarz

PHPエディタはどういう意味ですか？メモ帳のようなエディタやウェブサイトを作成するための特別なソフトウェアですか？ – Tushar

私はPHPStormを意味します。しかし、メモ帳でそれらを開くと、外部リンクのように見えるので、それもOKです。 – Sgarz

ソースコード内にCSSとJavaScriptがインラインで表示されている

答えて

関連する問題