6

(諸般の事情で該当のコードなどを提示することができないのですが、問題解決のために必要であれば別途用意いたします)

表題の通り、InternetExplorer 11 において、開発者ツールを立ち上げていないと期待した挙動をしない問題に直面しております。

いずれも JavaScript の絡んだ処理でしたので、ドキュメントモードなどが原因かと思いましたが、 meta タグを用いて以下のようにドキュメントモードを明示的に指定しても期待した動きになりませんでした。

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

開発者ツールを立ち上げると、リロードもせずに期待した動きをするようになります。
問題の切り分け、原因として何が考えられるでしょうか。

なお、 Firefox、GoogleChrome ではとくに問題なく動作いたします。

追記:ご指摘をうけ、利用している JavaScript のライブラリ、フレームワークを追記しました。

  • jQuery 2.1.4
  • Backbone.js 1.2.1
  • Marionette.js 2.3.1
  • lodash.js 3.8.0

追記2:調査を進めた結果、サーバーに問い合わせが発生する箇所で、本来サーバーに記録されるログすらも生成されていないことが判明しました。
これらは全て Ajax 通信によるやりとりのもので、やはり開発者ツールを立ち上げると正常にログが記録されておりました。

2
  • 1
    使われているJavaScriptのライブラリとバージョンなどは提示しないと回答が得にくいかと存じます。
    – A-pZ
    Commented 2015年6月10日 6:04
  • 大変失礼いたしました。JavaScript のライブラリ、フレームワークについて追記しました。 Commented 2015年6月10日 7:39

4 件の回答 4

11

開発者ツールを立ち上げていないと期待した挙動をしない問題

この部分がどの様な現象かわからないので、推測になりますが...

サーバーに問い合わせが発生する箇所で、本来サーバーに記録されるログすらも生成されていない

IEのajaxのキャッシュの問題ではないでしょうか?

$.ajaxSetup({
    cache: false, // こいつを追加
});

参考サイト
http://www.tailtension.com/jquery/1384/
http://nobnoob.hatenablog.com/entry/2013/03/10/080419
他にも「ie ajax キャッシュ」で検索すると沢山出てきます。

1
  • ご指摘のとおり、Ajax キャッシュ問題によるものでした! 提示していただいたコードをあらかじめ実行しておくと、その後の Ajax 通信が期待通りの動きになりました。 また console 問題についても、読み込んでいる外部ライブラリに一部埋め込みがあったため、別回答にて提示していただいたコードを試してみたところ、それに絡んだ問題が解決されました。 Ajax キャッシュ問題は古くから認識されていた問題だったのですね。大変勉強になりました。ありがとうございました。 Commented 2015年6月10日 12:05
7

手元にIE11が無いので、確認はできていないのですが、以前にIE9でconsole.logを使った時に、consoleオブジェクトがundefinedでエラーになることがありました。

console.logに対応していない場合は, ロード時にとりあえずconsoleオブジェクトとconsole.log関数を生成してエラーにはしないようにすることで対応ができました。

(function () {
    if (typeof window.console === "undefined") {
         window.console = {}
    }
    if (typeof window.console.log !== "function") {
         window.console.log = function () {}
    }
})();

参考サイト
http://qiita.com/1987yama3/items/c761cfc241033ffbfab5

2

超ローテクになりますが、正常に動作するところまで、怪しい部分をコメントアウトして、原因の箇所を特定するという方法はいかがでしょうか?

正常に動作するところから少しずつ、コメントを外してコードを追加していけば、エラーの箇所が特定できます。

どこが悪いか皆目検討がつかない時につかえる手法です。

2

IE11でドキュメントモードが使用されるときのフローチャートがわかりやすいでしょうか。X-UA-Compatible meta tagでの指定はIE=8までとされています。
IE11でのedgeモードは

<!doctype html>

での宣言となります。またその際、ローカルの互換表示一覧とイントラネット設定の影響も受けます。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。