便利

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

Pocket

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

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

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

その結果、

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

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

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

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

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

f:id:mottokoikoi:20190510080726p:plain
助けてやるぞよ

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

chrome.google.com

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

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

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

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

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

f:id:mottokoikoi:20190509222149p:plain

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

f:id:mottokoikoi:20190509222300p:plain

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

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

f:id:mottokoikoi:20190509222607p:plain
スマホのプレビュー画面

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

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

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

f:id:mottokoikoi:20190509222826p:plain
タブレットのプレビュー画面

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

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

おさらい♪♪♪

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

f:id:mottokoikoi:20190509223132p:plain
スマホプレビュー

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

f:id:mottokoikoi:20190509223100p:plain
タブレットプレビュー

はい!パソコン!
↓↓↓

f:id:mottokoikoi:20190509223230p:plain
パソコンプレビュー

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

f:id:mottokoikoi:20190509224105p:plain

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

ABOUT ME
mottokoikoi
3児の母でアラサー専業主婦。