在JavaScript中模拟用户代理？

我正在寻找一种以编程方式实时更改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'

在FF2和FF3中进行了尝试。

添加到Crescent Fresh的解决方案后，重新定义navigator.userAgent吸气剂在Safari 5.0.5（在Windows 7和Mac OS X 10.6.7上）中似乎不起作用。

需要创建一个继承自该navigator对象的新对象，并定义一个新的userAgentgetter以将原始userAgentgetter隐藏在navigator：

var __originalNavigator = navigator;
navigator = new Object();
navigator.__proto__ = __originalNavigator;
navigator.__defineGetter__('userAgent', function () { return 'Custom'; });

以下解决方案适用于Chrome，Firefox，Safari，IE9 +以及iframe：

function 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');

使用Object.defineProperty应该向混合添加更多浏览器：

if (navigator.__defineGetter__) {
    navigator.__defineGetter__("userAgent", function () { 
        return "ua"; 
    });
} else if (Object.defineProperty) { 
    Object.defineProperty(navigator, "userAgent", { 
        get: function () { 
            return "ua";
        }
    });
}

此代码应该工作（和测试）的火狐1.5 +，Chrome浏览器6+，歌剧10.5+和IE9 +。不幸的是，任何平台上的Safari都不允许更改userAgent。

编辑：Safari不允许更改userAgent，但是可以替换整个导航器对象，如上面另一种解决方案所指出的那样。

对于这里的用户，因为他们需要在单元测试中更改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);

否则，您可能会遇到TypeError: Cannot redefine property错误。在Chrome Headless上为我工作。

新月新鲜的答案是正确的。但是有一个问题：__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中已不再使用，因为它已弃用。但是我发现这允许我修改茉莉中navigator.userAgent的吸气剂：

navigator = {
  get userAgent() {
    return 'agent';
  }
}

console.log(navigator.userAgent); // returns 'agent'

只要记住在茉莉花中完成测试后就重置导航器对象即可

对于那些试图在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'; });

本主题较晚，但对于Karma + Jasmin和Typescript而言，想要设置userAgent属性，可以这样做：

describe('should validate YYYY-MM-dd format only on IE browser', () => {
    // this validator has a specific condition to work only in IE11 and down
    (window as any).navigator.__defineGetter__('userAgent', function () {
      return 'MSIE';
    });

...
// rest of the test

});

本文帮助：https : //www.codeproject.com/Tips/1036762/Mocking-userAgent-with-JavaScript

试试这个对我没有毛刺问题的工作

Object.defineProperty(global.navigator, 'userAgent', { get: () => 'iPhone' });

navigator.userAgent 是只读字符串属性，因此无法对其进行编辑

通过defineGetter在Firefox和Opera上更改navigator.userAgent

navigator.__defineGetter__('userAgent', function(){
    return( "iPhone 5" );
});

alert( navigator.userAgent ); //iPhone 5

通过对象实例在IE和Opera上更改navigator.userAgent

var navigator = new Object; 
navigator.userAgent = 'iPhone 5';

alert( navigator.userAgent ); //iPhone5

好东西是，如果您使用IE Web浏览器控件，则可以通过execScript双重欺骗HTTP请求和JavaScript navigator.userAgent。

WebBrowser1.Navigate "http://example.com", , , , "User-Agent: iPhone 5" & vbCrLf

WebBrowser1.Document.parentWindow.execScript ("var navigator=new Object;navigator.userAgent='iPhone 5';")
WebBrowser1.Document.parentWindow.execScript ("alert(navigator.userAgent);") 'iPhone 5

不，我怀疑您可以在JavaScript中完成此操作。但是，使用Firefox的用户代理切换器，您可以测试所需的任何用户代理，那么为什么不使用它呢？