在移动设备上使用HTML对象标签吗?

时间:2019-06-13 15:12:17

标签: javascript html css mobile

我正在尝试在我的网站上显示PDF。我一直建议的简单解决方案是使用object标签。在所有主要的桌面浏览器上都可以正常显示,但在移动设备上却可以正常运行。

我看到人们做的主要变通方法之一是:

<object data="myfile.pdf" width="100%" height="800">
    <p>Your browser doesn't support this feature.</p>
    <a href="myfile.pdf">Download PDF Instead.</a>
</object>

让用户下载该文件以无论如何在移动设备中全屏观看,我会很满意,因为它几乎不可能在体内充分读取。

但是,移动设备似乎...某种程度上支持object标签?我不确定我看到的有关移动支持的线程是否过时,还是没人愿意测试该解决方案。移动设备不显示后备文本,而是基本上显示PDF第一页的大屏幕抓图。用户也不能与之交互。

理想情况下,我想在不使用仅核心HTML / CSS / JS的任何支持库的情况下执行此操作。我知道pdf.js和其他一些选项,但是我想使其尽可能简单。

0 个答案:

没有答案