The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

Test if Mac or PC with JavaScript

Last updated on:

User Agent testing sucks, but sometimes you need it for subtle things. In my case I was using it to adjust what I was showing for keyboard shortcut keys (Command or Control). Nothing super major.

if (navigator.userAgent.indexOf('Mac OS X') != -1) {
} else {

The statements in there use jQuery to add a body class, but that's not required, you could do whatever.


  1. Scott
    Permalink to comment#

    This may be overkill for your intended use, however it really comes in handy if you need to nudge items or if things aren’t quite right on mobile devices.

  2. Keyamoon
    Permalink to comment#

    Trying to solve the same problem of showing Cmd vs Ctrl, I found this snippet. But what if someone uses Linux on a Mac (with a Mac keyboard)? I have posted this question on stackoverflow as well.

  3. Aalekh

    would like to add that we can also add navigator object with platform property…….object.platform…it can specifically tell for ex: wether it is macintosh 68k or windows 64bit…..

  4. Marvel Slots
    Permalink to comment#

    just what a needed to check if it’s a MAC for an .exe file download link (to put a different link for macs)

    • Will
      Permalink to comment#

      You can set a class in combination with a file type selector

      .mac a[href$=”.dmg”] { STLYE }
      .pc a[href$=”.exe”] { STLYE }

      Is this what you are shooting for?

  5. Hiren
    Permalink to comment#

    Thanks Mate, It really saved my couple of hours.

  6. richard
    Permalink to comment#

    can anyone one advise on how to do this with plain javascript not jquery?

    • Jace Cotton

      Instead of $("body").addClass(<classname>);, you can use document.body.classList += <classname>;, or document.body.setAttribute("class", <classname>); Everything else is the same in javascript as it is with jQuery.

  7. Jace Cotton

    While user agents can and often are spoofed or ambiguous to begin with, navigator.platform returns the actual platform and isn’t spoofed when the user agent is. Therefore, I like to test navigator.platform for MacPPC or MacIntel (though I don’t think anyone ever uses PPC Macs anymore).

    • Ian Westerfield
      Permalink to comment#

      I was just going to comment this – navigator.platform is the best way to go.

  8. Rishabh

    Can we use it to detect Linux. If it can will it detect all linux version or would it only detect aparticular distro like Fedora and Ubuntu.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed