JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

【JavaScript】JavaScript でデバイス(端末)を判別して CSS を切り替える方法

f:id:vw-dsg:20200601063255p:plain

JavaScript でデバイスを判別して CSS を切り替える

今回は、JavaScript で取得したユーザーエージェントの文字列からデバイスを判別して CSS を切り替える方法です。

var get_useragent = navigator.userAgent;

~ 主な仕様 ~

  • JavaScript でユーザーエージェントを取得する
  • ユーザーエージェントに含まれる文字列からデバイスを判別する
  • CSS へのリンクを判別したデバイスに合わせて書き換える
  • デバイスが判別できない場合はデフォルトの CSS を使用する

※この記事では、JavaScript で取得した情報からデバイスを判別して CSS を切り替える方法を有料(100円)でご紹介しています。

この続きはcodocで購入