MFEdit - 画面プレビュー

1画面で、スマートフォンとパソコン向けのページを一度に確認できます

MFEditは、ツールバー、2つのプレビューウインドウ、オプションパネルで構成されています。

  1. スマートフォンプレビューウインドウ
    スマートフォン向けサイトをプレビューできます。このプレビューはalter.jsが変換する前の状態です。この画面では、画面遷移ができます。
  2. パソコンプレビューウインドウ
    「alter.js」で変換されたパソコン向けサイトをプレビューできます。このプレビューはalter.jsが変換した結果が表示されています。この画面では、画面遷移ができます。また、ツールバーの自動リロード」が有効になっている場合は、レイアウトオプションパネルで設定を保存すると、このプレビューウインドウが自動的に再読み込みされます。
  3. レイアウトオプションパネル
    具体的な変換設定の編集を行います。サイト全体、MFセクショングループ、MFセクションに対しての設定を指示することができます。
  4. ツールバー
    編集中のURLや「MFEdit」の全体的な動作の切り替えを行います。

画面スクロールについて

スマートフォンプレビューウインドウとパソコンプレビューウインドウは、マウスホイールでスクロールさせると、お互いに同期しながらスクロールします。

MFセクションの位置について

レイアウトオプションパネルのページ設定で、MFセクションを編集する際は、プレビューウインドウの該当箇所が水色でハイライトされます。