How to detect and display what mobile device user is using on a webpage?

Question

When users land on my page, I would like to present them with a text saying

"You are using {device name}."

So for someone on a Samsung Galaxy 7 it would be:

"You are using the Samsung Galaxy 7."

What is the best way to go about this to display this in my page please?

Thanks

score 0 · Answer 1 · answered Sep 28 '16 at 10:23

0

In order to get android device name you have to add only a single line of code:

android.os.Build.MODEL;

Found here: getting-android-device-name

answered Sep 28 '16 at 10:23

Kani Raj

106
1
6

Im looking more for all devices, all mobile devices. And this is a web application, not just for Android. – mat boy Sep 28 '16 at 10:26
@ShaishavJogani because that is the way things are. – mat boy Jan 05 '17 at 14:34

score 0 · Answer 2 · answered Sep 28 '16 at 10:30

If you are looking for a javascript solution, use wurfl.js https://web.wurfl.io/#wurfl-js

Include the js file and access the returned object to check if it's a phone.

From my phone, it's as follows.

{
    "is_mobile": true,
    "complete_device_name": Motorola MotoG3,
    "form_factor": Smartphone
}

score 0 · Answer 3 · edited May 23 '17 at 12:34

0

Here is another solution in Js, No registration is needed.

detect Mobile browser

And I don't think you will be able to get the device details, unless you are going native. You will only be able to detect, if the browser is mobile and which type of browser it is.

Hope this helps.

edited May 23 '17 at 12:34

Community

1
1

answered Sep 28 '16 at 10:39

Nakul

1,313
19
26

score 0 · Answer 4 · answered May 10 '17 at 07:15

0

Now I've tried this: https://frubil.info/

console.log(FRUBIL.device.marketname); // Galaxy S7

answered May 10 '17 at 07:15

pepin

1

How to detect and display what mobile device user is using on a webpage?

4 Answers4