如果设备上存在键盘，则加载不同的样式表（javascript 检测）答案

【问题标题】：Load different stylesheet if keyboard is present on device (javascript detect)如果设备上存在键盘，则加载不同的样式表（javascript 检测）
【发布时间】：2013-06-11 13:16:50
【问题描述】：

我正在尝试加载不同的 CSS 布局，以防设备上有物理键盘 (q10.css)。如果没有键盘，则使用默认键盘（normalCss）。由于某种原因，样式表未加载：

<script>
    var normalCss = document.createElement("<link rel=\"stylesheet\" href=\"css/main.css\" />");
    var q10Css = document.createElement("<link rel=\"stylesheet\" href=\"css/q10.css\" />");

    if (window.navigator.userAgent.indexOf("Kbd") != -1) {
        document.getElementsByTagName("head")[0].appendChild(q10Css);
            }
    else {
        document.getElementsByTagName("head")[0].appendChild(normalCss);
            }
</script>

*非常感谢任何帮助 :) 谢谢！

【问题讨论】：

可能重复？ stackoverflow.com/questions/13270659/…
navigator.userAgent.indexOf("Kbd") 不会检测到键盘。我有一个，我得到 -1...

标签： javascript load detect

【解决方案1】：

这不是你创建元素的方式，你必须这样做：

var normalCss = document.createElement('link');
normalCss.href = 'css/main.css';
normalCss.setAttribute('rel', 'stylesheet');

【讨论】：

【解决方案2】：

如您所见，here createElement 仅解析 tagName 而不是文本。

【讨论】：