Разработка веб-сайта для мобильного
Используйте имя свойства, чтобы получить значение свойства
if ( typeof this.post.showComments !== 'undefined' && this.post.showComments ) {
Vue.set(post, 'showComments', false);
return;
}
Также обратите внимание, что вам следует избегать использования this.$set, поскольку оно устарело из-за конфликтов с другими библиотеками. Попробуйте вместо этого использовать Vue.set.
4 ответа
Я не уверен, как iPhone/iPod Touch объявляет себя при запросе таблицы стилей, но для большинства, с помощью
<style type="text/css">
@media handheld
{
/* handheld styles */
}
</style>
должен добиться цели. Это работает таким же образом @media, печать делает (или не делает).
Для полного списка типов среды посмотрите здесь.
Мобильные браузеры являются реальной мешаниной с точки зрения того, что они поддерживают, следуют ли они за атрибутом "медиа" на Ваших стилях и т.д.
Я сказал бы, стремятся к прогрессивному улучшению (это - один из ряда статей), и удостоверьтесь, что, если браузер только понимает плоскость HTML, Ваше содержание все еще видимо и в правильном порядке - например, Вы хотите, чтобы Ваше основное содержание появилось перед боковой панелью в коде, так как основное содержание более важно.
Достойно выглядящий ресурс был упомянут в статье выше.
Вы могли бы хотеть использовать что-то как WURFL, который является довольно хорошей базой данных, которая знает много об устройствах и их агентах пользователя, если другие решения не работают.
И, не забудьте уменьшать размеры загрузки :)
Вы хотели бы взглянуть на тип агента пользователя, который Вы имеете и видите, является ли это мобильное устройство. Следующий код был бы примером этого:
public static bool IsMobile(string userAgent)
{
userAgent = userAgent.ToLower();
return userAgent.Contains("iphone") |
userAgent.Contains("ppc") |
userAgent.Contains("windows ce") |
userAgent.Contains("blackberry") |
userAgent.Contains("opera mini") |
userAgent.Contains("mobile") |
userAgent.Contains("palm") |
userAgent.Contains("portable");
}
Это должно работать в большинстве случаев! Эта ссылка могла бы помочь Вам стать более конкретными также.