PDF 嵌入在 IE11 中不起作用，但在 DOM Explorer 中编辑 HTML 时可以使用（F12 - IE 的调试工具）

Posted 2023-03-13

技术标签:

【中文标题】PDF 嵌入在 IE11 中不起作用，但在 DOM Explorer 中编辑 HTML 时可以使用（F12 - IE 的调试工具）【英文标题】：PDF embed not working in IE11, but it WORKS when edit the HTML in DOM Explorer (F12 - debug tool of IE) 【发布时间】：2014-02-15 22:16:30 【问题描述】：

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

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

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

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

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

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

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

请推荐！

我在 IE11 中得到以下结果：

结果应该是这样的（它来自 Chrome 的屏幕截图）：

【问题讨论】：

它在 IE11 中对我来说工作正常。您是否尝试过关闭所有插件 @mseifert：你检查的是同一个小提琴“jsfiddle.net/Z99gr/2”吗？是的，（不是评论中的链接混入了额外的引号）/ 更正，如果您删除所有画廊代码并留下 div 和嵌入的 pdf，它会起作用，我正在努力查看与它有什么冲突。谢谢！！.. 是的，我也试过了...如果您只添加带有 DIV 的 PDF.. 它会显示.. 问题在于 Galleriffic 代码.. 我试图找到很多..但无法... 【参考方案1】：

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

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

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

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

以下是更新后的代码：

<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/

希望以后对其他人有所帮助！

【讨论】：

【参考方案2】：

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

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

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

【讨论】：

【参考方案3】：

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

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