我正在寻找一种在程序中动态更改 navigator.userAgent 的方法。 我曾尝试获取自动化的JavaScript单元测试器，但失败了，并试图开始使用fireunit。 立即，我遇到了使用实际浏览器进行JavaScript测试的障碍之一。
具体而言，我需要更改 navigator.userAgent 以模拟几百个userAgent字符串，以确保在给定函数上正确检测和覆盖。 navigator.userAgent 是只读的，所以我似乎陷入了困境！ 如何模拟 navigator.userAgent？ 用户代理切换器（插件）可以切换FF的用户代理，但我能否在 JavaScript 中执行此操作？
尝试：
navigator.__defineGetter__('userAgent', function(){
return 'foo' // customized user agent
});
navigator.userAgent; // 'foo'
我已经在Firefox 2和Firefox 3中尝试过了。
在Crescent Fresh的解决方案基础上，重新定义navigator.userAgent getter 在Safari 5.0.5（Windows 7和Mac OS X 10.6.7）中似乎不起作用。
需要创建一个继承自navigator对象的新对象，并定义一个新的userAgent getter来隐藏navigator中原有的userAgent getter：
var __originalNavigator = navigator;
navigator = new Object();
navigator.__proto__ = __originalNavigator;
navigator.__defineGetter__('userAgent', function () { return 'Custom'; });
navigator.__proto__ = __originalNavigator;这一行上出现了Javascript错误，它说：“循环__proto__值”或类似的内容。删除该行将使用户代理“在本地工作”，这意味着navigator.userAgent将返回您设置的内容，但对于XMLHttpRequest调用，它将仅使用默认UA。 - Jonnyfunction setUserAgent(window, userAgent) {
if (window.navigator.userAgent != userAgent) {
var userAgentProp = { get: function () { return userAgent; } };
try {
Object.defineProperty(window.navigator, 'userAgent', userAgentProp);
} catch (e) {
window.navigator = Object.create(navigator, {
userAgent: userAgentProp
});
}
}
}
例子：
setUserAgent(window, 'new user agent');
setUserAgent(document.querySelector('iframe').contentWindow, 'new user agent');
如果您在这里是因为需要在单元测试中更改userAgent值，那么Tyler Long的解决方案是有效的，但是如果你想要恢复初始的userAgent或者多次更改它，那么您可能需要将该属性设置为可配置：
function setUserAgent(userAgent) {
Object.defineProperty(navigator, "userAgent", {
get: function () {
return userAgent; // customized user agent
},
configurable: true
});
}
// Now in your setup phase:
// Keep the initial value
var initialUserAgent = navigator.userAgent;
setUserAgent('foo');
// In your tearDown:
// Restore the initial value
setUserAgent(initialUserAgent);
const setUserAgent = (userAgent: 'Chrome' | 'Android') => { Object.defineProperty(navigator, 'userAgent', { get: () => userAgent, configurable: true, }); }; - Aamir Afridiif (navigator.__defineGetter__) {
navigator.__defineGetter__("userAgent", function () {
return "ua";
});
} else if (Object.defineProperty) {
Object.defineProperty(navigator, "userAgent", {
get: function () {
return "ua";
}
});
}
这段代码应该可以在以下浏览器中正常工作（已测试）：Firefox 1.5+，Chrome 6+，Opera 10.5+和IE9+。不幸的是，任何平台上的Safari都不允许更改userAgent。
编辑：如上另一个解决方案所指出的，虽然Safari不允许更改userAgent，但可以替换整个navigator对象。
__defineGetter__已经被弃用：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineGetter
已弃用
该特性已从 Web 标准中删除。虽然某些浏览器仍可能支持它，但正在逐步停止支持。不要在旧项目或新项目中使用它。使用它的页面或 Web 应用程序可能随时会崩溃。defineProperty代替。Object.defineProperty(navigator, "userAgent", {
get: function () {
return "foo"; // customized user agent
}
});
navigator.userAgent; // 'foo'
更新本线程，defineGetter在Jasmine中已经被弃用，不再起作用。然而，我发现以下方法可以修改jasmine中navigator.userAgent的getter：
navigator = {
get userAgent() {
return 'agent';
}
}
console.log(navigator.userAgent); // returns 'agent'
请记得在Jasmine测试完成后重置导航器对象。
__defineGetter__对我来说似乎非常有效。 - Stephan Bijzitter__defineGetter__ 在 Jasmine 2.4.1 和 node 6.8.1 上对我无效，但使用这个方法完美解决了问题。 - karl对于那些尝试在TypeScript中做同样事情的人，这是解决方案：
(<any>navigator)['__defineGetter__']('userAgent', function(){
return 'foo';
});
navigator.userAgent; // 'foo'
或者对于语言，也是同样的道理：
(<any>navigator)['__defineGetter__']('language', function(){
return 'de-DE';
});
function myFunction() {
var userAgent = navigator.userAgent;
// do stuff with userAgent
}
function myFunction(userAgent) {
// do stuff with userAgent
}
function getUserAgent() {
window.userAgentReal = +window.userAgentReal || 0;
return [ navigator.userAgent ][window.userAgentReal++];
}
function getUserAgentMock() {
window.nextUserAgentMock = +window.nextUserAgentMock || 0;
return [
'test user agent1',
'test user agent2',
'test user agent3'
][window.nextUserAgentMock++];
}
var userAgent;
while (userAgent = getUserAgent()) {
myFunction(userAgent);
}
接下来，您可以通过以下方式“模拟”getUserAgent（）：
function getUserAgentReal() { // formerly not 'Real'
// ...
}
function getUserAgent() { // formerly 'Mock'
// ...
}
这个设计仍然没有完全自动化（您必须手动重命名getter以进行测试），并且它为像操作navigator.userAgent这样简单的事情添加了很多复杂性，我不确定您实际上如何识别出myFunction中的任何错误，但我只是想提供一些思路来解决这个问题。
也许这里介绍的“依赖注入”的想法可以与FireUnit集成。
以上的答案对于PhantomJS + TypeScript并没有起作用。以下代码对我有效：
var __originalNavigator = navigator;
(window as any).navigator = new Object();
navigator["__proto__"] = __originalNavigator["__proto__"];
navigator["__defineGetter__"]('userAgent', function () { return 'Custom'; });