8

这是 Fiddle 链接“ http://jsfiddle.net/Z99gr/2/ ”，与我的代码类似，我使用 Galleriffic 创建了一个图像滑块。在图像滑块和图像中，我正在显示嵌入的 PDF。

Fiddle 链接和我的图像滑块在 Chrome 和 Firefox 中运行良好，但在 IE 中我没有加载。我在 IE 11 中测试

在 IE 中，当我打开“ DOM Explorer (F12 - IE 的调试工具) ”并选择<div>包含<embed>PDF 标记的那个时，它会显示下面的代码。

   <div id="pdf">
        <embed width="500" height="375" src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" type="application/pdf">
        </embed>
    </div>

当我在“DOM Explorer（F12 - IE 的调试工具）”中编辑这个 HTML TAG 中的任何内容时，它会加载 PDF。

这是这个问题的一个非常奇怪的性质。

我不明白如何解决这个问题。

请建议！

我在 IE11 中得到以下结果：

在此处输入图像描述

结果应该是这样的（它是来自 Chrome 的屏幕截图）： 在此处输入图像描述

4

4 回答 4

26

我现在可以使用“ <iframe>”标签嵌入 PDF 文件 IE。

我用所有 3 种浏览器（Firefox、Chrome 和 IE）替换了 " <object>" 和 " <embed>" 标记，现在它可以正常工作了。<iframe>

在 IE 中嵌入 PDF 有两种方法。

第一种方式：直接调用PDF<iframe>

以下是更新后的代码：

<div id="pdf">
   <iframe src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
        <p>It appears your web browser doesn't support iframes.</p>
   </iframe>
</div>

第二种方式：如果浏览器没有 PDF 阅读器，您可以在<iframe>包含<object>标签的页面中调用 HTML 。

下面是第二个选项的代码

    <div id="pdf">
          <iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
               <p>It appears your web browser doesn't support iframes.</p>
          </iframe>
   </div>

“ pdf.html ”的代码

<body>
    <object data="lorem.pdf" type="application/pdf">
        <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
       <embed src="lorem.pdf" type="application/pdf" />
    </object>
</body>

这对我有用！！！

这是工作小提琴：http: //jsfiddle.net/Z99gr/9/

希望将来对其他人有所帮助！

于 2014-01-28T21:31:51.477 回答
0

对于将来遇到此问题的任何人，您必须关闭 Intranet 站点的兼容模式。

工具 > 兼容性视图设置 > 取消选中“在兼容性视图中显示 Intranet 站点”

开发者工具会覆盖兼容性视图并在 IE11 中显示页面。兼容性使页面显示为 IE5

于 2018-10-31T22:02:12.530 回答
-1

找到了一个对我有用的修复程序......

我使用的是 IE11、Win7 企业版和我刚刚更新的最新版本的 adobe reader XI。

我遇到问题的网站正在使用<object> </object> 来制作嵌入的 PDF（如果重要的话，它是一个 CQ5 组件）。

我不必修改 html - 这就是我所做的：

1) 转到 IE 中的 Internet 选项

2) 进入高级

3) 单击“重置...”。我还点击了“删除个人设置”，因为我主要使用 IE 来测试 Web 开发，所以那里没有太多...

4）需要重新启动计算机，所以这样做。

5）当你回来时，打开IE11。

6）它会提示您是否要使用它的默认设置/加速器。我说是（过去我通常对此说不）。

7) 打开网站，享受成功。

它还为我修复了这个示例站点，所以我知道发生了一些好事。 http://acroeng.adobe.com/Test_Files/browser_tests/embedded/embed2.html

我尝试在注册表中进行“TabProcGrowth”修复（我之前找到的一些其他解决方案），但这也不起作用。只有将 IE 重置为从头开始对我有用。

于 2014-09-03T19:26:42.930 回答
-1

解决方案：安装adobe acrobat reader。

在我看来，IE 使用安装的任何阅读器来查看嵌入式或本机打开的 PDF，而 chrome、edge 和其他现代浏览器带有各种 PDF 查看器。

于 2019-05-16T14:30:02.143 回答