ホームページ  >  記事  >  バックエンド開発  >  同じコードですが、ブラウザで F12 を押した後にコードにこのようなギャップがあるのはなぜですか?

同じコードですが、ブラウザで F12 を押した後にコードにこのようなギャップがあるのはなぜですか?

WBOY
WBOYオリジナル
2016-06-23 13:54:241667ブラウズ

ソースコード:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body></body></html> 


非常にきれいなコード

Elements の PHP Chrome F12 で直接記述



これは、コードを渡した後、上記の HTML コードを直接出力すると、次のようになります。


これは、HTML コードを PHP ファイルに直接記述することの効果です。なぜこれほど大きな違いがあるのでしょうか。


ディスカッションに返信(解決策)

ob関数を使用してphp出力をインターセプトし、ファイルに保存します
次に、ファイル間の違いを比較します
違いがない場合、それはブラウザの問題です、そしてあなたにできることは何もありません
違いがある場合は、違いの理由を分析しましょう

中央の画像のコード。厳密に言えば標準ではありません。ただ、もしかしたらブラウザにエラー修正機能があるかもしれないので、効果は同じかもしれません。

真ん中の画像のコード。厳密に言えば標準ではありません。ただ、もしかしたらブラウザにエラー修正機能があるかもしれないので、効果は同じかもしれません。



最初のソース コードは、DW を使用して直接作成された新規ファイルです。変更は行われませんでした。
私は Chrome ブラウザを使用しており、FF と Chrome の両方を試しました。ソースコードを見てみると、同じことがわかります。
Elements で F12 開発ツールを使用します
最初の画像には本文の下に 2 つの引用符がありますが、どうやって出てきたのかわかりません

2 番目の画像はソース コードと同じように見えます。

とても落ち込んでいます!

ヘッダーのコンテンツが本文に表示されます。HTML ページは DOM ヘッダーを持つ UTF8 ファイルですか? エディターを使用してこのページを DOM なしのページに変換してみてください。これはメモ帳でファイルを編集したものです。途中で DOM ヘッダー ファイルがトランスコードされました。

ue、ediplus、phpstorm で空のファイルを直接作成し、そこに既存のファイルの内容をコピーすることをお勧めします。


ファイルをメモ帳で編集し、途中でトランスコードして作成したDOMヘッダファイルです。

ue、ediplus、phpstorm で空のファイルを直接作成し、そこに既存のファイルの内容をコピーすることをお勧めします。 訂正 DOM ではなく BOM です


とにかく、あなた方 2 人が問題を見つけるのを手伝ってくれました。 !以前は Editplus を使って PHP を編集していましたが、最近、非常に使いにくい Notepad++ を調べてみたところ、この問題が発生しました。 !それは緊急事態です! ! !数日間悩んだのですが原因が分かりませんでした! ! !

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。