メインコンテンツにスキップ

プレビューで確認する

Hanasaki avatar
対応者:Hanasaki
今週アップデートされました

Webサイトの実際のブラウザ上でのレイアウト状況を確認したり、アニメーションの動作を確認する場合には、プレビュー画面を見ながら作業します。

デザイン画面のヘッダ右側上方の 「▷ プレビュー」 をクリックすると、現在のタブの右隣にプレビュー用のタブが開きます。


タブレット/スマホ向けのプレビューを確認する

タブレットやスマホ向けのプレビューを確認したい場合、プレビューウィンドウの横幅を狭めると、段階的にタブレットやスマホ向けのデザインに切り替わります。

タブレット/スマホの実機でプレビューを確認する

タブレットやスマホの実機で見る場合、「▷ プレビュー」 の上にマウスオーバーすると下図のように、QRコードが出てきますので、実機で読み込みます。


* クライアントにプレビューURLを送りたい場合も、ここからコピーできます。

こちらの回答で解決しましたか?