使用 JavaScript 获取用户代理

IT技术 javascript jquery attributes user-agent prop
2021-02-16 05:43:12

我想获得一个可以抓取用户的用户代理并将其支持到属性的脚本。

我正在制作一个网站问题联系表,我通常需要知道用户使用的是什么浏览器。如何检测用户代理字符串并将其作为输入元素的值。

我的 html 看起来像:

<input type="hidden" id="UserAgent" name="User Agent" />

我希望将用户代理作为 value 属性添加到其中,因此它看起来像:

<input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />
2个回答

纯Javascript

document.getElementById('UserAgent').value = navigator.userAgent;
<input type="text" id="UserAgent">

jQuery

$('#UserAgent').val(navigator.userAgent);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="text" id="UserAgent">

除非包含 jQuery Migrate 插件,否则无法在 jQuery 1.9 或更高版本中使用。
2021-04-19 05:43:12
请为答案添加一个非 JQuery 替代方案。许多新开发人员认为 jQueryJavascript :-(
2021-05-13 05:43:12
@Davlio 这不是真的。该示例本身使用 jQuery 1.11.1,不使用 Migrate 插件。
2021-05-15 05:43:12
@AdamMerrifield 你是对的!我说支持$.browser,但不能编辑评论。
2021-05-15 05:43:12

原始 Q 没有说任何关于 jQuery 的内容。所以

document.getElementById('UserAgent').value = navigator.userAgent;