Получить напечатанный номер страницы элементаCSS

Разбираемся в CSS
Anonymous
Получить напечатанный номер страницы элемента

Сообщение Anonymous »

Я работаю над проектом по преобразованию PDF-руководств в HTML. Я пытаюсь сохранить ценность PDF-файла при печати, одновременно предоставляя ему лучший пользовательский интерфейс на устройствах, которые не связаны концепцией страниц. Проблема, с которой я столкнулся, заключается в том, что в этих справочниках есть оглавление с номером страницы, с которой начинается каждая глава/раздел. При просмотре на устройстве этот список будет просто ссылками на странице, но при печати я хотел бы получить номер страницы элемента (например, на какой странице находится заголовок главы 3) и добавить его в оглавление, особенно после применения стилей печати, таких как page-break-after:avoid;.

В качестве примера я хотел бы знать, что нужно, чтобы точно добавить номера страниц в оглавление следующей статьи в Википедии, когда напечатано.
http://en.wikipedia.org/wiki/Character_mask

Изменить:
Я думаю использовать таблицу стилей печати для добавления номеров страниц при печати:

Код: Выделить всё

@page {
@bottom {
content: "Page " counter(page) " of " counter(pages)
}
}
а затем используйте JavaScript для обнаружения печати с помощью matchMedia/onbeforeprint (http://tjvantoll.com/2012/06/15/detecti ... avascript/), а затем извлеките номер страницы из содержимого, но я не уверен, как найти этот динамически добавленный контент. Возможно ли это? Есть ли другое решение?

Подробнее здесь: https://stackoverflow.com/questions/155 ... an-element

Вернуться в «CSS»