レスポンシブにする時メディアクエリでcssの読み込みの制御が出来るけど、モバイルの時はこのjsファイル、PCの時はこれ、って切り換えしたい時はみんなどうやってるんだろ？そういう切り換え出来るプラグインとかあったりする？
jsでUA見てdocument.write
やはりそういうカタチしかないんかな。。。
UAで判断するしか方法がない。というか、なぜそれだとダメなのかがわからないな。UAで判断した後にどうするかは、いろいろ方法があると思うけど。document.writeである必要はない。
jsでもメディアクエリ扱えて、その方法はリンク先を参考に。でも、メディアクエリで判断できるのは横幅とかで、厳密にはPCかモバイルか判断できないし、PCでもモバイルでもウィンドウサイズ変えられるから、メディアクエリで、読み込むjsを変えるのはまずいのではないかと思ったんですが、どうでしょう？
トピ主です。例えばの話、メニューでいうと画面幅が大きい時は全部見えてるけど、狭いとメニューを表示するボタンが出てるだけとか。デザインはメディアクエリで簡単に実装できるけど、画面幅に合わせてjs挙動も変化させたいというニーズはあるんじゃないかな、と思って。画面幅が狭い場合は隠す所が多いから説明用のポップアップみたいなの出したいとか。リサイズイベントで制御したらいいけど、javascriptにもメディアクエリっていうのが提供されてたらもっと制御が簡単なのにな、って思って、だれかなにか超お手軽な制御方法知ってたらいいな、というのがトピ立てた理由です。
単に、ウィンドウ幅で条件分岐すればいいだけの話かと。話が壮大過ぎる。
既存の機能でそれ以上のことができるんだからjavascriptにメディアクエリ必要ないよ。CSSのメディアクエリがない時代だってjs使って読み込むcss変えてるくらいだし。
みんなの回答 4 件
jsでUA見てdocument.write
UAで判断するしか方法がない。というか、なぜそれだとダメなのかがわからないな。
UAで判断した後にどうするかは、いろいろ方法があると思うけど。document.writeである必要はない。
jsでもメディアクエリ扱えて、その方法はリンク先を参考に。
でも、メディアクエリで判断できるのは横幅とかで、厳密にはPCかモバイルか判断できないし、PCでもモバイルでもウィンドウサイズ変えられるから、メディアクエリで、読み込むjsを変えるのはまずいのではないかと思ったんですが、どうでしょう？
JavaScript でメディアクエリを行う window.matchMedia の使い方 | Mozilla Develope...
https://dev.mozilla.jp/2012/08/using-window-matchmedia-to-do-media-queries-in-javascript/トピ主です。
例えばの話、メニューでいうと画面幅が大きい時は全部見えてるけど、狭いとメニューを表示するボタンが出てるだけとか。
デザインはメディアクエリで簡単に実装できるけど、画面幅に合わせてjs挙動も変化させたいというニーズはあるんじゃないかな、と思って。
画面幅が狭い場合は隠す所が多いから説明用のポップアップみたいなの出したいとか。
リサイズイベントで制御したらいいけど、javascriptにもメディアクエリっていうのが提供されてたらもっと制御が簡単なのにな、って思って、
だれかなにか超お手軽な制御方法知ってたらいいな、というのがトピ立てた理由です。
関連するトピックス