スマホとPCのデバイスごとにhtmlファイルを切り分ける方法 ~『JavaScript』で条件分岐~

この前、パソコンとスマートフォンで表示させるhtmlファイルを変えたかった時に調べたのでメモがてら。

以下のコードをパソコンでの閲覧時に表示させたいファイルのhead内に記述することで、デバイスごとに条件分岐させることができます。

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
	// スマホ用のページにリダイレクトする
	location.href = '/sp/';
}
</script>

追記

このあと汎用CSSファイルが効かなくなったので別汎用ファイルを用意したのですが、何か理由があるのでしょうか、、

参考