SuperPreviewの画面について
SuperPreviewの画面構成
既定では、左側に[ベースライン]ブラウザービュー、右側に[比較]ブラウザービューが配置されます。ボックスを選択することによって、それぞれ左下にクイックポジションのツールチップが表示されます。
ポインターモード
2 つの SuperPreview ポインター モードにより、SuperPreview との対話方法を変更できます。
ボタン | 説明 |
---|---|
選択モード (V) | 比較用の個々のページ セクションを選択する場合にこのボタンを使用します。既定でこのボタンが有効になっています。 |
手のひらモード (H) | ドラッグすることによって、画面を動かすことができます。また、マウスの上下スクロールで拡大・縮小が行えます。ただしこの手のひらモードではセクションの選択ができません。 |
DOM 反転表示
ボックスが選択された場合、どのように表示するかの切り替えモードです。
ボタン | 説明 |
---|---|
ボックス暗転表示モード | 選択した要素が[ベースライン]ブラウザー ビューに青色で反転表示されます。選択した要素は、[比較]ブラウザー ビューでは緑色で反転表示されます。既定ではこの設定が有効になっています。 |
暗転表示モード | 選択したボックスの周りが暗く表示されます。 |
ルーラー表示
ルーラーやガイド、サムネイルを表示・非表示にするための切り替えボタンセットです。
ボタン | 説明 |
---|---|
ルーラーの表示/非表示 | ルーラーを表示または非表示にします。既定では表示されます。配置ガイドを作成するには、ルーラー表示をオンにしておく必要があります。 |
サムネイルの表示/非表示 | このボタンをオンにすると、右下にサムネイルが表示されます。 |
ガイドの表示/非表示 | このボタンを押すことでガイドを表示され、オフによって非表示になります。既定では非表示となります。 |
レイアウトモード
SuperPreview には、4つのレイアウト モードがあります。
ボタン | 説明 |
---|---|
左右分割レイアウト | [ベースライン]ブラウザービューを左に、[比較]ブラウザービューを右に配置して比較します。既定ではこのレイアウトモードが有効になっています。 |
上下分割レイアウト | [ベースライン]ブラウザービューを上に、[比較]ブラウザービューを下に配置して比較します。 |
オーバーレイ レイアウト | [ベースライン]ブラウザービューと[比較]ブラウザービューを1つに重ねて配置して比較します。 |
シングルレイアウト | 選択したブラウザーだけ表示します。 |
ズーム ツール
のボックス一覧から倍率のレベルを選択するか、倍率の値を入力します。
場所
プレビューする Web ページの URL またはファイル パスを入力します。
Expression Webで開いているページからSuprePreviewに表示ボタンをクリックすると、そのファイルパスが自動的に代入されます。
リモートブラウザー
SuperPreview の機能を拡張して、さらに多くのブラウザーやオペレーティング システムをサポートできるようにするサービスです。
[リモートブラウザーでのプレビューを有効または無効にする]ボタンをクリックして、リモート ブラウザー プレビューを有効にします。
メモ
SuperPreviewオンラインサービスがこのコンピューターで有効になっていない場合、[リモートブラウザーでのプレビューを有効または無効にする]アイコンは表示されません。をクリックして、SuperPreview のオンライン サービス サインアップ プロセスを開始します。詳しくは、『SuperPreviewオンラインサービスを認証するには』を参考にしてください。
オプション
ボタンをクリックして、[SuperPreviewのオプション]ダイアログボックスを表示します。
レイアウト ウィンドウ表示の選択
SuperPreview を使用すると、インストールされているバージョンにより異なりますが、Internet Explorer の次のバージョンでページを表示できます。
- Internet Explorer 8Internet Explorer 8 でのプレビュー (Internet Explorer 8 がインストールされている場合にのみ使用できます)
- Internet Explorer 8 → 7Internet Explorer 7 互換モードで実行中の Internet Explorer 8 でのプレビュー (Internet Explorer 8 がインストールされている場合にのみ使用できます)
- Internet Explorer 7→7互換モードで実行中の Internet Explorer 7 でのプレビュー (Internet Explorer 7 がインストールされている場合にのみ使用できます)
- Internet Explorer 7Internet Explorer 7 でのプレビュー
- Internet Explorer 6Internet Explorer 6 でのプレビュー
名称 | 説明 |
---|---|
ベースライン ブラウザー セレクター | 基準となるブラウザーを選択して表示します。 |
ベースライン ブラウザー位置の切り替え | [ベースライン]ブラウザービューの位置を左から右へ、もしくは上から下に切り替えることができます。 |
比較 ブラウザーセレクター | 最大 8個の比較ブラウザーを選択できます。それぞれのアイコンをクリックして、比較ブラウザーをすばやく切り替えることができます。 |
追加 | [比較]ブラウザービューにブラウザーを追加します。 |
DOM ビュー
DOM ツリー表示をオン、またはオフに切り替えます。をクリックすると、DOMビューが表示されます。
ドキュメント オブジェクト モデル (DOM) ツリー内の要素の位置が分かります。左右分割または上下分割レイアウト ビューを使用している場合、どちらのブラウザー ビューでも要素を選択することができ、選択されたブラウザー ビューの属性を更新した DOM ビューが表示されます。また、DOM ビューの要素を選択するとブラウザー ビューを更新することができます。
ブラウザーのサイズ
一覧からブラウザー表示サイズを選択し、異なる解像度でページがどのように表示されるかを比較できます。
- Expression Web 4
- Chapter 5 ページのプレビュー
- Section 3 SuperPreviewでのページの表示
- Chapter 5 ページのプレビュー
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!