-
ID:TK5vOz さんの質問

レスポンシブにする時メディアクエリでcssの読み込みの制御が出来るけど、モバイルの時はこのjsファイル、PCの時はこれ、って切り換えしたい時はみんなどうやってるんだろ?そういう切り換え出来るプラグインとかあったりする?

みんなの回答 4 件

ID:EWztip さんの回答

jsでUA見てdocument.write

ID:YrAVVF

やはりそういうカタチしかないんかな。。。

ID:y1m/6. さんの回答

UAで判断するしか方法がない。というか、なぜそれだとダメなのかがわからないな。
UAで判断した後にどうするかは、いろいろ方法があると思うけど。document.writeである必要はない。

ID:SOmvYB さんの回答

jsでもメディアクエリ扱えて、その方法はリンク先を参考に。
でも、メディアクエリで判断できるのは横幅とかで、厳密にはPCかモバイルか判断できないし、PCでもモバイルでもウィンドウサイズ変えられるから、メディアクエリで、読み込むjsを変えるのはまずいのではないかと思ったんですが、どうでしょう?

JavaScript でメディアクエリを行う window.matchMedia の使い方 | Mozilla Develope...

https://dev.mozilla.jp/2012/08/using-window-matchmedia-to-do-media-queries-in-javascript/
ID:YrAVVF さんの回答

トピ主です。
例えばの話、メニューでいうと画面幅が大きい時は全部見えてるけど、狭いとメニューを表示するボタンが出てるだけとか。
デザインはメディアクエリで簡単に実装できるけど、画面幅に合わせてjs挙動も変化させたいというニーズはあるんじゃないかな、と思って。
画面幅が狭い場合は隠す所が多いから説明用のポップアップみたいなの出したいとか。
リサイズイベントで制御したらいいけど、javascriptにもメディアクエリっていうのが提供されてたらもっと制御が簡単なのにな、って思って、
だれかなにか超お手軽な制御方法知ってたらいいな、というのがトピ立てた理由です。

ID:y1m/6.

単に、ウィンドウ幅で条件分岐すればいいだけの話かと。話が壮大過ぎる。

ID:OWjJmP

既存の機能でそれ以上のことができるんだからjavascriptにメディアクエリ必要ないよ。
CSSのメディアクエリがない時代だってjs使って読み込むcss変えてるくらいだし。

最終更新日:2013-01-29 (9,340 views)

関連するトピックス

ページ上部に戻る