サポート » 使い方全般 » レスポンシブサイトのスマホページに「PC版を表示」ボタンを追加したい

  • 現在テーマは一つで、メディアクエリーを使ってPCとスマホのCSSを分けています。
    またユーザーエージェントで判定して、広告やコンテンツの表示をPCとスマホで分けています。(CSSでdisplay: none;すると読み込んで遅くなるため)

    クライアント様からの要望でスマホページに「PC版を表示」ボタンを追加してほしいと言われました。
    しかし、やり方がよくわかりません。
    CSSはユーザーエージェントで判定してPCとスマホで別々のファイルの物を読み込むとして、ユーザーエージェントを偽装してリンク先にアクセスさせるということはできるのでしょうか?

    無理なら無理と言って断ろうかと思っているのですが…。
    知恵を貸して頂けると助かります。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • PCサイトとモバイルサイトとそれぞれに有るのではなくて、レスポンシブデザインであるわけですよね。
    「PC版を表示」で PC 用のスタイルシートを読みこんだらどうでしょう。

    どっちにしろ、スマホではPCサイスは見難いでしょうから。

    トピック投稿者 msthings

    (@msthings)

    今は1つのCSSファイルにメディアクエリーでPCとスマホ用を分けています。
    「PC版を表示」で PC 用のスタイルシートを読みこんだだけだとユーザーエージェントが変わっていないので、PCで表示されるはずの広告やサイドバーが表示されないのでデザインが崩れちゃうんですよね。。。

    コンテンツの非表示をCSSのdisplay: none;だけでしているのであればそれで問題ないんですけど。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「レスポンシブサイトのスマホページに「PC版を表示」ボタンを追加したい」には新たに返信することはできません。