Издеваются над пользовательским агентом в javascript?

Для тех, кто здесь, потому что им нужно изменить значение userAgent в модульных тестах, решение Тайлера Лонга работает, но если вы хотите восстановить исходный 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.

Ответ Crescent Fresh правильный. Но есть проблема: __defineGetter__ устарел:

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

Устарело. Эта функция была удалена из веб-стандартов. Хотя некоторые браузеры могут по-прежнему поддерживать его, в настоящее время он удаляется. Не используйте его в старых или новых проектах. Страницы или веб-приложения, использующие его, могут сломаться в любой момент.

Вместо этого вы должны использовать defineProperty:

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

navigator.userAgent; // 'foo'

Чтобы обновить этот поток, defineGetter больше не работает в Jasmine, поскольку он устарел. Однако я обнаружил, что это позволяет мне изменять получатель для navigator.userAgent в jasmine:

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'
    // ...
}

Этот дизайн все еще не полностью автоматизирован (вам нужно вручную переименовать геттер для выполнения тестирования), и он добавляет кучу сложности к чему-то столь же простому, как работа на 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 - строковое свойство только для чтения, поэтому его нельзя редактировать

Измените navigator.userAgent в Firefox и Opera через defineGetter

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

alert( navigator.userAgent ); //iPhone 5

Измените navigator.userAgent в IE и Opera через экземпляр объекта

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

alert( navigator.userAgent ); //iPhone5

Хорошо, что если вы работаете с элементом управления веб-браузером IE, вы можете дважды подделать HTTP-запрос и JavaScript navigator.userAgent через execScript.

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 вы можете протестировать любой пользовательский агент, который захотите, так почему бы просто не использовать его?