「Android/ユーザーエージェントでCSSを切り替え-javascript利用」の編集履歴（バックアップ）一覧はこちら

Android/ユーザーエージェントでCSSを切り替え-javascript利用 - (2016/04/04 (月) 20:03:07) の１つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

スマートフォン対応。画面サイズでの振り分けがダメでも、これならいける。

#highlight(linenumber,html){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<link rel="stylesheet" href="style.css">

<!-- UAが以下の場合は、headタグの最後にlinkタグを挿入、smart.cssを追加し、style.cssを上書く。 -->
<script>
$(function(){
    var _UA = navigator.userAgent;
    if (_UA.indexOf('iPhone') > 0 || _UA.indexOf('iPad') > 0 || _UA.indexOf('iPod') > 0 ||
        _UA.indexOf('android') > 0 || _UA.indexOf('BlackBerry') > 0 || _UA.indexOf('windows Phone') > 0 ||
        _UA.indexOf('NOKIA') > 0 || /Mobile.*Firefox/.test(_UA))
    {
        $('head').append('<link>');
        $('head').children(':last').attr({rel:'stylesheet',href:'smart.css'}); 
    }
});
</script>
}}


**参考
[[jQueryでlinkタグを追加して外部CSSを読み込む>>http://gimmicklog.main.jp/jquery/274/]]
[[POSTORO: jQueryで動的に CSSファイルを追加する方法>>http://postoro.blogspot.jp/2011/02/jquery-css.html?m=1]]

スマートフォン対応。画面サイズでの振り分けがダメでも、これならいける。

#highlight(linenumber,html){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<link rel="stylesheet" href="style.css">

<!-- UAが以下の場合は、headタグの最後にlinkタグを挿入、smart.cssを追加し、style.cssを上書く。 -->
<script>
$(function(){
    var _UA = navigator.userAgent;
    if (_UA.indexOf('iPhone') > 0 || _UA.indexOf('iPad') > 0 || _UA.indexOf('iPod') > 0 ||
        _UA.indexOf('android') > 0 || _UA.indexOf('Android') > 0 ||
        _UA.indexOf('BlackBerry') > 0 || _UA.indexOf('windows Phone') > 0 ||
        _UA.indexOf('NOKIA') > 0 || /Mobile.*Firefox/.test(_UA))
    {
        $('head').append('<link>');
        $('head').children(':last').attr({rel:'stylesheet',href:'smart.css'}); 
    }
});
</script>
}}


**参考
[[jQueryでlinkタグを追加して外部CSSを読み込む>>http://gimmicklog.main.jp/jquery/274/]]
[[POSTORO: jQueryで動的に CSSファイルを追加する方法>>http://postoro.blogspot.jp/2011/02/jquery-css.html?m=1]]