Edited at

【超シンプル】PCとモバイルのjquery切り替え

More than 1 year has passed since last update.

<script>

jQuery(function () {
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
// スマートフォン用コード
jQuery('#output').html('<img src="/images/hoge.jpg">');
} else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
// タブレット用コード
} else {
// PC用コード
}
});
</script>

<div id="output"><div>

コンフリクトに疲れたので $ ではなく jQuery を使用。ちゃんと動いたら $ に置換。

出力後のhtmlは以下。


html(モバイル)

<div id="output"><img src="/images/hoge.jpg"></div>