在javascript中嘲笑一个useragent？

Question

我正在寻找一种以编程方式动态更改navigator.userAgent的方法.在我尝试获得自动javascript单元测试器失败的尝试中,我放弃并试图开始使用fireunit.我立即猛烈抨击了使用实际浏览器进行javascript测试的一面墙.

具体来说,我需要更改navigator.userAgent来模拟几百个userAgent字符串,以确保对给定函数的正确检测和覆盖.navigator.userAgent只读,所以我好像卡住了!我怎么能模拟navigator.userAgent？用户代理切换器(插件)可以切换FF的useragent,但我可以在javascript中执行吗？

Answer 1

尝试:

navigator.__defineGetter__('userAgent', function(){
    return 'foo' // customized user agent
});

navigator.userAgent; // 'foo'

在FF2和FF3中尝试过.

Answer 2

添加到Crescent Fresh的解决方案,重新定义navigator.userAgentgetter似乎在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'; });

Answer 3

以下解决方案适用于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');

Answer 4

对于这里的人，因为他们需要在单元测试中更改 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 上对我有用。

Answer 5

使用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,但可以替换整个导航器对象,如上面的另一个解决方案所述.

Answer 6

新月鲜的回答是正确的。但有一个问题：__defineGetter__已弃用：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineGetter​

已弃用 此功能已从 Web 标准中删除。尽管某些浏览器可能仍然支持它，但它正在被删除。不要在旧项目或新项目中使用它。使用它的页面或网络应用程序可能随时中断。

你应该使用defineProperty：

Object.defineProperty(navigator, "userAgent", { 
    get: function () { 
        return "foo"; // customized user agent
    }
});

navigator.userAgent; // 'foo'