Как мне захватить браузер, используемый для доступа к веб-странице? - PullRequest
Новая
       6

Как мне захватить браузер, используемый для доступа к веб-странице?

0 голосов
/ 06 июня 2018

Допустим, я пишу простую веб-страницу, содержащую два поля: имя и имя питомца .Если бы конечный пользователь мог перейти на этот сайт с помощью любого данного веб-браузера, как бы я сделал всплывающее уведомление, отображающее браузер пользователя?

Например, если я захожу на эту страницу с помощью MicrosoftEdge или IE 11, как бы мне сразу отобразить диалоговое окно, в котором будет указано что-то вроде:

«Вы используете IE11» или «Вы используете Microsoft Edge»?

Ответы [ 2 ]

0 голосов
/ 06 июня 2018

Есть много других хорошо задокументированных вопросов переполнения стека о том, как определить версию браузера: Как вы можете определить версию браузера?

Как только у вас есть версия браузера, вместоиспользуя консольный журнал, как в принятом ответе выше, оповещение позволит показать диалоговое окно с этой информацией.

Обновление: далее вниз по странице, на которую я ссылаюсь,Обнаружение браузера, которое работает на Edge и IE. Кредит Брэндону 

navigator.browserSpecs = (function(){
    var ua = navigator.userAgent, tem, 
        M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
        return {name:'IE',version:(tem[1] || '')};
    }
    if(M[1]=== 'Chrome'){
        tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem != null) return {name:tem[1].replace('OPR', 'Opera'),version:tem[2]};
    }
    M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem = ua.match(/version\/(\d+)/i))!= null)
        M.splice(1, 1, tem[1]);
    return {name:M[0], version:M[1]};
})();
0 голосов
/ 06 июня 2018

Ближайшая вещь, которую вы получите к тому, что вы хотите, - это браузер "User Agent String" во внешнем интерфейсе.

похож: Получение User Agent с JavaScript

Здесь также находится библиотека, которая может передавать значение в более удобное для использования состояние.https://github.com/faisalman/ua-parser-js

...