投稿

ラベル(IE9)が付いた投稿を表示しています

古いIE(IE8、IE9、IE10)での動作確認

Web制作において、サポートが終わっていると分かっていても、一定数のユーザーがいることからなかなか切れない古いIE。 さすがにIE8はもう良いでしょとなってきています。 IE9、IE10も良いでしょ、と個人的には思いますけれども、対応出来ないわけでも無かったりするので、じゃあした方が良いかって話しになっちゃったりします。 まぁ減っていたとしても少しはいて、観られるなら観られるに越したことはないのですよね。 (ベンダーのサポートが切れている場合は正式に対応していますとは言えないでしょうけど) で、対応するとなると困るのは検証環境。 サポートが切れた環境なので用意もしづらいのですよね。 IEtesterなんていう古いブラウザをエミュレートするようなソフトを使っていた時期もありましたが、最近では、OS含めて環境自体をバーチャルマシンで動かして確認出来るようです。 ちょっとこの際環境を作ってみました。 (1)VirtulBoxをインストールして、仮想環境を動かす準備をする (2)マイクロソフトから配布されている旧OSのイメージをダウンロードして仮想環境を構築する この2ステップ。 無料です。 ただし、全て自己責任で! (1)について https://www.virtualbox.org/ ここからVirtualBoxというソフトを入れます。 これをインストールするとコンピューターの中に仮想のコンピューターのハードができる感じ。 (2)について https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ このマイクロソフトのサイトからOSのイメージファイルを入手します。 OS+IEのバージョンが選べます。 またプラットフォームはVirtualBox用のものを選んでください。 ダウンロードしたら解凍し、VirtualBoxの「ファイル」→「仮想アプライアンスのインストール」で出てきたファイルを読み込みます。 特に設定変更する必要は無さそうですけどお好みに応じて。 しばらく待つと完了して晴れて使えるようになります。 僕の場合はネットも普通に繋がりました。 注意点は ・ハードディスクの容量が結構必要なこと ・マイクロソフトのOSイメージは...

IE11開発者ツールのエミュレーションでIE9

IE9なんてもう過去の遺物なんですけど、どうしても対応せい、ということもあるわけで、しかし実際に確認できる環境を用意するのも一苦労だったりして。 で、仕方がないのでIE11の開発者ツールについているエミュレーター(エミュレーション)で、IE9モードにしてとりあえず見てたりします。 で、おおざっぱにはIE9っぽい動きになってくれるのですけれどもどうもこれが不完全でして。 例えば、css3のtransformという設定はIE9ではプレフィックスなしでは効かないはずなのですけれども、エミュレーションだと効いてしまう。。。 あくまでエミュレーターだから100%信頼できるとは思っていないけど、それにしてももうちょっと再現性を高くしてほしかったところです。 ちなみにcss3のtransformをIE9で聞かせるには「-ms-」というプレフィックスが必要です。 念のためにプレフィックス付きの設定も一緒に入れておくことに多分デメリットは無いんですけれども、どうしても不要ならできるだけ減らしたいという思いがあって抜いてしまうとIE9でハマるという、罠に堕ちました。。。 IE9は2016年中にほぼサポートが終了、WindowsVista版のみ、OSの都合上IE10が入らないことからサポートが続いていましたが2017年4月11日をもってマイクロソフトのサポートが終了したようです。 サポートしていないブラウザには対応したくないのですが、アクセス解析で見ると、全体の1~2%程度のシェアはあるようで、月間10万人来るサイトだと1000人くらいですか。 うん、少なくない。 しかしここから、「ほぼゼロ」というレベルになるまではたぶん相当時間がかかると思われるし、ほんと、そこに対応する意味があるのかどうかは考えたほうが良いと思う。