ブログ管理ページのブラウザ対応表です。

公開ブログの対応ブラウザはテンプレート次第です。
（公式テンプレートなら、少なくともこのページに記載されているブラウザでの閲覧は全て可能です。）


PCブラウザ

ブラウザ名 (コア名)	バージョン	ステータス	説明
Firefox (Gecko)	85.0以上	推薦	コンテキストメニューが独自UIとなります。
	85.0未満	対応	ブラウザ標準のコンテキストメニューに独自項目が追加されます。
	11.0未満	対応	タグ直接編集機能が利用できません。
	8.0未満	対応	コンテキストメニューが独自UIとなります。
	4.0未満	対応	画像挿入機能からの画像アップロードができません。
	3.0未満	非対応	ブログエディターが利用できません。
IE (Trident)	10.0以上	対応	コンテキストメニューが独自UIとなります。
	10.0未満	対応	コンテキストメニューが独自UIとなります。 画像挿入機能からの画像アップロードができません。
	9.0未満	非対応	ブログエディターが利用できません。
Chrome (Blink)	28.0以上	対応	コンテキストメニューが独自UIとなります。 バージョン28からBlinkとなります。（27まではWebKit）
	4.0以上	対応	コンテキストメニューが独自UIとなります。
	4.0未満	非対応	ブログエディターが利用できません。
Safari (WebKit)	3.1以上	対応	コンテキストメニューが独自UIとなります。
	3.1未満	非対応	ブログエディターが利用できません。
Opera (Presto)	15以上	不明	バージョン15から独自開発のPrestoではなくWebKitとなります。 他のWebkitブラウザと同じ対応状況になると思われます。
	12以上	対応	コンテキストメニューが独自UIとなります。
	12未満	対応	コンテキストメニューが独自UIとなります。 画像挿入機能からの画像アップロードができません。
	9未満	非対応	ブログエディターが利用できません。
Pale Moon(Goanna)	26以上	対応	GoannaレンダリングエンジンがGeckoベースなので全ての機能に対応していると思われますが、マイナーブラウザなので推薦はしません。
	26未満	不明	バージョン26未満はFirefoxベースです。

タッチパネル （モバイル）

ブラウザ名 (コア名)	バージョン	ステータス	説明
Chrome (Webkit)	全バージョン	入力可能	基本的にコンテキストメニューの拡張項目が出ません。
Opera (Presto)	14以上	不明	バージョン14から独自開発のPrestoではなくWebkitとなります。 他のWebkitブラウザと同じ対応状況になると思われます。
	12.10以上	入力可能	基本的にコンテキストメニューの拡張項目が出ません。
	12.10未満	非対応	ブログエディターが利用できません。
Firefox (Gecko)	全バージョン	入力可能	基本的にコンテキストメニューの拡張項目が出ません。
Pale Moon(Goanna)	全バージョン	入力可能	基本的にコンテキストメニューの拡張項目が出ません。
Safari (Webkit)	不明	未確認	Apple系端末でのテストは行なっていません。

テキスト選択とコンテキストメニューの両立できるブラウザが存在しないため、
タッチパネル操作時はコンテキストメニューの拡張機能が無効化され機能が制限されます。


ブログの記事投稿ページでブラウザによる違いが生じます。
その他のページの機能はブラウザによる違いはほぼ発生しません。

エディタ上で右クリックした場合、独自のコンテキストメニュー（右クリックメニュー）を表示します。
ブラウザによってはコンテキストメニューの操作を阻止する設定ができますが、コンテキストメニューが表示されないと一部編集機能が利用できません。

ブログエディタ非対応ブラウザでも、ソースモード（HTML直接入力）で編集して投稿することは可能です。

画像アップロード機能非対応のブラウザでも、ファイルマネージャからのファイルアップロードは可能です。

IPアドレスが変わるとログインセッションが無効になります。
携帯電話に搭載されているブラウザはアクセス毎にIPアドレスが変わる可能性が高いので、通常の認証方法では要ログインページへのアクセスができない可能性が高いです。
その場合はSSLログインページにある「ワンタイム認証」機能を利用してください。

記載されていないブラウザのほとんどは、独自のレンダリングエンジンを持たず、上記ブラウザのいずれかのコアを利用しています。
その場合は、利用しているコアのブラウザと同じ挙動をします。

対応ブラウザで不具合がありましたら報告していただければ助かります。

ブログの管理ツールに、
ブラウザによっては実装されていない機能をしようしているので、
ブラウザによっては管理ツールのフル機能が使用できません。

一部機能が使えない場合でも、
ほとんどのブラウザで利用可能なようには作ってあります。

ブラウザによって大きく動作が変わるのは、ブログ記事の編集ページです。
他のページでは、どのブラウザでもほとんど変わりません。
ただし、IE6については他のブラウザとCSSの仕様が大きく違うため、表示が崩れる箇所があるかもしれません。


