Специфические особенности разработки веб-сайтов для японских мобильных телефонов; тестирование?
Вы генерируете row для каждого списка. В идеале вы хотели бы только списки. Таким образом, вы можете сделать:
{% if listings %}
{% for listing in listings %}
{% if forloop.counter0|divisibleby:3 %}<div class="row">{% endif %}
<!-- Single Featured Property -->
<div class="col-x-6 col-md-4">
<div class="single-featured-property mb-50">
<!-- Property Thumbnail -->
<div class="property-thumb">
<img src="{{listing.photo_main.url}}" alt="">
<div class="tag">
<span>For Sale</span>
</div>
<div class="list-price">
<p>₹{{listing.price}}</p>
</div>
</div>
<!-- Property Content -->
<div class="property-content">
<h5>{{listing.title}}</h5>
<p class="location"><img src="{% static 'img/icons/location.png'%}" alt="">{{listing.adderss}}</p>
<p>{{listing.description}}</p>
<div class="property-meta-data d-flex align-items-end justify-content-between">
<div class="new-tag">
<img src="{% static 'img/icons/new.png'%}" alt="">
</div>
<div class="bathroom">
<img src="{% static 'img/icons/bathtub.png'%}" alt="">
<span>{{listing.bathrooms}}</span>
</div>
<div class="garage">
<img src="{% static 'img/icons/garage.png'%}" alt="">
<span>{{listing.garage}}</span>
</div>
<div class="space">
<img src="{% static 'img/icons/space.png'%}" alt="">
<span>{{listing.sqft}} sq ft</span>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
Или, если вы хотите сгенерировать строку для каждых трех списков, которые вы делаете:
{% if listings %}
<div class="row">
{% for listing in listings %}
<!-- Single Featured Property -->
<div class="col-x-6 col-md-4">
<div class="single-featured-property mb-50">
<!-- Property Thumbnail -->
<div class="property-thumb">
<img src="{{listing.photo_main.url}}" alt="">
<div class="tag">
<span>For Sale</span>
</div>
<div class="list-price">
<p>₹{{listing.price}}</p>
</div>
</div>
<!-- Property Content -->
<div class="property-content">
<h5>{{listing.title}}</h5>
<p class="location"><img src="{% static 'img/icons/location.png'%}" alt="">{{listing.adderss}}</p>
<p>{{listing.description}}</p>
<div class="property-meta-data d-flex align-items-end justify-content-between">
<div class="new-tag">
<img src="{% static 'img/icons/new.png'%}" alt="">
</div>
<div class="bathroom">
<img src="{% static 'img/icons/bathtub.png'%}" alt="">
<span>{{listing.bathrooms}}</span>
</div>
<div class="garage">
<img src="{% static 'img/icons/garage.png'%}" alt="">
<span>{{listing.garage}}</span>
</div>
<div class="space">
<img src="{% static 'img/icons/space.png'%}" alt="">
<span>{{listing.sqft}} sq ft</span>
</div>
</div>
</div>
</div>
</div>
{% if forloop.counter0|divisibleby:3 %}</div>{% endif %}
{% endfor %}
{% endif %}
4 ответа
В наше время, все полные браузеры функции телефонов мирового судьи с поддержкой CSS (как сафари на iPhone).
Большинство пользователей, однако, содержания доступа через собственную платформу их поставщика. Чтобы сайт работал в мировом судье (коммерчески, я имею в виду), Вы захотите быть перечисленными на их "утвержденных сайтах" каталог.
Существует три основных платформы, один для каждого крупного поставщика:
- Imode для подписчиков NTT Docomo (связывают с NTT dev руководство здесь),
- Ketai Yahoo! для Softbank (исключая Vodafone) подписчики (связывают с Softbank dev руководство),
- EZweb для подписчиков au KDDI (связывают с AU KDDI dev руководство),
Для того, что сделал несколько сайтов для рынка мобильной связи мирового судьи (я работаю и живу в мировом судье), я рекомендовал бы тестировать с dev набором, предлагаемым каждым поставщиком. Ваш сайт должен будет удовлетворить уникальный набор каждого поставщика стандартов качества и будет проверен человеком QA в той компании.
Кроме того, по опыту я могу сказать Вам, что NTT и стандарты Softbank легко передать, в то время как AU будет усложнять Вам жизнь для самых крошечных деталей. На моем последнем проекте я должен был пойти лично в центре KDDI AU для тестирования моего сайта по каждому телефону с 2000 (у них есть специальная комната только для тестирования).
О, да, и я был бы, также рекомендуя добавление азиатской поддержки языка на Вашем ПК. На XP можно сделать это путем движения в Панель управления> Региональные Опции Языка> Усовершенствованный. Установите "Язык для программ не-Unicode" японскому языку и tadaa! можно запустить японское программное обеспечение.
За Ваше здоровье!
Вероятно, стоит знать о предварительной обшивке iMode устройств в Японии - которые работают на cHTML. Существуют некоторые полезные примечания по разработке для iMode здесь.
Для максимальной совместимости Вы могли бы рассмотреть библиотеку рендеринга, такую как СТЕНА, которая автоматически адаптирует разметку в соответствии с устройством, на котором она просматривается. Я записал о подобном процессе в php|architect журнале в прошлом июле, но PHP не может относиться к Вашим потребностям.
Относительно тестирования Вы могли бы хотеть посмотреть на DeviceAnywhere, который позволяет Вам "дистанционному управлению" широкое количество устройств в целях протестировать. Это несвободно (и немного неуклюже для использования), но это действительно поддерживает японские гарнитуры, и существует бесплатная демонстрационная версия.
Я - основатель mobalean, консультирование разработки программного обеспечения, специализирующееся на мобильной разработке в Японии. Мы создали Wiki, которая имеет английскую информацию о языке для мобильных разработчиков в Японии. Wiki находится все еще в ее младенчестве, но надо надеяться можно найти, что что-то там помогает Вам.
Что касается тестирования, быстрый и простой способ состоит в том, чтобы использовать FireMobileSimulator, плагин Firefox, который делает некоторое простое переформатирование страницы на основе выбранной трубки. Это, конечно, не заменяет тестирование на гарнитуре, но особенно полезно, если у Вас нет доступа к эмуляторам, поскольку Вы не разрабатываете на поле Windows.
Независимо от того, что Вы разрабатываете для японского рынка, может не быть столь простым, как это кажется. Я услышал некоторые комментарии, что японский менталитет очень отличается, который является, почему их попытки разработать пользовательские интерфейсы для американского/европейского рынка не так успешны. Я предполагаю, что противоположное было бы правильным также. Попытайтесь уже проверить существующие японские сайты для понимания, что может отличаться. Расположение компонентов UI, классификация продуктов, элементы меню не точно, где они должны логически быть. Если Вы неподвижны в процессе, это может делать хорошее, чтобы приостановиться и озираться перед продолжением.
Другая вещь, которую я услышал, состоит в том, что японцы являются довольно захватывающими к мобильным телефонам, носят с собой их и игрушку большую часть времени. Если это верно, Вы могли бы пересмотреть, как увеличить эффективность того, что Вы делаете знание этой особенности.
Что касается тестирования, все мы знаем, что несовместимости рендеринга мобильных устройств намного больше, чем наших удобных настольных браузеров. Я предполагаю в конце, Вы хотели бы проверить свой сайт на нескольких физических устройствах.
Ну, просто мои мысли... :)