メインコンテンツにスキップ
すべてのコレクションチュートリアルその他
ウェブサイトのプレビューを見る
ウェブサイトのプレビューを見る

デザイン中のウェブサイトをプレビュー画面で見る方法

Hanasaki avatar
対応者:Hanasaki
2年以上前に更新

デザイン画面で作業中のウェブサイトの現在の状態を見るには、デザイン画面の右上方にある「▷」(プレビューボタン)をクリックします。

プレビューボタンをクリックすると、現在作業中のタブの右隣に、プレビューページが開きます。

■ タブレットやスマホ向けのプレビューが見たい場合

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

■ タブレットやスマホの実機で見たい場合

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

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

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