одна страница для мобильного / iphone и рабочего стола

Question

Я разработал мобильную версию страницы, и она использует некоторые специфичные для мобильных устройств Java и CSS

Я сталкивался со многими решениями, чтобы направить пользователей мобильных устройств / iPhone на эту конкретную страницу, а пользователей настольных компьютеров - на исходную веб-страницу.

но я хочу, чтобы я получал обе вещи на одной странице, и когда пользователь находится на мобильном телефоне, определенная часть javascript и css работает на одной странице без перенаправления пользователя на другие страницы.

это возможно

Answer 1

Возможно, вам пригодится недавняя статья A List Apart, Отзывчивый веб-дизайн . Он концентрируется в основном на CSS, используя медиа-запросы для отдельного таргетинга на устройства с небольшим экраном, например ::10000

<link rel="stylesheet" type="text/css"
    media="screen and (max-device-width: 480px)"
    href="shetland.css" />

Возможно, вы также захотите взглянуть на Modernizr , это не сильно поможет при обнаружении мобильного браузера, но облегчает обнаружение функций, поэтому вы можете только загрузить прогон конкретные сценарии, если доступны определенные функции.

Answer 2

Да, это возможно. Для CSS просто используйте медиа атрибут для link элемент:

<link rel="stylesheet" href="..." media="handheld" />

Для JS вам придется определить, используя подпись агента пользователя , использует ли посетитель мобильное устройство.