Q&A
調べてもなにもでてきませんか？
あとブラウザによっては「PCサイト」「デスクトップモード」のように切り替えの機能がついていたりしますが、それではダメでしょうか。
あと、ユーザーエージェントでわけてるなら、物理的に無理では？
まあ、どのように組んでいるか次第なので、この内容だけでは答えようがありません。現状の実装がわかる情報を提示してください
同一URLでユーザーエージェントを使って、スマホとPCのサイトを別けて表示しています。
スマホサイトで『PCサイト』というボタンをクリックするとPCサイトを閲覧できるようにしたいのですが、どのようにすればできるでしょうか？
(注記)
Java Scriptでユーザーエージェントを使って、アクセスした端末に合わせて、css、js等のファイルを別のものを読み込ませ、同一URLでスマホ用、PC用それぞれのサイトを作成しています。
しかし、利用者によっては、スマホ・タブレットを利用していてもPC用のサイトを見たい方もおられると思うので、『PCサイト』というボタンを設置して、スマホ・タブレットからPCサイトにアクセスできるようにしたいです。ただ、ユーザーエージェントで読み込むcss、js等のファイルを変えているので、どのようにしたらPC用サイトを表示でき、また、元に戻したい場合は、スマホ用のサイトに戻れるのかご教授いただきたいです。
現状
if (navigator.userAgent.match(/iP(hone|od|ad)|Android.+Mobile/)) {
スマホ用css、jsファイル}
Else{
パソコン用css、jsファイル
}
という形で、スマホ用とPC用で別のファイルを読み込むようにしてます。
回答1件
0
『PCサイト』というボタンを設置して、スマホ・タブレットからPCサイトにアクセスできるようにしたいです。
UAで切り分けるという設計は大きく変更しなければなりません。
<html>要素に class を与えてCSSの効果を切り分け、JavaScript で class を付け替える
メディアクエリが登場する直前によく利用されていた手法です。
2. メディアクエリを使ってCSSで切り替える。
高機能端末ですと、画面の回転による表示変化などもありますので、対応させたいパターンも増えます。
ご質問の、User−Agentによる切り分けは PC/ガラケーでは有効ですが、PC並みの表示が可能な高機能端末では、レスポンシブデザインも意識したメディアクエリを使う手法が採用される時代になっています。
ただ、画面上のボタン（『PCサイト』）を活かすには、2.の場合でも 1.の手法を取り入れることになると思います。
上記手法を、１枚のスタティックページで試し、設計の見直しを行ってみてください。
投稿2020/08/24 21:28
総合スコア5434
あなたの回答
tips
プレビュー
