Macを使って、ブログやサイトを運営していると、
「Windowsだと、どんな感じで表示されているのだろう？」
と、気になることがないでしょうか。
今回は、「Windowsでのサイトの見え方をチェックする方法」をご紹介します。
クロスブラウザチェックツール「browserling」
『browserling』は、
- Google Chrome
- Internet Explorer
- Safari
- Firefox
など主要なブラウザでの、サイト表示をチェックできるツールです。
（※執筆時点では、利用できましたが、いつ利用できなくなるかは分かりません…。）
「browserling」の使い方
「browserling」の、使い方。
- 入力欄にサイトURLをコピー・アンド・ペースト
- ボタンを押す
すると、選択したブラウザでのサイトを、表示してくれます。
「browserling」の活用方法
「browserling」の、活用方法。
上述のように、Macを使って、ブログやサイトを運営していて、
「Windowsだと、どんな感じで表示されているのだろう？」
と、気になったとき等に活用すると良いでしょう。
クロスブラウザのチェックはできるけど…
クロスブラウザのチェックツールは、色々とあります。
- Google Chrome
- Firefox
- Safari
- Opera
- …etc
といった、ブラウザの表示をチェックするツールですね。
ですが、Windowsでのサイトの見え方をチェックできるツールは、あまりありません。
表示をチェックしよう
- フォントの表示
- サイトレイアウトの確認
- …etc
MacとWindowsでは、表示が違かったりします。
とはいえ、新たにWindowsパソコンを購入して、チェックするまででもない。
そんなときには、ツールを使って、表示をチェックするのは、どうでしょうか。
その他のクロスブラウザチェックツール
「browserling」以外にも、
- BrowserStack
- LambdaTest
- Sauce Labs
- Testingbot
- BitBar
- Selenium
- …etc
といったツールがあるようです。
こういったツールは、いつ利用できなくなるか分かりません。
（「browserling」も例外では、ありません…。）
利用できなくなった場合は、その他のツールを利用してみると良いですね。
その他の方法
その他の方法としては、
- Windows実機でのチェック
- Boot CampでMac内でチェック
- Mac内でバーチャルWindowsを立ち上げてチェック
といった方法があります。
その他の方法の注意点
Windows実機でのチェックが、間違いないですね。
Boot Campは、Intelプロセッサが搭載されたMacが必要です。
Mac内でバーチャルWindowsを立ち上げるには、専用のサービスを使う方法があります。
（たとえば、「Parallels」といったサービスです。）
ちなみに、スモールビジネスオーナーには、Macがおすすめです。
編集後記
今回は、「Windowsでのサイトの見え方をチェックする方法」についてご紹介しました。
「browserling」を使えば、
- Windows実機でのチェック
- Boot CampでMac内でチェック
- Mac内でバーチャルWindowsを立ち上げてチェック
など、MacにWindows環境をインストールしたり、パソコンの2台持ちをせずに済みますね。
参考にしてみてください。
動画
音声
よくある質問（FAQ）
MacユーザーがWindowsの表示を確認する必要はありますか？
はい、必要なケースは多いです。MacとWindowsでは、フォントやレイアウトの描画が異なります。サイトを運営しているなら、閲覧者の多くはWindowsユーザーです。自分の環境だけで確認していると、意図しない崩れに気づけないことがあります。
browserlingは無料で使えますか？
無料プランが用意されています。ただし、無料プランには制限があります。たとえば、利用できるブラウザの種類や、チェック時間に制限がある場合があります。まずは無料で試してみて、必要に応じてプランを検討するのが良いでしょう。
browserlingはいつまで使えますか？
残念ながら、保証はできません。こういった無料ツールは、サービス終了のリスクがあります。使えなくなった場合は、BrowserStackやLambdaTestなど、他のツールを検討してみてください。
ツールを使う以外に、Windowsの表示を確認する方法はありますか？
はい、いくつか方法があります。もっとも確実なのは、Windowsの実機でチェックすることです。それが難しい場合は、ParallelsなどのサービスでMac上にWindows環境を構築する方法もあります。ただし、ツールを使う方が手軽で、コストもかかりません。
Boot Campは現在のMacでも使えますか？
Boot CampはIntelプロセッサ搭載のMacが対象です。AppleシリコンチップのMacには対応していません。最近のMacをお使いの場合は、Parallelsなど仮想化ソフトの利用を検討してください。
サイトの表示確認は、どのタイミングで行うべきですか？
主に次のタイミングをおすすめします。サイトを新たに公開したとき。デザインやレイアウトを変更したとき。新しいプラグインやテーマを導入したとき。こまめに確認する習慣をつけると、トラブルの早期発見につながります。
スマートフォンでの表示も確認できますか？
browserlingはPC向けのブラウザ確認ツールです。スマートフォンの表示を確認したい場合は、別のツールを使うか、実機で確認するのが確実です。WordPressのサイトであれば、Chromeのデベロッパーツールでモバイル表示を模擬確認できます。