IE11の互換表示で開発者ツールでのデバッグ時と通常時（開発者ツールを開いていない場合）における挙動の違い

• 状況
  • IE11、互換表示モード、F12で開発者ツールを開いた状態だと動く
  • IE11、互換表示モード、F12で開発者ツールを閉じた状態だと動かない
  • Google Chromeだと動く

• 調査
  • jQuery使っていて（ver1.4と古い）、.getJSONや.ajaxのキャッシュかと思ったけど

cashe:false や自前でGETのパラメータを追加しても、動かない状況は変わらない

• 要因と対応
• 困ったな〜　とネットで検索したけど原因つかめず。
  • 1日経過した後、検索ワード変えて、見ると以下がヒットした
    • IE11 で開発者ツールを立ち上げていないと ConsoleAPI や Ajax キャッシュ問題で稀によくしぬ話
      • http://bps-tomoya.hateblo.jp/entry/2015/06/10/IE11_%E3%81%A7%E9%96%8B%E7%99%BA%E8%80%85%E3%83%84%E3%83%BC%E3%83%AB%E3%82%92%E7%AB%8B%E3%81%A1%E4%B8%8A%E3%81%92%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%81%A8%E6%9C%9F%E5%BE%85%E3%81%97%E3%81%9F%E5%8B%95

• • • IE11 で開発者ツールを起動していないと ConsoleAPI や Ajax 通信が期待した挙動をしない
      • http://ja.stackoverflow.com/questions/11204/ie11-%E3%81%A7%E9%96%8B%E7%99%BA%E8%80%85%E3%83%84%E3%83%BC%E3%83%AB%E3%82%92%E8%B5%B7%E5%8B%95%E3%81%97%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%81%A8-consoleapi-%E3%82%84-ajax-%E9%80%9A%E4%BF%A1%E3%81%8C%E6%9C%9F%E5%BE%85%E3%81%97%E3%81%9F%E6%8C%99%E5%8B%95%E3%82%92%E3%81%97%E3%81%AA%E3%81%84

同じ原因だった。
IE11を互換表示で、IE7で動かすと、console.log 関数が存在しておらず
javaScriptがエラーになって、そこで止まってしまう。

(function () {
    // window.console が未定義なら、オブジェクトにする
    if (typeof window.console === "undefined") {
         window.console = {}
    }
    // window.console.log が function でないならば、空の function を代入する
    if (typeof window.console.log !== "function") {
         window.console.log = function () {}
    }
})();

を、共通用のjsファイルに追加して対応した。

互換表示って、かゆいところに届いているんだろうけどさ。
こういったハマりは経験がモノを言うという、開発における重点は　いかにハマリを少なくするかだと思う。
ハマればどんどん深みに、蟻地獄です