2011年3月1日火曜日

Google ドキュメントビューアで PDF を埋め込む。特定ページを開くための URL.

1. Google ドキュメントビューアーで PDF ファイルを開く

PDF ファイルを、ブラウザに組込まれたプラグインを使わずに開くときは、

を利用する。

http://docs.google.com/viewer

Google ドキュメント - ビューア via kwout

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

 

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

特定のページを開きたい

Google ドキュメントビューア で生成したリンクを開くと、PDF の「最初のページ」が開かれる。

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

によると、例えば、

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

となる。

 

ページを指定する URL

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

&embedded=true#:0.page.2

を追加する。

ページは最後の数字で示される。1 ページ目は 0 からはじまる

よって、開きたいページから 1 引いた数を指定する。

 

3. ウェブサイトに PDF ファイルを埋め込む場合

ウェブサイトに PDF を埋め込む場合、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>

 

ページを指定する URL

特定ページを開くための URL は、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>

 

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

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

#page=ページ数

を追加する。例えば、

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

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