公式な情報はうまく見つけられなかったが、どうもブラウザのユーザ・エージェントでPC/モバイルのどちらのテンプレートを利用するかを決めているよう
Safariのデフォルトのユーザ・エージェントでアクセスした場合、
Safariのユーザ・エージェントを「Safari iOS 5.1 - iPhone」に変更した場合、
モバイルテンプレートを適用する場合は、URLに「?m=1」という文字列が自動的に追加された。また、URLに「?m=1」をつけたままSafariのデフォルトのユーザ・エージェントに切り替えても、モバイルテンプレートが適用された。iPadのユーザ・エージェントでは、モバイルテンプレートは適用されず、PCのテンプレートが適用された。
結論としては、表示画面の幅に応じて、デザインを切り替えるレスポンシブ・デザインでは、ユーザ・エージェントによってテンプレートを切り替える方法は適切ではない。
そのため、今回、モバイルテンプレート機能はオフにした。
Safariでユーザ・エージェントを切り替える方法:
・「開発」メニュー > 「ユーザエージェント」から、切り替えたいユーザ・エージェントを選択・「開発」メニューが表示されない場合、「Safari」メニュー > 「環境設定」を開き、「詳細」タブで「メニューバーに”開発”メニューを表示」にチェックが入っていることを確認する
0 件のコメント:
コメントを投稿