Edgeをとことん追いかける(IE判定編)

Edgeをとことん追いかける(IE判定編)

どうも、さむらいです。
今回は、みんな気になる IE 判定についてCheck it out!
(Edge は IE じゃないことをここで明確にするのだ!)

IE向けのお作法

IE8 では addEventListener でイベントを設定することができません。代わりに attachEvent でイベントを設定していました。Edge はどうでしょう?開発者ツールを開きコンソールで以下のコマンドを入力してみました。

image10

document.body に addEventListener が補完されますね。無事使えそうです。
では、attachEvent はどうか?

image09

候補に出てきません。一安心。

IE9 からは addEventListener でイベントを設定できるようになっているので、その流れは無事に踏襲された様子です。良かった良かった。

attachEvent はもはや闇に葬り去られた過去の遺物です。そんなものを使っているブラウザはサッサと捨て去りましょう。

そして次。IE かどうかは、ActiveXObject の有無でも判定できました。Edge はどうか?以下のコマンドをコンソールから試してみます。

window.ActiveXObject

image01

見事に Undefined です。つまり Edge ではもはや ActiveXObject も利用してはならない(断言)ということですね。負の遺産が減って MS も内心喜んでいるのでは?

では続いて document.documentMode オブジェクトの有無を確認。

image05

やはりありませんね。IE とは違うのだよ、IE とは!というところでしょうか。

そして setProperty メソッド。これはどうか。

image04

いいですねー。ちゃんと実装されています(どんだけ信用ないんだろうか・・MS)

まとめ

ここまでチェックしたところ、Edge 上の JS は Chrome 等と同じように扱っても良さそうな雰囲気です。

まぁ、そもそも Edge がデフォルトで開くページが MSN なので、きっと最新の技術を使っているであろうこのページが上手く開かなかったら、MS なにやってんのwwwって話になるし、きっと動作的には大丈夫なんでしょう。

当社のサービスの管理画面は対象ブラウザを Chrome に限定しているので、実はFireFox では上手く動きません。でも Edge で見てみたところ、一部を除きほぼ正常に動作しました。意外と完成度高いかも?

ということで、今日はここまで。

次回の記事では localStorage と CSS をチェックしていきます!
ではまた!

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでこちらから行うことが可能です。

あなたにおすすめ

仮想環境で『Ansible』を使ってサーバ構築... 最近、サーバ構築を実施する必要がありました。 まずは仮想環境を作り、サーバ構築を……と思ったのですが、私はインフラ周りの経験が浅く、色々困ったことが頻出してしまいました。 今回の記事では、私と同じような “サーバ構築ビギナー” ...
「Puppeteer」+「LINE Notify」でサイトの更新時のみ通知を受け取ってみる... 前回の記事では閲覧数向上が期待できそうなキーワードの「Puppeteer」と「LINE Notify」のそれぞれの解説、およびサイトのサムネイルを通知してみるといった試みを実施してみました。 <bitWave関連記事『「Puppeteer...
Vue.jsで社用登録データフォームを作ってみた... 今回は社内用データ登録フォームを作ろうと思い、初めて「Vue.js」を試してみることにしました。 「Vue.js」は使い方、書き方も簡単で、初心者もすぐ活用できるjsだと思いましたので、この場を借りて共有させていただきます。 なお、...
「Puppeteer」+「LINE Notify」でサイトのサムネイルを通知してみる... 今回は記事閲覧数が期待できそうなキーワードを用いて、ブログを書いてみようかと思います。 そのキーワードとは…… 「Puppeteer」と「LINE Notify」。 「Puppeteer」って何? 「LINE Notify」って...