Warning: Use of undefined constant singlepost - assumed 'singlepost' (this will throw an Error in a future version of PHP) in /home/xs376808/c-mdc.jp/public_html/wp-content/themes/cmdc/single.php on line 1
カスタマイズの際の異なるブラウザでの表示確認 - ホームページ制作・WordPress制作・WordPress導入・ブログ制作 | contrast |

カスタマイズの際の異なるブラウザでの表示確認

こんにちは。

CSS を編集して、いざ確認してみたら・・・・

IE では思い通りに表示されていたのに、FIREFOX では表示がおかしい・・・

または FIREFOX では思い通りに表示されているのに、IE で表示がおかしい・・・

そんな経験はありませんか?

ブラウザの違いだけでしたら複数のブラウザをインストールして全てで確認すれば良いのですが、

それも面倒なことですよね。

まして、WINDOWS と MAC の異なるOSによる表示の違いもありますし。

そんな時に便利なツールやサイトは幾つかありますが、最近私が使っているのがこちらです。

Adobe BrowserLab

使い方は、まずサイトにアクセスして Adobe のサイトに登録をします。

すでに登録されていらっしゃる方は、”Sign in” してください。

+creative|アメブロスキンのカスタマイズ///CSS編集///オリジナルスキン

登録後、”Sign in” しましたら確認したいサイトの URL を入れてください。

数秒後にブラウザごとの表示画面が出てきます。

左のメニューからブラウザや OS を切り替えながら表示の違いを確認出来ます。

+creative|アメブロスキンのカスタマイズ///CSS編集///オリジナルスキン

また、二画面にして比較することも出来ますよ。

+creative|アメブロスキンのカスタマイズ///CSS編集///オリジナルスキン

他のサイトに比べて、表示までの時間が早かったり、使い易いインターフェイスなのでオススメです。

一度、お試し下さいね。