スマホサイズのページもAUNで指示出しができます

この記事を一句で表しますと、、、

Webページを作る際にはパソコンの画面ではちゃんと作れているのに、スマホなどで表示したらレイアウトが崩れているなんて事はよくありますよね。
なので今回はスマートフォンやタブレットの画面サイズでAUNする方法をご紹介いたします。

URLからAUNに画像を取り込む場合

いつもURLを入れる場所の右にデスクトップと書かれているボタンがありますよね。ここをクリックしてスマートフォンまたはタブレットに変更します。

URLを入れて、『キャプチャ』をクリック。


スマホ画面のサイズでAUNに取り込むことができました。

URLからAUNに画像を取り込ことができない場合

URLからAUNができない場合は、スクリーンショットをAUNに読み込ませることで、AUNに画像を取り込むことができます。

まずGoogle Chromeを起動して、AUNしたいページを開き、デベロッパーツールを起動します。デベロッパーツールのショートカットキーはWindowsでは【 F12 】、Macでは【 option + command + i 】です。

画面上中央にあるスマホとタブレットのマークをクリックすると、Webページがスマホで表示されるサイズに変わります。

任意のサイズに変更して、表示されている部分のスクリーンショットを取ります。（スクリーンショットの撮り方はこちら)


そしてAUNのクリップボードの画面で貼り付けをします。


これでスマホやタブレットの画面サイズの画像をAUNに取り込むことができます。