Каков алгоритм или процесс для перекодирования HTML-страниц, чтобы сделать его подходящим для просмотра на мобильном телефоне?

Question

Если вы выполните поиск по адресу m.google.com на мобильном телефоне, вы обнаружите, что если вы нажмете на результат, вы увидите живые страницы, которые были перекодированы, чтобы сделать их пригодными для просмотра на мобильных устройствах, например, длинныхсодержимое будет отображаться на нескольких страницах.Существуют ли общедоступные алгоритмы или процессы для этого?

Answer 1

Вы можете создавать отдельные таблицы стилей CSS для каждого размера браузера.

Пример 1, таблица стилей, которая будет использоваться браузером iPhone, а не браузером ПК:

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

Пример 2, таблица стилей, используемая всем остальным:

<link rel="stylesheet" href="/comp/20/navigation1.css" type="text/css" 
      media="print, screen and (min-device-width: 480px)" />

Кредит за это объяснение

Прокрутите вниз до «Мобильных и CSS Media Queries» на исходной странице, на которую я ссылался.

Answer 2

То, что вы описываете, отображает альтернативный контент для устройств, особенно мобильных. Есть несколько методов для достижения этой цели - некоторые требуют разбиения на страницы контента или удаления какого-либо контента в целом. Это может быть функцией вашей системы управления контентом или даже сложной реализацией некоторых шаблонных схем.

Несмотря на то, что вы решите это реализовать, большинство мобильных сайтов в целом не имеют изображения или большой разметки. Если вы переводите веб-сайт для отображения на устройстве iPhone или Android, возможно, вы захотите заменить все ваши существующие макеты на дружественный для мобильных устройств HTML с меньшими накладными расходами, чем полноценный макет Web 2.0.

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

Удачи!