ページ コンテンツ

雲上寺ジェシカの腹ペコBLOG

ホットなニュースでお腹いっぱいにするBLOG

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

どうも雲上寺ジェシカです^^いつもご覧いただきありがとうございます。 

 

最近、アクセス解析をみるのが趣味になってきました(笑)

はてな界隈には優しい方がいっぱいいらっしゃって、

ブログを更新するとスターをつけてくれる方が沢山いらっしゃいます。

 

・・・ああ。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』は活用したいと思います♪♪♪