Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there anyway to detect OS language using javascript?

I need to detect OS language using javascript so I can view my page depending on the language.

I know that we can detect the browser language but that is not enough for me.

I need Operation System language

Thanks in advance

like image 547
Saleh Avatar asked Oct 08 '10 21:10

Saleh


People also ask

Can JavaScript detect OS?

In JavaScript, the navigator object returns the browser information. Technically, through the navigator properties, we send information about the browser and sometimes information about the app or operating system we are using to the server.

How can we detect OS of the client machine using JavaScript?

To detect the operating system on the client machine, one can simply use navigator. appVersion or navigator. userAgent property. The Navigator appVersion property is a read-only property and it returns a string which represents the version information of the browser.

How do I check my browser language?

Open the browser settings, and in the advanced section scroll down to find Languages . Open Language and Input Settings and add the language or language+region choice you want from the list available. Order the resulting list so that it is in descending order of preference. You don't need to restart Chrome.

What is navigator language?

The Navigator language property is used for returning the browser's language version. It is a read-only property and it returns a string representing the language version of the browser. Some of the possible language codes are : en-US.


2 Answers

There is no cross-browser way to do this. Internet Explorer supports the following:

  • navigator.browserLanguage: browser language
  • navigator.systemLanguage: Windows system language
  • navigator.userLanguage: Windows user-specific language

But there is no way to access these settings from any other browsers (that I can tell) so don't use them: stick to the standard navigator.language (corresponding to the browser language) if you want to maintain cross-browser functionality. If you do use them you will tie your web site to a specific family of operating systems (i.e. Windows) and a specific browser (i.e. Internet Explorer). Do you really want to do this?

Why is the browser language insufficient for your application?

like image 141
Richard Cook Avatar answered Oct 15 '22 13:10

Richard Cook


You may just guess OS language considering few factors:

Windows OS

Internet Explorer

  • navigator.browserLanguage: IE language (menu, help and etc.), the same as OS display language (if user hasn't change it). As in Control Panel -> Region and Language -> Keyboards and Lanugages -> Display language
  • navigator.systemLanguage: as in Control Panel -> Region and Language -> Location
  • navigator.userLanguage: as in Control Panel -> Region and Language -> Formats

ECMAScript Internationalization API

var d=new Date(Date.UTC(2014,1,26,3,0,0));
var dateFormat={weekday:"long",year:"numeric",month:"long",day:"numeric"};
var result = d.toLocaleDateString("i-default",dateFormat);
alert(result);
//e.g. for Russian format ( Control Panel -> Region and Language -> Formats ) 
//result == 'среда, 26 февраля 2014 г.'

Then search result on your server over preliminary generated set of formatted dates in different languages.

NB! Chrome returns date formatted in its UI language.

Adobe Flash

If you desperately need to know OS language — embed flash in your page and exploit flash.system.Capabilities.language:

NB! Chrome doesn't allow the trick — Chrome's Flash always shows browser.language, I think because it has own Flash.

Firefox and Chrome

navigator.language tells you a browser's UI language (menu, help and etc.) and you may assume that in overwhelming majority of cases it matches OS language (especially for home computers): while downloading FF or Chrome a download page is displayed according user's then browser — on Windows it is IE in the same language as OS.

It is very strange indeed that Chrome is thing in itself when dealing with browser's environment parameters, alas.

like image 37
Denis Kalinin Avatar answered Oct 15 '22 12:10

Denis Kalinin