Helpex - Trao đổi & giúp đỡ Đăng nhập
14

Tôi vừa tạo trang web jQuery trên điện thoại di động đầu tiên của mình.

Tôi muốn những người xem "Trang web đầy đủ" của tôi bằng điện thoại di động tự động được chuyển sang "TRANG WEB DI ĐỘNG". Nhưng cũng có khả năng nhấp vào một liên kết để xem Toàn bộ trang web nếu họ muốn.

Tôi không có ý tưởng bắt đầu từ đâu. Có một số JavaScript mà tôi có thể sử dụng hay gì đó không?

Nếu bạn muốn xem các trang web trông như thế nào, đây là Trang web đầy đủ: http://www.solera-restaurant.com và trang web dành cho thiết bị di động vẫn còn trên máy chủ thử nghiệm của tôi: http://graves-incorporated.com/test_sites / solera_mobile /

14 hữu ích 0 bình luận 68k xem chia sẻ
15

Phát hiện điện thoại thông minh bằng JavaScript: http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

Phát hiện thiết bị di động bằng PHP: http://www.hand-interactive.com/resources/detect-mobile-php.htm

Phát hiện iPhone & iPod bằng JavaScript

http://davidwalsh.name/detect-iphone

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://graves-incorporated.com/test_sites/solera_mobile/";
}

PHP

if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod'))
{
  header('Location: http://yoursite.com/iphone');
  exit();
}

Bạn có thể lấy javascript tại đây: https://github.com/sebarmeli/JS-Redirection-Mobile-Site

Tài liệu tại đây: http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/

Đây là một Javascript phát hiện thiết bị di động khác: https://github.com/miohtama/detectmobile.js

Tạo một tệp javascript và dán mã này:

(function(a,b){if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://graves-incorporated.com/test_sites/solera_mobile/');
15 hữu ích 4 bình luận chia sẻ
22
<script type="text/javascript">
        if (screen.width <= 720) {
        window.location = "mobile/index.php";
    }
</script>
22 hữu ích 2 bình luận chia sẻ
6

Đối với những người bạn đang tìm kiếm giải pháp bên máy chủ vì cách đó hiệu quả hơn, hãy kiểm tra liên kết này mà tôi vừa tìm thấy, đây là danh sách khá đầy đủ các tác nhân người dùng mà bạn có thể kiểm tra để chuyển hướng trên: http : //detectmobileb browser.com/

Đối với những người trong số bạn không biết tác nhân người dùng là một phần của tiêu đề của yêu cầu và mô tả phần mềm khách hàng đã khởi tạo yêu cầu. Về cơ bản, nó là một chuỗi mà bạn có thể sử dụng để xác định thiết bị nào đã yêu cầu trang web của bạn.

6 hữu ích 1 bình luận chia sẻ
1

Bạn có thể sử dụng một cái gì đó như Bản đồ thiết bị để nhận nếu đó là thiết bị di động và sau đó gửi phiên bản thích hợp của trang.

Có những cách hack khác mà bạn có thể làm để xem xét tác nhân người dùng thiết bị.

1 hữu ích 2 bình luận chia sẻ
0

Có nhiều cách được liệt kê ở đây , bao gồm cả PHP.

Một jQuery đặt biến jQuery.browser.mobile:

/**
 * jQuery.browser.mobile (http://detectmobilebrowser.com/)
 *
 * jQuery.browser.mobile will be true if the browser is a mobile device
 *
 **/

Sau đó, bạn có thể chuyển hướng bằng JS thông thường, như sau:

if(jQuery.browser.mobile) window.location = 'mobile_url';

Hãy nhớ rằng việc chuyển hướng người dùng trên mọi trang là không tốt. Tạo một trang web dành cho thiết bị di động riêng biệt hoặc làm nó ở phía máy chủ (ví dụ: với PHP).

0 hữu ích 3 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ javascript html css jquery-mobile , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

loading