トップ  > JavaScript  > jQuery  > 記事

No.4639 jquery でブラウザ判定して、表示内容を出し分ける

jquery でブラウザ判定して、表示内容を出し分ける



<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>SP判定</title>
<style>
  .sp, .pc { display: none;}
</style>
</head>
<body>
<p id="hello">Hello World</p>

<div class="pc">PCです!</div>
<div class="sp">SPです!</div>

<div class="pc"><img src="/test/img/pc/kawasemi.jpg" alt="hoge"></div>
<div class="sp"><img src="/test/img/sp/kawasemi.jpg" alt="hoge"></div>

</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">

if (is_sp()) {
    $('.sp').show();
} else {
    $('.pc').show();
}

function is_sp() {
    var is_sp = false;
    var agent = navigator.userAgent;
    if(agent.search(/iPhone/) != -1){
        is_sp = true;
    }else if(agent.search(/Android/) != -1){
        is_sp = true;
    }
    return is_sp;
}
</script>
</html>
更新:2012/11/21 12:19 カテゴリ: JavaScript  > jQuery ▲トップ

Python

フロントエンド開発

Linux

web開発

サーバ管理

GCP

svn・git

ソース・開発

プロマネ

HTML・CSS

JavaScript

Alexa

Docker

webサービス運用

webサービス

Mac

MySQL

PHP

FuelPHP

ツール, ライブラリ

ビジネス

テンプレート

プレゼン

マネタイズ

負荷・チューニング

Windows

メール

メール・手紙文例

CodeIgniter

オブジェクト指向

UI・フロントエンド

cloud

マークアップ・テキスト

Flash

デザイン

DBその他

Ruby

PostgreSQL

ユーティリティ・ソフト

Firefox

ハードウェア

Google

symfony

OpenPNE全般

OpenPNE2

Hack(賢コツ)

OpenPNE3

リンク

個人開発

その他

未確認

KVS

ubuntu

Android

負荷試験

オープンソース

社会

便利ツール

マネー

Twig

食品宅配

WEB設計

オーディオ

一般常識

アプリ開発

サイトマップ

うずら技術ブログ

たませんSNS

rss2.0