Открыть Kindle Fire SilkBrowser Чтение Просмотр CSS

Кто-нибудь знает, как правильно внедрять CSS-классы для просмотра чтения Kindle Fire Silk?

Обновление Kindle Fire 6.3 добавило "Чтение":

С чтением View на Silk контент, который вас интересует, повышен выше беспорядка в оптимизированном для чтения, одном экране (даже для многостраничных статей). Полная страница по-прежнему доступна в фоновом режиме, что позволяет легко переключиться на традиционное представление, чтобы увидеть другие интересные функции на странице.

Я проверяю один из моих сайтов и визуализировал <div style="display:none;"> как статью для чтения, и мне не удалось найти информацию о том, как направить шелковый браузер в раздел, который должен отображаться в режиме чтения.

Пример кода:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">

<head>
  <title>Title</title>
</head>

<body>

<div id='content'>
  //important article here
</div>

<div id='sidebar'>
   //less important menu here
</div>

<div style='display:none;'>
   //lightbox HTML here, not important on mobile devices
</div>

</body>

</html>

Я обновлю, если найду какую-либо документацию.

Ответы

Ответ 1

У меня нет опыта с этим в Kindle Fire Silk Browser, НО. Я знаю, что iPhone имеет функцию чтения на основе семантического HTML, а не CSS. Если вы используете семантический макет, например

<h1>header</h1>
<h2>some text</h2>
<p>a paragraph</p>

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

Ответ 2

быстрым и грязным решением было бы добавить элементы, которые не должны отображаться (или произноситься) читателем через javascript или jQuery

Ответ 3

Попробуйте использовать медиа-запросы, возможно, что kindle выглядит, что печатная версия веб-сайта, поэтому, если вы создаете медиа-запрос для печати, а также стандартный экран, то это может сработать.

Ответ 4

Вы можете использовать css 3 и html 5 docType, попробуйте использовать медиа-запросы.

Пожалуйста, проверьте эту ссылку http://css-tricks.com/amazon-silk/