ブログのエディターは、
HTMLのcontentEditableという機能を利用してJavaScriptで処理していますが、
その中で、主に、
window.addEventListener()が利用可能かどうか？
window.getSelection()が利用可能かどうか？
で処理を分けてあります。
両方共バージョン8以下のIEが利用不可で、他のブラウザはほぼ使えます。
IEについてもこの機能がIE9で実装されたので、IE9はIE以外のブラウザとほぼ同じ動作をします。


window.addEventListener()は、
ブログエディター内のHTMLでイベントによりスクリプトを実行しにくくするのに利用しています。
ブログ管理ページはwww.rentafree.netですので、
www.rentafree.net上のページでブラウザがプログラムを実行できるのはセキュリティー上好ましくありません。
window.addEventListener()が利用な可能なブラウザは、
イベントによるプログラムの実行を阻止しするため、
管理ページ上でのプログラムの実行が難しくなっています。
（ただし、全てのイベントを阻止できるわけではありません）
IE9についてはイベントでスクリプトを実効するのは難しくなっていますが、
全てのバージョンのIEに、挿入された<script>タグを実行できるというセキュリティーホールが存在するため、IEはおすすめしません。

これらは、得体のしれないHTMLコードを拾ってきてブログエディターに入力した際に問題が生じる可能性があります。
怪しいHTMLコードを拾ってきて、コードの内容を理解せずにブログに投稿する場合などは注意してください。


window.getSelection()は、
タグの挿入機能などで、エディターの選択範囲を置換するのに利用しています。
バージョン8以下のIEでは使えない機能ですが、
代わりにdocument.selectionを利用して置換しています。
タグの挿入機能自体は利用可能に作られていますが、
バージョン8以下のIEでは、他のブラウザと挙動が変わります。


ブログエディターで利用している、contentEditableでは、
Enterキーにより改行が入力された場合、
Firefoxでは<br>が挿入されますが、
IE = <p>
Opera = <p>
Google Chrome = <div>
Safari = <div>
で一行囲むことにより改行風になります。
普通は改行は<br>で行いたいと思いますので、Firefoxのみが推薦ブラウザとなります。
Firefox以外のブラウザ（Safari以外）でも、
Enterではなく、Shift+Enterだと<br>で改行されます。


ブログエディター以外に、
ブログ記事編集画面の画像挿入機能の画像アップロードに、
window.FormData()という機能を利用しています。
これは実装されていないブラウザが多いです。
Firefoxだと4.0から実装されている機能です。
Google ChromeとSafariはFirefoxよりも前から実装されています。
IE、Operaは利用不可です。

画像アップロード機能が利用できない場合は、
アップロードボタンを押した際に、
「このページからのアップロードができないブラウザです。」
と表示されます。
その場合でも、ファイルマネージャからのファイルアップロードは可能ですので、
ファイルマネージャから画像ファイルのアップロードを行ってください。


ブラウザ別の対応表

ブラウザ名	バージョン	ステータス	説明
Firefox	4.0以上	推薦	すべての機能が利用可能で推薦ブラウザです。
	3.x	対応	画像挿入機能からの画像アップロードができません。
	3.0未満	非対応	ブログエディターが利用できません。 画像挿入機能からの画像アップロードができません。
IE	9.0	対応	画像挿入機能からの画像アップロードができません。 Enterキー入力による改行が<p>となります。（Shift+Enterで<br>）
	8.0と7.0	対応	画像挿入機能からの画像アップロードができません。 タグ挿入時の動作が他のブラウザと違います。 Enterキー入力による改行が<p>となります。（Shift+Enterで<br>）
	6.0以下	非対応	表示が崩れます。 Enterキー入力による改行が<p>となります。（Shift+Enterで<br>）
Google Chrome	-	対応	古くなければ全ての機能が利用可能ですが、 Enterキー入力による改行が<div>となります。（Shift+Enterで<br>）
Safari	-	対応	古くなければ全ての機能が利用可能ですが、 Enterキー入力による改行が<div>となります。
Opera	-	対応	画像挿入機能からの画像アップロードができません。 Enterキー入力による改行が<p>となります。（Shift+Enterで<br>）
Konqueror	-	非対応	ブログエディターが利用できません。 画像挿入機能からの画像アップロードができません。

前回予告していました、
ブログエディターのIE9新機能絡みの修正をしました。

IE8よりは格段に標準仕様に近づきましたが、
IE9の動作が他のブラウザとかなり違っていたので、
Firefox等の他のブラウザも含めて処理を修正しました。

変更箇所は主に
<UL><OL><DIV>
です。
その他タグの挿入処理も、
IE9はIE以外と共通化しました。

OperaもIE互換色が強いので変化が大きいです。