blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Web

htmlからpdfの特定のページにリンクをつける方法

Pocket

htmlからpdfの特定のページにリンクをつけるには、pdf名に#page=2(例:sample.pdf#page=2)と付ければいいとAdobe公式に書いてありますが、間違いです。Safariでは動作しますがGoogle Chromeで動作しません。

HTML ページから PDF ファイルの特定の場所へのリンクを作成する方法(Acrobat)

Adobe Acrobat Proを使って、pdfに「移動先」を設定します。

1ページ目が表示されている状態で「+」を押し、「page=1」と入力します。同様に、2ページ目が表示されている状態で「+」を押し、「page=2」と入力します。

ここで、「page1」や「1」とすると、今度はSafariで動作しません。Safariは移動先が効かないようで、Adobe公式で言われている#page=2という機能を使います。Safari以外は、移動先を使います。そのため、オフィシャルの#page=2という書き方に合わせるため、移動先の名前もpage=2とします。

こうすることで、htmlのリンクに「sample.pdf#page=2」と書くことで、pdfの2ページ目にリンクが可能です。