プレビューモード

しかし Blocs 実際にサイトを設計するときに、最終的なサイトの非常に正確な表現を提供します。サイトをすばやくプレビューして、次のような他の設計面を確認およびテストする必要がある場合があります。 相互作用, FXをスクロール および アニメーション. Blocs より自然で包括的な方法でサイトをテストできるように設計されたさまざまなプレビューオプションが組み込まれています。

初心者向けのヒント

のプレビューモード Blocs HTMLをローカルでプレビューできるだけでなく、PHPのプレビューもサポートしています。 ページに ファイルの種類 でPHPに設定 ページ設定、プレビューは、を介して追加されたPHPコードをレンダリングします コードウィジェット リアルタイム。

アプリプレビュー内

アプリ内プレビューでは、メイン画面を離れることなく、Web ブラウザーで行うようにサイトをプレビューできます Blocs 応用。 プレビューモードに入るには、単に 左クリック ブレークポイント コントロールの右側にある再生ボタン、またはキーボード ショートカットを使用 ⌃V.

ブレークポイントの切り替え

デザインモードだけでなく、プレビューモードもメインにアクセスできます ブレークポイントコントロール。 これらのコントロールを使用すると、サイトのレスポンシブ特性を確認するために、さまざまな画面サイズをすばやく簡単に切り替えることができます。

開発者ツール

アプリのプレビューでは、強力な WebKit 開発者インスペクター ツールにもアクセスできます。 インスペクター ツールは、サイトのコードを検査し、発生している潜在的な問題をデバッグするための優れた方法です。 プレビュー フレームの左上にあるメニュー ボタンを使用してアクセスできます。

または単に 右クリック ページ上の任意の要素(プレビューモード中)および選択 検査する.

ブラウザでプレビュー

アプリのプレビューだけでなく、 Blocs また、Macにインストールした任意のブラウザでサイトをすばやくプレビューすることもできます。 ブラウザでサイトをプレビューするには、 右クリック プレビューボタンを押して、ポップアップメニューからブラウザを選択します。

ブラウザでのプレビューについて詳しく読むことができます こちらから.

トラブルがありますか?

プレビューモードで問題が発生した場合、または単に機能しない場合は、これを読むことをお勧めします トラブルシューティングガイド.

ローカルネットワークプレビュー

Blocs プレビュー サーバーは、Mac と同じネットワーク上の任意のデバイスからもアクセスできます。 プレビューしているページのファイル タイプが に設定されている場合 .htmlを、次に アンテナ 記号がメイン アプリケーション フレームの左上隅に表示されます。 このボタンをクリックすると、ローカル ネットワークの URL が Mac のペーストボードにコピーされます。 Mac と同じネットワークに接続されている任意のデバイスの Web ブラウザにこの URL を入力すると、実際のデバイスでサイトをプレビューおよびテストできます。

2 年 2022 月 XNUMX 日更新

この記事は役に立ちましたか?

関連記事