2011年3月1日火曜日

Google ドキュメントビューアで特定のページを開くためのリンク

PDF ファイルを、ブラウザに組込まれたプラグインを使わずに開くときは、Google ドキュメントビューア を利用する。

ブラウザのデフォルトの動作として、 PDF ファイルを上記サービスで開きたいときは、Userscripts.org にある Greasemonkey スクリプトをインストールしておく。

 

PDF ファイルを示す URL の末尾でページを指定する

上記で生成したリンクを開くと、PDF の最初のページが開かれる。

特定のページを指定したい場合はどうするのだろう?

How do I target a specific page in a PDF document with Google Docs viewer? を参考にすると、

例えば以下の PDF ファイル

Google ドキュメントビューア を利用して開く場合のリンクは、

となる。

3 ページ目を指定して開きたいときは、上記 URL の末尾に

&embedded=true#:0.page.2

を追加。

ページは最後の数字で示される。0 からはじまるので、開きたいページから 1 引いた数を指定すれば良いようだ。

 

埋め込む場合も同じ

上記と同じ例を用いると、Google ドキュメントビューア でリンクを生成したときに表示される iframe タグは、

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.scala-lang.org%2Fdocu%2Ffiles%2FScalaReference.pdf&embedded=true&embedded=true" width="600" height="780" style="border: none;"></iframe>

iframe タグの src 属性の末尾に

#:0.page.2

を追加して、

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.scala-lang.org%2Fdocu%2Ffiles%2FScalaReference.pdf&embedded=true&embedded=true#:0.page.2" width="600" height="780" style="border: none;"></iframe>

 

ブラウザ内で開く PDF ファイルに対して、ページ指定をしたリンクを作成には

追記 (2011.3.16) : ところで、普通にブラウザ内で PDF ファイルを開く場合、特定のページを指定したリンクを作成するには、PDF ファイルのリンクの末尾に、

#page=ページ数

を追加する。

例えば、

の 3 ページ目を表示させるリンクは、

となる。

( 参考: PDFファイルに対するページ指定ハイパーリンク - 繰り言 )