作業効率UP!スマホ表示をPCで確認できるTouchPhone Simulator

google chromeの拡張機能TOP

 

作成したスマホサイトをいちいちスマホから確認するのは面倒。
google chromeの拡張機能を使えば、簡単にプレビューをチェックできるんです。

Sponsored Links

google chromeの拡張機能を追加しよう

まずは、google chromeがまだの方は下記からダウンロードしておきましょう。

 

ダウンロードページ

 

グーグルクロームをインストールしたら、今度はグーグルクロームから
TouchPhone Simulatorを検索しましょう。

TouchPhone Simulatorの画面になったら、右上の無料をクリックしましょう。

無料をクリック

 

 

新しい拡張機能の確認で「追加」をクリック。

拡張機能を追加

 

 

これでスマホサイトをパソコンでプレビューできるTouchPhone Simulatorが使えるようになりました。

追加されました。

 

TouchPhone Simulatorの使い方

それでは早速、楽天市場のページを見てみましょう。

まず、通常パソコンで見る楽天市場のサイトを開きます。

楽天市場のサイト

 

 

続いて、右上の「t」をクリック。

iconをクリック
 
 
 
 
「t」のところが青いアイコンにかわり、スマホのプレビュー画面が表示されました。
 
スマホのプレビュー画面

 

見ている画面をパソコンの表示に戻したいときには、「t」をクリックすれば変わります。

 

 

Sponsored Links

おわりに

これで作成中のスマホサイトを簡単に確認することができるので、作業効率UP!!

Sponsored Links

SNSでもご購読できます。

コメントを残す

*

CAPTCHA