しんです。

あなたはネットビジネスでどのブラウザを使用していますか？私はネットビジネス始める前まではFirefoxで、ネットビジネス開始後はChromeです。Chromeは、Firefoxアドオンの拡張機能の種類の豊富さと完成度、ブラウザ自体のレスポンスで一歩及ばずな印象でしたが、スマホ画面を標準で見ることができる点や、Googleが提供しているサービスなのでなにか有利な点が他にもあるかな？と思い使ってます。

Chromeの弱点！やっぱりFirefoxが一番！？

（※これより下の問題点は現在異常なしで普通に使えてます！！）

インターネットビジネスにおいて最近のネットサーフィンのパソコンとスマホアクセスの比率は少なく見積もってもスマホからが7割を超えることから、スマホを意識したサイト作成が非常に大事です。

かといっていちいちスマホから自分のブログ画面チェックをするのはとても面倒で非効率なことから、Chromeの標準機能である「 Chrome　Developer Tools 」の使用法をお伝えしました。

ところが「 Chrome　Developer Tools 」にも弱点があったのです！

WordPressが使えない！？

WordPressはスマホ画面からでも編集できるようになっており、専用のアプリも以前ご紹介しました。さらに、TCDテンプレートの「AN」などを使用すれば、スマホからの接続だとカスタマイズモードで自動的にスマホ用画面になるので便利です。

ただ単にパソコンからスマホ設定を編集するだけの場合は大丈夫なのですが、問題はスマホ画面のプレビューを確認しながら（カスタマイザー内）作業を進める時です。
「 Chrome　Developer Tools 」を使ってWordPressダッシュボードに移り、カスタマイズで「プレビュー」をクリックしてスマホ画面を確認すると・・・

・・・なんなんでしょう、これは。下半分以上が切れてしまい、これではプレビューの意味が無いです。Chromeのどこの設定を変更すればよいのかいくら調べてもさっぱり分からないので、とりあえずスルーします。

Firefoxの拡張機能で解決？

Firefoxのアドオンを使用します。アドオンを知らない人のために少し解説を。アドオンとはWordPressでいうところのプラグインのような存在です。Chromeにも似たようなものがありますが、Firefoxの方が現時点では豊富です。似たようなアドオンが多数あり私も色々と試しましたが、結果から言いますとFirefoxも下半分が切れてしまいダメでした。

使用したアドオンは「User Agent Switcher]です。これは「今スマホから見てるから専用の画面にしてね」と指令を出してくれる便利なアドオンです。これをしないと、画面だけ小さくしてもレスポンシブ対応のテンプレート側が認識せずに、いつまでたってもスマホ用の設定画面に切り替わってくれません。「UA（ユーザーエージェント）を変える」というらしいですが、なんだか難しそうなので深入りはしませんでした。

これに加えてFirefoxに新しく加わった「ツール」→「ウェブ開発」→「レスポンシブデザインビュー」というものを使いました。これは最新のFirefoxに標準で搭載されている便利な機能で、瞬時（Ctrl+Shift+M）にスマホやタブレット用の画面サイズにしてくれるのです。あらかじめiPhoneやアンドロイドの画面サイズをプリセットしておけばとても快適にスマホ画面にチェンジできます。この二つを使って調整すれば大丈夫なはずだったんですが・・・。FirefoxもChromeも切れてしまい、もう打つ手無しでしょうか？

ChromeでもFirefoxでも解決！

「どうしたらいいんだ！」思わず叫んでしまった私ですが、ふとiPhone以外ではきちんと表示されるのかな？と思い「 Chrome　Developer Tools 」の「Device」の部分を「Sony Xperia Z、Z1」に変更してページを再読み込みしてみました。すると下半分が切れずに綺麗に表示されるではないですか！？

そのまま再び「Device」を「Apple iPhone５」にもどすと・・・出来ました！切れてません！

ただしページを再読み込みしてしまうとまた切れてしまうので、このまま使用します。あれ？これならFirefoxだって出来るんじゃ・・・はい、あっさり出来ました。

ようやく解決することができました。つまり、ChromeFirefox共になぜかiPhoneのUAのみが調子悪いので他のアンドロイドスマホに設定しておけば何でも良さそうです。ただし、フォントサイズも含めてスマホ表示を完璧に再現しているわけではなさそうです。ここらへんは妥協点ですかね。

まとめ

現在はFirefoxでもChromeでもどちらでもスマホプレビューを確認しながら編集できるので、好きな方を選んで良いと思います。わたしは今まで我慢してChromeを使っていましたが、これで再びFirefoxに戻れます。やはりFirefox側に優秀なアドオンが多いので、ブラウザの操作やタブ複製のスピードなど、断然Firefox派です！でも、時代時代でまた変っていくのかもしれません。

ただし、高性能パソコン（COREＩ７やXeon等）を使用している場合、Chromeの方が立ち上がりから操作まで本当に早いのでおすすめです！

会社の高性能パソコンなどでは、両者に差が出ます。普通のノートスペックではChromeのシンプルさという性能を生かしきれないのでしょうか？

追記

何故か下半分が両ブラウザとも切れなくなりました。謎です。とりあえず使えてますので、問題はないのですが…。