サイトアイコン 雲上寺ジェシカの腹ペコBLOG

スマホやタブレット📱のプレビュー画面が簡単にみれる拡張機能『Window Resizer』をインストールしてみた💞💞💞

どうも雲上寺ジェシカです^^いつもご覧いただきありがとうございます。
最近、アクセス解析をみるのが趣味になってきました(笑)

はてな界隈には優しい方がいっぱいいらっしゃって、
ブログを更新するとスターをつけてくれる方が沢山いらっしゃいます。
・・・ああ。1人じゃないんだなと励みになります。有り難いですね。

そんなこんなで趣味で始めたブログではあるものの、
最近はアクセス解析をチェックしながらどういった方が
どういったブログ記事をみてくださっているのかを確認するようになりました。

その結果、

みてくださっている方の約7割はスマホからみている

ということがわかりました。

プレビューをみるときについパソコンでのプレビュー画面しかチェックしていない
ことが多かったのですが、最近はスマホ画面もみるようになりました。
(このはてなブログのテーマはレスポンシブなのであまり神経質にチェックする
必要はないのですが・・・苦笑)

とはいえ、携帯から直接みるのは面倒くさいです。

そんなときにとても役に立つ拡張機能を発見しました。
まさに神様みたいな機能です\(^o^)/

助けてやるぞよ

拡張機能『Window Resizer』が神過ぎる!

chrome.google.com

これ!この拡張機能がいいんです!!!!

スマホ画面もタブレット画面も
一発でプレビューできちゃうスグレモノ!!

早速Chromeに追加してみました♪♪♪ ※Chromeのみで使えます。

スマホプレビューが一発でわかる

Chromeに入れると画面右上に以下のアイコンが出ます。

アイコンをクリックすると、

スマホ・タブレット・パソコンのアイコンが登場!!

チェックしたいブログ記事を開き、まずは「スマホ」アイコンをクリック!
スマホのプレビュー画面がみられます。
↓↓↓

スマホのプレビュー画面

スマホでチェックすると思わぬところで改行が変だったりしますので、
スマホチェックは重要です><

タブレットプレビューも一発でわかる

同じ手順で「タブレット」アイコンをクリックすると、
タブレットのプレビュー画面がみられます。
↓↓↓

タブレットのプレビュー画面

なるほど。タブレットだとサイドバーがばっちりみえるんですね。

タブレットを持っていない人も、持っている人の気持ちがわかるのは
サイトを作る上でいい改善になりそうですね。

おさらい♪♪♪

では、まとめて3連続で出していきます!!
はい!スマホ!
↓↓↓

スマホプレビュー

はい!タブレット!
↓↓↓

タブレットプレビュー

はい!パソコン!
↓↓↓

パソコンプレビュー

同じブログ記事でも
何でみるかによってこんなに見え方が異なるんですね^^

まだまだ未熟ですが、少しでも相手の目線に立ったブログが作れるように
この拡張機能『Window Resizer』は活用したいと思います♪♪♪