0

今後のモバイル Web プロジェクトでは、動的に選択された PDF ファイルを Web ページ内で表示する必要があります。私は iFrame を使用して pdf ファイルを表示しています。ファイルは 2 本指のスクロールを使用してスクロールできます。しかし、私が直面している問題は次のとおりです。

  1. ファイルの最初のページは iPad では完全には表示されず、iFrame 領域に収まるようにズームアウトされているにもかかわらず、pdf の最初のページが常に完全に表示されるデスクトップ ブラウザーで表示する場合とは異なり、幅に沿って切り取られます。

  2. pdf ドキュメントをスクロールできることをユーザーに視覚的に示すものはありません。つまり、pdf ドキュメントにスクロール バーはありません。

  3. デスクトップ ブラウザーで表示する場合とは異なり、pdf ビューアー (Adobe リーダー) のコントロール (ページ ナビゲーション、ズームなど) がドキュメントに表示されません。

私がやろうとしていることを達成するための最良の方法は何ですか? 私が直面している問題の解決策/回避策を知っている専門家はいますか? iFrame 以外のものを使用したまったく異なるアプローチも考えられます。

pdf が html ページ内にある必要がある理由は、pdf ファイルのリストがページの左側のメニュー バーに表示され、ユーザーがそれらのいずれかをクリックして同じページに表示できるためです。理想的には、全画面表示とその表示を切り替える機能が必要です。

どんな助けでも大歓迎です。

4

4 に答える 4

0

PDFが完全に表示されないという同じ問題がありました。これを修正するために私が見つけた唯一のことは、pdfを含むdivのサイズを変更することでした。

たとえば、pdfを含む要素がdivの場合、幅を任意の値に変更し、ロールバックを以前の値に変更します。幅や高さを変更すると、どれでも機能します。

サイズ変更可能なメソッドを呼び出す前に、setTimeoutを使用して少し待たなければならない場合がありました

于 2012-10-11T18:42:55.097 に答える
0

PDF をインラインで表示し、スクロールできるようにする小さな JavaScript モジュールを作成しました。しかし、親コンテナの幅全体に合わせる方法もわかりませんでした。

確認してください: https://github.com/williamrjribeiro/ipdf-scroll

乾杯。

于 2012-10-18T14:45:27.703 に答える
0

この問題は、iPad の Safari のバグのようです。

PDFをhtmlに埋め込むための解決策は見つかりませんでしたが、これは見つかりました：

ビューではなくコントローラ アクションから FileStreamResult を返すと、pdf が新しいタブで開きます。これは HTML が埋め込まれているわけではありませんが、少なくともユーザーはファイルをダウンロードして手動で開く必要はありません。

于 2015-07-27T12:05:35.130 に答える
0

PDFをHTMLに埋め込むためのこの推奨方法に出くわしましたか? 答えを見つけるためにウェブで調査している間。

言及されたリンクは、私が使用できるいくつかのオプションについて説明しており、ウェブサイトで使用する前に知っておく必要があるもの (データ制限など) があるかどうかはわかりませんが、Google ドキュメント ビューアーは私のために機能します。また、使用するのが良い解決策であるかどうかもわかりません（フルスクリーンモードは利用できませんが、ズームイン/ズームアウトおよび次/前のページボタンはiPadのモバイルサファリに表示されます） iPad で実行される Web アプリの場合。

とにかく、私はより良い解決策を探し続けます.何も見つからない場合は、Googleドキュメントビューアに固執します.

于 2012-08-14T23:22:57.373 に答える