クロムモバイルバージョンビューのローカルからPDFを読み込むことができません

Question

私はダイアログボックスのローカルパスからPDFを開く必要があるプロジェクトに取り組んでいます。私は通常のクロムブラウザからPDFを開くことができますが、クロムモバイルのバージョンビュー（inspect要素 - コンソール）から同じPDFを開くことができません。 Googleドライブから開こうとするリンクがたくさんあると思っていますが、インターネット接続が利用できない場合はPDFを開くことができません。どのように私はGoogleのドライブプロセスなしでこれを達成することができます。この問題は、事前におかげで私を助けてください。これまでに書いたコード。

注：このプロジェクトではjQueryの使用を制限されていますが、JavaScriptのみが許可されています。

function pdf(objFRM, local_src){ 
 
    document.getElementById('dialog').style.display = 'block'; 
 
    document.getElementById(objFRM).style.display = 'block'; 
 
    document.getElementById(objFRM).src = local_src; 
 
    console.log(document.getElementById(objFRM).src); 
 
}

<a onclick="pdf('iFrame', 'assets/pdf/sample.pdf')"><button class="gray-button">Manual</button></a> 
 

 
<div id="dialog" style="display:none;"> 
 
    <div class="modals">   
 
    <iframe id="iFrame" type="application/pdf"></iframe> 
 
    </div> 
 
</div>

Answer 1

私は、PDFファイルが表示/レンダリングするが、他のブラウザではうまく動作しませんクロームの問題について聞いてきました。別のブラウザを使用して、Chrome自体に問題がないことを確認してください。

ローカルウェブサイトの場合、 assets/pdf/sample.pdf は、コードファイルがアセットを含むフォルダ内にある場合にのみ機能します。

Answer 2

Afmaモバイル版のchromeにはPDFビューアが組み込まれていません。 PDFを表示するには別のPDF-Viewerアプリをインストールする必要があります。 「IFRAME」の

<a id='myPDF'>Get Me</a> 
document.getElementById(objFRM).href = local_src; 

Answer 3

使用法は、セキュリティ上の理由から、これらの日が推奨されて：あなたは何ができることは、モバイルユーザーは、ファイルが外部ビューアで開くには、「ダウンロード」でしたリンクを、提供しています。リソースに関しては、同じ起源では問題にはなりません。しかし、私はそれのための埋め込みまたはリンクタグを使用することをお勧めします。 pdfを開く/ポップアップするには、 'anchor'タグのtarget属性を使用することもできます。

<object name="frame_1" data="/assets/template/test_pdf.pdf" type="text/pdf" width="600" height="500"> 
    <embed src="/assets/template/test_pdf.pdf" id="embed_pdf"></embed> 
</object> 
<link rel="import" name="frame_2" href="/assets/template/test_pdf.pdf"> 

<a target="frame_1" href="assets/template/test_pdf2.pdf" class="btn btn-raised btn-info">Load PDF</a> 

<a target="frame_2" href="assets/template/test_pdf3.pdf" class="btn btn-raised btn-info">Load PDF</a>