> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/troubleshooting/jpuawnjsmf.md).

# トラブルシューティング：ビジュアルエディターでモバイルページが表示されない

## **問題** <a href="#issue" id="issue"></a>

モバイルデバイス表示を選択しビジュアルエディターを開いても、PC用ページが表示されてしまう

<figure><img src="/files/xgD1eOQjNklJdsjTc35M" alt=""><figcaption><p>新インターフェース：Variations＞View modeで「mobile」選択</p></figcaption></figure>

## **解決の手順** <a href="#solution" id="solution"></a>

考えられる原因は2つあります。

（1）ブラウザにCookieやキャッシュが残されている

（2）対象ページの構造上の問題で、切り替えがうまくいかない

### （1） ブラウザにCookieやキャッシュが残されている <a href="#id-1" id="id-1"></a>

1. まず、Cookieやキャッシュを削除してみてください。

   * テストしたいサイト以外のすべてのブラウザタブを閉じ、ブラウザのデベロッパーツールを起動します。
   * デベロッパーツールを起動する方法は、次のいずれかを選択します。
     * メニューバー右上の「︙」ボタン → その他のツール → デベロッパー ツールをクリック
     * ショートカットキー​1​もしくは​2​を押下
     * ページを右クリックして「検証」をクリック
   * 次に、表示されたデベロッパーツール内のメニューバーから「Application（アプリケーション）」タブを開き、左側の「Storage（ストレージ）」をクリックして表示される「Clear Site Data（サイトデータを消去）」ボタンを押します。

   <div align="left"><figure><img src="https://lh7-us.googleusercontent.com/_GCZ2z_3er3dCR8IETcmrWclJ1XHLYr9BWnykMvMm4xfXvTWK4z09STxDLMgClxhGlC14DwubUGufHQcSzHM3T6dEs4SXsm-dAntqUg9DFnSVKzEricEkQjtsiTjNHnKdGq6uirtTSp5H4jw86X_9Y8" alt="" width="375"><figcaption></figcaption></figure></div>
2. その後、シークレットウィンドウを含むすべてのブラウザウィンドウを閉じます。別のブラウザウィンドウが開いていないことを確認してください。そして、シークレットウィンドウを開きなおし、デベロッパーツールを起動します。デベロッパーツールがSP（スマートフォン）モードになっていることを確認し、テストしたいページを開いてみてください。
3. 最後に、新しいタブを開いてVWO管理画面にログインします。VWOを利用する場合は、キャッシュなどの影響を抑えるためにChromeのシークレットウィンドウを使用してください。

### （2）対象ページの構造上の問題で、切り替えがうまくいかない <a href="#id-2" id="id-2"></a>

以下の手順でChrome拡張機能（プラグイン）を使用してユーザーエージェントを強制的に切り替えることもできます：

１、ユーザーエージェント切り替えできる拡張機能をChromeウェブストアからインストールします。

※環境によって機能しないケースがあるようです、いずれかの拡張機能でお試しください。\
[User-Agent Switcher for Chrome](https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=ja)\
[User Agent Switcher](https://chromewebstore.google.com/detail/user-agent-switcher-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%A8/kchfmpdcejfkipopnolndinkeoipnoia?hl=ja\&pli=1)

２、︙ボタン → その他のツール → 拡張機能 から「User-Agent Switcher for Chrome」の「シークレットモードでの実行を許可する」にチェックを入れて許可します。

<figure><img src="https://lh7-us.googleusercontent.com/t-gZfsMuI7lB5sTllhpTT4Qeke79-BQP8kzeQGK4RMzoZecjmnKSbQ73YfkATsGkJB-cR_H2b13XeNOv_MCnXOCngSHG-iaHTMDHAWCM_8R4wP92aH_jPDscNxBCOAErsKcalQsVTArNdmfgkrf7qm4" alt=""><figcaption></figcaption></figure>

３、VWOを利用する際は、引き続きキャッシュの影響を抑えるためにChromeのシークレットウィンドウを使用します。

４、ビジュアルエディター画面に遷移します。

５、「User-Agent Switcher for Chrome」でユーザーエージェントを「iPhone 6」に設定します。するとブラウザがリフレッシュされ、SPページが読み込まれます。

編集が終了したら、デフォルトの設定に戻すことを忘れずに行ってください。