2019/10 抑えておくべきブラウザの種類
ついつい動作確認するのを忘れて、特定のブラウザでのみバグを発生させてしまうことがあると思います。 そこで今回は基本となるブラウザの種類と個人的な印象について紹介します。 また、モバイル版ブラウザはPC版と違った事情があるため、把握しておくと動作確認する助けになります。
Chrome
WindowsでもMacでも利用できるしDev Toolsが便利なのでDeveloperはChromeで開発することが多いため、Chrome特有のバグは発生しにくいイメージ。
iOS版
iOSの仕様でBlinkは使えないので、Chromeの皮を被ったSafari。
Android版
昔はPC版と別ソース?で特有のバグが発生することがあったが、今はPCと一緒なのであまり発生しない印象。
Firefox
![](https://www.mozilla.org/media/img/logos/firefox/logo-quantum-wordmark-white.8826129afb1d.png)
新機能の実装スピードは比較的早いが、非営利組織である強みを活かしユーザや社会貢献を第一として、他社が提案する仕様がユーザに不利益となりそうであれば反対するポリシーを持つ。
JS周りでのバグはあまりないが、Chromeとはレンダリングロジックが違うためにCSS周りでまれにバグる印象。
iOS版
iOSの仕様で自前のエンジンは使えないので、Firefoxの皮を被ったSafari。
Android版
モバイル版エンジンを開発することが難しくWebviewを利用していたが、最近は自前エンジンを使っているので特有のバグが発生する可能性はある。
Safari
![](https://www.apple.com/v/safari/k/images/overview/safari_icon__ep64chrczuky_large.jpg)
JS周りでのバグはあまりないがSafariだけ使えない機能がたまにあるので要注意。CSS周りでまれにバグる印象。
iOS版
PC版と遜色ないが、モバイルデバイスという観点からいくつかの機能が制限されているので要注意。
Edge
![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Microsoft_Edge_logo.svg/512px-Microsoft_Edge_logo.svg.png)
JS、CSS両方でバグが発生することがある。IE11とセットで発生する傾向にある。 後述する理由で2019年は新機能・新仕様の追従は滞っているので要注意。
2018年12月、Microsftは方針転換をしブラウザのすべてを自社で開発せず、ChromiumをベースとしたEdgeとしてくことを発表した。Windows7版、Mac版も作るらしい。現在開発中で、2020年第1四半期までにはリリースとなるかも。 Windows7版Edgeが出ればIEの早期退場につながる可能性も。
iOS版
iOSの仕様で自前のエンジンは使えないので、Edgeの皮を被ったSafari。
Android版
EdgeHTMLは使われていないので、Edgeの皮を被ったChrome。
IE11
![](https://i.gzn.jp/img/2019/01/30/ie10-discontinue/a02.png)
Windows7, 8ではEdgeはインストールできないためIEを使い続けるユーザが多数存在する。 そのためサポートが終了する2023年1月までは、IEは残り続けるという見方もある。
JS、CSS両方で特有のバグが発生することがある。 最新機能・最新仕様への追従はしていないので要注意。 Developerは普段使いしないことが多いが、ユーザ数としては多いので確認を怠ると大変なことになりがち。