Paroday

Paroday:ニュースやアニメのレビュー、FC2ブログのテンプレート・プラグインなどを配信しています。

もしかして Parody ではありませんか? yes

移設済みFC2ブログ、レスポンスヘッダのIE=EmulateIE7指定が無効に

追記:現在はIE=EmulateIE7の指定が復活しています。HTML5やCSS3を有効にするにはmeta要素の指定が必要です。


 FC2ブログは2010年5月下旬からHTTPレスポンスヘッダで『IE=EmulateIE7』を指定しているため、IE9で閲覧してもIE7のレンダリングで表示されます。具体的にはIE9でサポートしているHTML5やCSS3などの機能を使うことができません。

 これを回避するためにはテンプレートHTMLのhead要素内にdocumentMode(ドキュメントモード)を『9』にするmeta要素を挿入する必要がありました。

 しかし現在はサーバ移設済みのFC2ブログでのみレスポンスヘッダの『IE=EmulateIE7』が無効になり、meta要素を挿入する必要がなくなっています。
※IEの[ツール][互換表示設定]で『fc2.com』を追加したり、マイクロソフトからのサイト一覧を含んでいる場合は除く。

 ただしサーバ移設済みFC2ブログの全ページの指定が無効になっているわけではなく、タグページ検索ページコメント編集ページでは依然として『IE=EmulateIE7』が指定されています

 したがって、『IE=EmulateIE7』が指定されていないFC2ブログページ

 サーバ移設済みの番号ありFC2ブログ(http://id.blog番号.fc2.com/)で、『タグページ』と『検索ページ』『コメント編集ページ』を除くページということになります。

http://id.blog番号.fc2.com/ …トップページ
http://id.blog番号.fc2.com/blog-entry-no.html個別ページ
http://id.blog番号.fc2.com/page-1.html送りページ
http://id.blog番号.fc2.com/blog-category-1.htmlカテゴリページ
http://id.blog番号.fc2.com/blog-date-201201.html月日ページ
http://id.blog番号.fc2.com/archives.html(全)記事一覧

※もしかすると例外的なサーバやブログもあるかもしれません。

『IE=EmulateIE7』指定が無効になったことによる影響

 今まではIEの表示が崩れてなかったのに最近崩れるようになったという場合はテンプレートHTMLの <head> 後に以下のコードを追加します。

<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />

 追加する場所はhead要素内ですが、他のstyleやlink要素などの前に入れないと機能しないことがあります(X-UA-Compatibleより後で外部ファイルなどを読み込ませる)。

 これはどうしても崩れが直らないときの方法です。このコードを追加しなくても崩れないようにテンプレートHTML・スタイルシートを修正するのがベストです。

※テンプレートがXHTMLでない場合は閉じタグは不要です。

<meta http-equiv="X-UA-Compatible" content="IE=7">


 タグページなど一部のページでは『IE=EmulateIE7』が指定されていることや今回の変更が元に戻る可能性もあるため、IE9でサポートしているHTML5やCSS3などの機能を有効にするときは、引き続きテンプレートHTMLの <head> 後に以下のようなコードを追加しておいた方が無難かもしれません。

<meta http-equiv="X-UA-Compatible" content="IE=9" />

備考

 移設済みサーバも中国向けアドレス(fc2blog.net)ではこれまでと同じく『IE=EmulateIE7』が有効になっています。

 IEで閲覧することで『IE=EmulateIE7』の無効を確認できます。

 『IE=EmulateIE7』が外れたページのレスポンスヘッダには『X-FC2-Cache』というキーが追加されています。値は『Use』または『On』となっています。このキーはサーバ番号なしのブログや移設がまだの番号ありブログにはありません。

 サーバ側のキャッシュと関連してなのか、最近は『環境設定の変更』や『テンプレートの更新』『記事の更新・修正』が反映されにくくなっており、投稿した記事のカテゴリページなどへの反映にも遅延が見られるようになっています。酷いときは反映まで1日以上かかります。

関連記事
  1. comment

コメント

Icon ※必須 :
Pass  ※入力した英数字を識別コードとしてNoに表示(123→LkZag.iM)