編集画面では崩れずに表示され、プレビュー画面では表示が崩れる場合、原因は以下が考えられます。
■HTMLの文頭にゴミ文字列(日本語エディタなどで見えない文字コード)がある
[解決方法]先頭のゴミ文字列を削除する。
■PCページのHTML構造に不備がある(<head>タグや閉じタグの忘れなど)
[解決方法]HTML構文チェックサイト「Another HTML-lint gateway」等を利用し、PCページのHTML構造が正しく書けているかご確認ください。正しく書けていない箇所があれば、正しく修正してください。
※tableタグなどが多用されるサイトで、table構造に不備があり変換がうまくいかないケースがよくございます。
■表示しているページが、httpsなのに、smp.jsをhttpで読み込んでおりセキュリティーエラーが出ている
[解決方法]smp.js を https で参照できる場所において、script タグの src を書き換えていただく。
■PCページで使用されているJavaScriptが変換後の表示に影響している
[解決方法]shuttoの編集画面では、PCページで使用されているJavaScriptがオフになっている為、PCページでJavaScriptを使用し、HTML構造を変更している場合、変換後に編集画面で使用しているCSSがプレビュー画面では適用されない等の理由で、表示が崩れる場合がございます。
なお、変換後のJavaScriptの動作確認は、Chrome拡張機能「shuttoプレビュー」をご使用ください。
※Chrome拡張機能「shuttoプレビュー」は、shuttoにログインをしているユーザー様のみ、ログインしたアカウント内にある設定を確認する事が出来ます。また、PCブラウザ上でJavaScriptが実行された後にスマホ用のデザインを適用する為、JavaScriptで描写しているコンテンツは、実際に実機で変換した際に実行のタイミングにより意図通り表示されない場合がございます。
※Chrome拡張機能「shuttoプレビュー」で確認し、動作しない場合は、変換後用のJavaScriptを別途追加する必要が考えられますので、その際はお問い合わせください。