HTML嵌入PDF无法在移动Chrome中使用

时间:2016-09-25 13:28:25

标签: html html5 google-chrome embed

我想在我的网站上显示PDF文件。

这是我的代码,可以在Chrome的正常设置中完美运行

<html>
<object data="http://health.ntuh.gov.tw/health/NTUH_e_Net/NTUH_e_Net_no91/%E7%99%8C%E7%97%87%E7%AF%A9%E6%AA%A2.pdf" type="application/pdf" width="1000" height="1000">
  <embed src="http://health.ntuh.gov.tw/health/NTUH_e_Net/NTUH_e_Net_no91/%E7%99%8C%E7%97%87%E7%AF%A9%E6%AA%A2.pdf" type="application/pdf" />
</object>
</html>

但无法在Chrome的Toogle设备工具栏中进行移动设置(参见下图)

Chrome's Toogle device toolbar

这是Chrome中的错误还是其他什么? 请帮帮我谢谢!

1 个答案:

答案 0 :(得分:1)

您必须安装Chrome插件才能查看PDF格式。使用此代码。

&#13;
&#13;
<div id="content">
<object data="http://health.ntuh.gov.tw/health/NTUH_e_Net/NTUH_e_Net_no91/%E7%99%8C%E7%97%87%E7%AF%A9%E6%AA%A2.pdf" width="100%" height="700px"> 
  <p>It appears you don't have a PDF plugin for this browser.</p>
  <p id="missing-pdf-plugin">You can <a href="http://health.ntuh.gov.tw/health/NTUH_e_Net/NTUH_e_Net_no91/%E7%99%8C%E7%97%87%E7%AF%A9%E6%AA%A2.pdf">click here to
  download the PDF file</a>.</p>
</object>

<script type="text/javascript">
$(document).ready(function(){
    if ( $.browser.mozilla) { // firefox
        var msg = "You can <ul><li>either install a PDF plugin such as <a href='https://addons.mozilla.org/en-US/firefox/addon/pdfjs/'>this one</a> and refresh this page,</li><li>or <a href='http://health.ntuh.gov.tw/health/NTUH_e_Net/NTUH_e_Net_no91/%E7%99%8C%E7%97%87%E7%AF%A9%E6%AA%A2.pdf'>click here to download PDF file</a>.</li></ul>";
        $("#missing-pdf-plugin").html(msg);
    }
});
</script>
&#13;
&#13;
&#13;