モバイルブラウザにPDFを埋め込む

Question

私は、本質的に私のウェブページにJPG、GIF、PNG、またはPDFファイルのいずれかを埋め込むことになる、私が必要とする完全な解決策である以下のコードを持っています。これはPCブラウザでは完全に機能しますが、ページの重要な要件は、ターゲットユーザーのためにモバイルブラウザで互換性を持たせることです。

<iframe src="uploads/test1.pdf" width="auto" height="auto"> </iframe> 

イメージファイルは正常に動作しますが、PDFファイルはモバイルブラウザで別途開かれ、Webページには埋め込まれません。これに代わるソリューションまたは実装は何でしょうか？

Answer 1

PDFJsライブラリを使用できます。ちょうどJSを使用すると、PDFファイルをレンダリングできます。 ここをクリックしてください：https://mozilla.github.io/pdf.js/

Answer 2

同じ問題が発生しました。新しい開発者として、モバイルブラウザにiframeにPDFファイルを埋め込む際に問題があることに気づいていませんでした。私は今... lol

モバイルブラウザでは、新しいウィンドウでPNGファイルを表示する際に問題が発生していないときに、これを動作させるために自分のリソースを確保しました。だから私の無限の知恵の中で、私はGimp 2.0でPDFファイルを開いた後、PNGファイルとしてそれらをエクスポートしました。そして、ユーザーがクリックするためのボタンを作成し、PDFを埋め込む代わりにグラフィックを開きます。 は次のようになります。

<input class="AG" id="UnityBtn" type="button" value="Unity" onclick="location.href='../Meeting_Info/Unity.png'" /> 

私はこれがあなたのために可能であるかどうかを知りませんが、それは私のために美しく働きました。