IMUZA.com

Xserver<<WordPress(ConoHa)<<はてなブログ

ホーム / WebTips / はてなブログテーマ=対応ブラウザはどこまでにすべきか?

はてなブログテーマ=対応ブラウザはどこまでにすべきか?

2016/05/20 WebTips, はてなブログ

どこまで旧式ブラウザに対応するか、主に IE, iOS-Safari, Android の話になるのかと思いますが、結構悩ましい問題です。

などと、はてなブログテーマ hyperspace を作るうえで迷っていたのですが、あらためて「はてなブログテーマ制作の手引き」を見てみましたら、そもそも公式でさえ、IE9以下は捨てられているではありませんか! Chrome, Firefox, Opera, Safari の最新版と IE11 となっています。


  • デスクトップ環境

  • モバイル環境

問題は、Androidブラウザと iOS-Safari ですね。これらのブラウザって、OS とくっついていて、古い機種を使っている限りバージョンは上げられないですよね。

iPhone や Mac のことはよく分からないのですが、実際に、手元の iPhone4 は、OS が 7 で Safari が Version7.0 となっていますし、Android は OS が 4.2.2 で…、え? Androidブラウザのバージョンってどうなってるの?

モバイルは後回しにしましょう。

デスクトップ環境

下の図は、当サイトの開設してからこれまで(10ヶ月)の訪問者の OS と ブラウザのピボットテーブルです。主なデスクトップOS を太字で強調しています。下の表は、IE のバージョンの内訳です。8、9、10 も、全体からすると僅かですが、まだまだ使われているんですね。これらは今年の1月末でサポートが終了しています。

余計なことですが、Vista は、2017年4月11日までサポートが延長されていて、IE11 はインストール出来ないという状態になりますね。これっていいんですかね?

ということで、デスクトップ環境は、Chrome, Firefox, Opera, Safari, Edge の最新版と IE11、可能であれば IE9 以上ということにしましょう。

モバイル環境

同じく当サイトの訪問者、Safari と Androidブラウザの比率です。それぞれを 100% としての比率です。Safari の 600番台は多分 WebKit のバージョンでしょうね。やはり 7 はそこそこいます。

Androidブラウザの方は、調べてみますと、Android4.4 以降にはインストールされていなく、代わりに Chrome が標準になっているようです。で、このAndroidブラウザは、もうすでにサポートはされていないようです。

Safari(iOS は、1~4,9,10)
Androidブラウザ

ということで、モバイル環境は、Safari7 や Androidブラウザでは支障なく記事が読める状態にはするということにしましょう。問題は、Safari8 はチェックする環境がないということでどうしましょう?

hyperspace じゃなくなってきた=はてなブログテーマ hyperspace (5)
はてなブログテーマ hyperspace=クロスブラウザチェック
Twitter
Facebook
ブックマーク
LINEで送る

最初のサイドバー

最新記事

2023/03/21

WordPress:メール送信にGmailのSMTPを使う(プラグインなし)

2023/03/10

WordPress:サムネイル付き次の記事/前の記事

2023/02/28

Twitterシェアリンクはintent/tweetを使おう

2023/02/21

GoogleタグマネージャーとアナリティクスGA4

2023/02/8

WordPress:人気記事を直近の期間指定で表示する

最新記事を一覧で見る

よく読まれている記事

よく読まれている記事を一覧で見る

カテゴリー

  • はてなブログ214
  • WebTips109
  • javascript98
  • Joomla!88
  • Windows68
  • Wordpress65
  • CSS63
  • Joomla!更新53
  • Linux49
  • はてなテーマ45
  • Google34
  • Plamo33
  • はてなプラグイン25
  • php22
  • Node.js18
  • Ubuntu16
  • SASS16
  • laravel415
  • Chrome11
  • cms-style10
  • iPhone9
  • ConoHa WING6
  • Git入門6
  • genesis6
  • Python5
  • Android5
  • PC全般4
  • Facebook4
  • スマートフォン4
  • 静的サイトジェネレーター3
  • Firefox3
  • SSD3
  • Blankslate3
  • Docker3
  • Twitter2
  • GitHub2
  • Mactype2
  • はてなブクマ1
  • 映画1
  • youtube1
  • rails入門1
  • Xserver1

Footer

My Web Sites

  • @半径とことこ60分
  • そんなには褒めないよ。映画評
  • IMUZA.com
  • GitHub

Related Sites

  • WordPress公式
  • WordPress関数リファレンス
  • PHPマニュアル

Contact Us

  • お問い合わせフォーム
  • Twitter
  • Facebook
  • Feedly

Copyright © 2023 · IMUZA.com