KDOC 170: PDFしおりを使いやすくする

この文書のステータス

  • 作成
    • 2024-05-13 貴島
  • レビュー
    • 2024-05-19 貴島

ブックマーク

Chrome組み込みのPDFビューワやpdf.jsでは、URLフラグメントで開くページを指定できる。リロードしても、前に指定していたページを開ける。現在ページをURLフラグメントに指定することで、しおり代わりにしている。

URLにページを直入力していたのだが、ボタンでできるようにした。Chrome組み込みのPDFビューワはHTMl要素をいじれなかったので、pdf.jsにボタンを追加した。ブックマークレットでやるのもいいだろう。

pdf.js Online Demoでコンソールに入れて試せる。 

const page = PDFViewerApplication.pdfViewer.currentPageNumber;
window.location.hash = `page=${page}`;

関連

抽象。

  • 状態を所在を示す文字列に埋め込むと、開き直しても再現できる
  • 手を加えられない道具を避け、改造できる道具の側で機能を足す

関連。

Backlinks