Trong javascript 'Nếu điện thoại di động'

Question

Tôi đã nghĩ đến việc làm điều gì đó với jQuery.browser nhưng điều này chỉ trả về trình duyệt bạn đang sử dụng và nếu nó là một webkit, v.v ...

Vì vậy, về cơ bản tôi muốn tắt các tệp js nhất định thậm chí tải nếu bạn đang sử dụng thiết bị di động?

Tôi cho rằng bạn có thể làm điều đó nhưng làm cách nào?

Answer 1

Tôi nghĩ this answer là tốt hơn bởi vì nó không phụ thuộc vào chiều rộng màn hình:

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
    // some code.. 
} 

Tôi biết rằng bây giờ bạn đã có sự phụ thuộc vào trình duyệt thương hiệu, nhưng điều này có thể duy trì được một chút để kiểm tra kích thước màn hình.

Answer 2

Bạn có thể sử dụng kích thước màn hình, cách mà bạn tải UI nhỏ của bạn cho màn hình nhỏ:

if ($(window).width() < 480 || $(window).height() < 480) { 
    //small screen, load other JS files 
    $.getScript('/js/script.js', function() { 
     //the script has been added to the DOM, you can now use it's code 
    }); 
} 

Documents cho $.getScript(): http://api.jquery.com/jquery.getscript

Answer 3

Vấn đề với các thiết bị di động so với các trình duyệt truyền thống là .. Vâng, sự khác biệt là gì?

Có các máy tính để bàn có kết nối chậm hơn điện thoại di động của bạn. Có điện thoại di động có độ phân giải cao hơn với máy tính để bàn. Và sau đó, tất nhiên, ngược lại cũng đúng.

Lý tưởng nhất, bạn nên cân nhắc tạo trang web của mình theo cách hoạt động tốt trên cả hai trang web. Trong khi trong thực tế, điều này thường khó khăn, tôi nghĩ rằng những ngày này bạn sẽ tìm thấy những nỗ lực của bạn đáng giá. Người dùng của bạn cũng sẽ yêu bạn vì điều đó.

Nếu bạn vẫn cảm thấy cần phải cố gắng này ... đặc biệt là trong JavaScript ... see this post: Mobile detection

Answer 4

Tôi biết đây là câu trả lời rất muộn và bạn có thể giải quyết được vấn đề của mình. Nhưng dù sao, đây là những gì tôi sử dụng cho tất cả các dự án của tôi:

window.isMobile = /iphone|ipod|ipad|android|blackberry|opera mini|opera mobi|skyfire|maemo|windows phone|palm|iemobile|symbian|symbianos|fennec/i.test(navigator.userAgent.toLowerCase()); 

Answer 5

$(window).resize(function(){ /*Bind an event handler to the "resize"*/ 
 
    if ($(window).width() < 480 || $(window).height() < 480) { 
 
     //what you have to do here 
 
    } 
 
})