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