javascript - 根据用户代理加载样式表

Question

我必须根据用户代理是 iPad 还是其他设备加载不同的样式表。我知道，一般来说，检测浏览器并不是最棒的想法，并且可能会在未来某个时候削弱我们的可维护性……这不是我的决定。

所以这里我们有一些 JavaScript 来检测用户代理。它不工作。我可能错过了什么。我收到的错误是一条红色鲱鱼(对象引用)，但仅在我执行 JavaScript 时出现。

    $(document).ready(function () {
        alert('ready fired');
        if (navigator.userAgent.indexOf("iPad") != -1) {
            //alert('bleep bloop blop...iPad detected');
            var stringToWrite = '<script src=\'\<\%\= ResolveUrl("~/Scripts/iscroll.js") \%\>\' type="text/javascript"><\/script>';
            stringToWrite += '<link href=\'\<\%\= ResolveUrl("~/Stylesheets/scrollbar.css") \%\>\' rel="stylesheet" type="text/css" \/>';
            stringToWrite += '<link href=\'\<\%\= ResolveUrl("~/Stylesheets/iPadCommon.css") \%\>\' rel="stylesheet" type="text/css" \/>';
            alert(stringToWrite);
            document.write(stringToWrite);
        }
        //else
        //alert('bleep bloop blop...who cares browser');
    });

Answer 1

网上随便找的:

//returns true if user is using one of the following mobile browsers
var ismobile=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i)

http://www.javascriptkit.com/javatutors/navigator.shtml