Internet Explorer 10 での変更

27 4月

Internet Explorer 10 が公開されていますが、色々と変更がありました。以前に、クロスドメインリクエストが可能となるという情報もありましたが、これは後で検討するとして、まず条件付きコメントが使えなくなった件などを書きます。

条件付きコメントが使用できない

参照サイト

http://msdn.microsoft.com/ja-jp/library/ie/hh801214%28v=vs.85%29.aspx

 

 以前は下記のように IE であるかどうか判断していました。

<script type="text/javascript">
//<![CDTA[

find_msie.use = "no";

function find_msie() {

// IEかどうか判定

find_msie.use = 'yes';

}

//]]>
</script>

<!--[if IE]>

<script language="JavaScript" type="text/javascript">

find_msie();

</script>

<![endif]-->

この下の方のスクリプトは、IEでのみ実行されていたのですが、IE10では、このようなコメントが無視されるようになりました。

自分で作成しているe-Learningのコンテンツでも、この条件付きコメントを利用して、IEであるかどうかを判断し、IEであれば通信機能を組み込んだ flash を読み込んで、クロスドメインリクエストをしていました。それが最近、IEでうまく動かなくなった様で、原因を探していました。
 少なくとも、上記のようなコードは書き換えないといけません。IEかどうかの判断をするために、下記のサイトが参考になります。

参照サイト

http://rfs.jp/sb/javascript/js_lab/cc_on.html

 

IEかどうか判断するサンプルです(あまり検証していないのですが)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html><head>

<meta content="text/html; charset=UTF-8" http-equiv="content-type">

    <title>test for simple question</title>


<script type="text/javascript">
//<![CDTA[

function startup() {

if (/*@cc_on!@*/false) {

alert('You use IE.');

} else {

alert('You do not use IE.');

}

}

//]]>
</script>

</head>

<body onload="startup();">

</body>
</html>

IE10 でも機能します。

MathJax の変更

MathJax のサイトを変更することになりました。

参照サイト

https://groups.google.com/forum/#!topic/mathjax-users/WQBB3alo-b0

 

MathJax も上記のサイトに記されているのと同じエラーが出るようになりました。これは参照サイトを変更すればだいじょうぶなようです。
httpsの方ですが、下記のサイトに変更しました。例によって、実際には無いファイル(local.js)を参照して、キャッシュされることを防いでいます。

    https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML,local.js

グラデーションの変更

ボタンに加えていたグラデーションが効かなくなったので、多少変更しました。

  • 旧:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffffff’, endColorstr=’#dddddd’);
  • 新:background: linear-gradient(to bottom, #ffffff, #cccccc);

古い方もそのままcssに残しています。