Using jquery to determine screen width

Question

You are having trouble getting this script to work correctly on iphone 6. Saved as “not mobile”. What am I missing?

$(document).ready(function(){ if ($(window).width < 700){ alert("mobile"); } else { alert("not mobile"); } }); 

EDIT: Sorry, the code I printed here had a typo, but was not the cause of my problem. I had inaccurate iphone resolution information. Thanks everyone!

Answer 1

The iPhone 6 has a resolution of 1334x750. When emulating iPhone6 ​​in chrome dev tools, the width is declared as 980 (I don't know how accurate it is).

You may be interested in: http://detectmobilebrowsers.com/

Also, as others have noted, replace $(window).width with $(window).width()

Answer 2

iPhone6 ​​- 1334x750 pixels. If you use only the width to detect the mobile user, see this .

Answer 3

Well, ignoring what ekuusela said about screen resolution, you seem to have forgotten your parentheses after width , which is a method, not a field. To fix this, simply add () after it:

 if ($(window).width() < 700) 

See the documentation for width() for more details.

Answer 4

JQuery uses $(window).width() . This is a function, not a property.

Answer 5

You need .width() , not just .width . Also, write it down and make sure you expect it.

Answer 6

This thread penetrates deeply into parameters in both Javascript and jQuery.

Get screen size, current web page and browser window