スマホ版はてなブログをPCで見る

はてなブログはUserAgentでPCかスマホかを判断しているので、UserAgentを偽装すればPCでも簡単にスマホ版が見れます。

Firefox + UserAgentSwitcher(Firefoxアドオン)でのやり方を書きます。

ブログを書いてる途中だったり、何らかのファイルのダウンロード中だったりしないか確認してください。

まず下のURLからUserAgentSwitcherをFirefoxへ追加します。

普通にFirefoxを終了してもう一度開くだけです。

Firefoxでメニューバーを使っているなら、「ツール(T)」 → 「Default User Agent（設定によって変わります）」から使えます。

メニューバーを使わない人はツールバーの辺りで右クリック → 「カスタマイズ」でUserAgentSwitcherのアイコンをツールバーにドラッグ＆ドロップして追加してください。

「4. メニューバーかツールバーか」を参考に「iPhone 3.0」を選択し、ページを更新してください。（UserAgentはウェブサーバーとの通信の時に使われます。）

通常

これでスマホ版はてなブログが見れました。

横幅をスマホサイズにします。

メニューバーがある場合

メニューバーが無い場合

このようになります

iPhoneは320x480です。スマホサイトは基本的に横幅320pxで作られています。

レスポンシブデザインビューは左上の×をクリックします。

UserAgentは「Default User Agent」に戻します。

補足ですが、このやり方だとブラウザの違いによる見た目の違いが出ることがあります。また、スマホの自動拡大縮小機能はテストできません。たぶん大丈夫だとは思いますが、スマホ版を重視するなら実際にスマホで見てみるのが確実です。

しらいとブログ