HTTP ヘッダや META 要素に指定する、X-UA-Compatible による IEのドキュメントモードの変更

実際に遭遇して対処した事がありますが、

IE9 では動かない WEBアプリケーションの為に、IE8 のドキュメントモードで強制的に動かす為の META 記述

その時、Microsoft の正式文書をリンクするのを忘れていたので。

Defining Document Compatibility

さらに、可能な最高バージョンで表示する書き方として、以下のような書き方も紹介されていました

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=5" >

同ページで、JavaScript でドキュメントモードを知る方法も書かれています

<script type="text/javascript">
engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer")
{
   // This is an IE browser. What mode is the engine in?
   if (document.documentMode) // IE8 or later
      engine = document.documentMode;
   else // IE 5-7
   {
      engine = 5; // Assume quirks mode unless proven otherwise
      if (document.compatMode)
      {
         if (document.compatMode == "CSS1Compat")
            engine = 7; // standards mode
      }
      // There is no test for IE6 standards mode because that mode  
      // was replaced by IE7 standards mode; there is no emulation.
   }
   // the engine variable now contains the document compatibility mode.
}
alert(engine);
</script>

Document.compatMode

Seesaaプログの「 同一カテゴリの最新記事」を使った記事下広告の設置方法と。ついでに Google の +1ボタンの設置。

if:list_category_article によって、インデックス(トップ)ページでは、先頭の記事の下
に展開され、単独記事ページでもその記事の下に展開される特殊な条件です。これをもし
使わない場合は、トップページの場合全ての記事が表示し終わってからでないと、付加コン
テンツを設置できないので、あまり良い形とは思えないのです。

ただ、同一カテゴリ内で記事が一つしか無いと表示されないのが難点です。

それと、位置的には近くに純粋に記事下の場所があるので、そこへ Google の +1 ボタンを
設置しています。これは、単独記事のみ表示されますが、テストの為 article.page_url 
を使ってhref 指定をしてみました。

<!-- 本文 -->
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %>
<g:plusone count="false" href="<% article.page_url %>"></g:plusone>
<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %>
<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>

<!-- 同一カテゴリの最新記事 -->
<% if:list_category_article -%>

<div>
追加コンテンツ
</div>

<div class="listCategoryArticle">
【<% article_category.name %>の最新記事】<br />
<ul>
<% loop:list_category_article %>
<li><a href="<% article.page_url %>"><% article.subject | text_summary(100) %></a></li>
<% /loop %>
</ul>
</div>
<% /if %>

</div>

<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8"><!--
seesaa_bookmark_services = "<% blog.bookmark_service %>";
seesaa_article_page_url = "<% article.page_url %>";
seesaa_article_subject = "<% article.subject | jsescape | tag_strip %>";
seesaa_blog_url = "<% site_info.blog_url %>";
//--></script>
<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>

Seesaa独自タグ簡易リファレンス

Microsoft 圧縮 (LZH 形式) フォルダ

Windows XP や Vista では以下からダウンロードしてインストールすると使えるようになります。

Microsoft 圧縮 (LZH 形式) フォルダの使い方

Microsoft 圧縮 (LZH 形式) フォルダ よく寄せられる質問 (FAQ)

で、肝心の Windows7 では日本語版で標準搭載されていたのでした。
( あえて、Windows で解凍しないので気がつきませんでした )

Windows 7 | 従来の Windows との違い【前編】 - 4 - | TechNet

個人的には、7-Zip がおすすめです。

Safari を5.1にアップデートすると、alert でフォーカスがセットされなかった問題が解決していました

JavaScript : Safari for Windows 5.0.3 の困ったバグとその対処方法
 : alert、confirm でフォーカスがセットされていない。

いろいろ調べても、Safari の情報は多く見つけられないのでなかなか裏を取れ無いので自分の経験を書くしか無いのですが、とにかく直ってました。

ただ、Safari をアップデートするにあたって、Apple Software Update を起動しても、Safari が表示されないで、「Apple Software Update」そのものの更新を促され、それを更新して初めて Safara5 の更新が表示されました。

Safari for Windows のアップデートは Apple Software Update



更新後、Safari でバージョンを確認して、リアルタイム HTML でいろいろ試しましたが、きちんと動いていました。