Открыть 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/