开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

嵌入PDF的IFrame在Chrome中可用，但在IE11中不可用

的原因是因为不同浏览器对于PDF的支持程度不同。

在Chrome浏览器中，PDF文件可以直接在浏览器中打开和显示，因此可以通过在IFrame中嵌入PDF文件的URL来实现在页面中显示PDF内容。

而在IE11浏览器中，PDF文件的显示需要依赖于Adobe Reader插件或其他PDF阅读器插件。如果用户的IE浏览器没有安装相应的插件或插件版本不兼容，那么在IFrame中嵌入PDF文件将无法正常显示。

为了解决在IE11中无法嵌入PDF的问题，可以考虑以下几种解决方案：

使用其他方式显示PDF：可以使用PDF.js等JavaScript库来实现在所有浏览器中都能够显示PDF文件的功能，而不依赖于浏览器自带的插件。通过将PDF文件转换为HTML5格式，然后在IFrame中嵌入转换后的HTML5内容，可以在IE11中正常显示PDF文件。
提示用户下载PDF：如果无法在IE11中直接显示PDF文件，可以在IFrame中显示一个提示信息，告知用户可以点击链接下载PDF文件进行查看。
使用其他浏览器兼容的方式：如果只是在IE11中无法嵌入PDF，可以针对IE11浏览器单独处理，使用其他浏览器兼容的方式来显示PDF文件，例如使用object标签或embed标签来嵌入PDF文件。

总结起来，嵌入PDF的IFrame在Chrome中可用，但在IE11中不可用的解决方案包括使用其他方式显示PDF、提示用户下载PDF或使用其他浏览器兼容的方式。具体选择哪种方案取决于项目需求和用户体验的考虑。

腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
腾讯云云安全中心：https://cloud.tencent.com/product/ssc
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns

相关搜索:Dropdown在Chrome中可用，但在Firefox中不可用 Javascript排序在Firefox中可用，但在Chrome中不可用后台请求的webRequest在Chrome中可用，但在FF中不可用 Java方法在Eclipse中可用，但在Android中不可用 chrome vs IE11中的iframe onload 在pdf中嵌入iframe以生成报告 Mac Shell -命令在终端中可用，但在Shell中不可用数据在.map()中可用，但在.subscribe()中不可用- angular 5 嵌入选项在Grafana中不可用卸载中的长进程在Firefox+Chrome中可用，但在IE11中不起作用 Websocket数据在我的angular服务中可用，但在订阅中不可用查询在Oracle SQL Developer中可用，但在Microsoft Query中不可用 mvn -v在Git Bash中可用，但在Windows cmd中不可用实例变量在单个测试中可用，但在完整测试套件中不可用 Powershell获取地址列表在PS 5.1中可用，但在7中不可用 IE11中的布局中断，但在Chrome中工作正常日期格式在chrome中有效，但在IE11中无效 javascript .get函数在开发中可用，但在生产中不可用。在设计编辑器中可用空间，但在设备上不可用？类在activiti 6.0.0中可用，但在activiti 7.0.0.SR1中不可用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

解决webview内的iframe中的事件不可用的问题

最近做Android的Webview开发，使用iframe中嵌入了很多页面，嵌入的页面却不可用，最后发现是 webView.setWebViewClient(new WebViewClient() {...super.shouldOverrideUrlLoading(view, url); } 不要覆写 shouldOverrideUrlLoading 这个方法，覆写这个方法会拦截ifame中的事件...补充知识：Android 原生WebView访问使用iFrame网页问题（页面找不到了）问题：项目使用原生WebView访问使用了iFrame的网页出现的问题，列表页使用iFrame跳转到淘宝客的地址...CookieManager.getInstance(); cookieManager.setAcceptCookie(true); CookieSyncManager.getInstance().sync(); } 以上这篇解决webview内的iframe...中的事件不可用的问题就是小编分享给大家的全部内容了，希望能给大家一个参考。

2.2K2 0

记录工作中遇到的各种问题（Bug，总结，记录）

在iframe中的预览pdf文件时，有时embed元素未占满整个iframe，而是正好一半,一半 ? ?...在Chrome开发者工具中打开开发者工具（Inspect in DevTools）其实Chrome开发者工具就像是一个iframe，嵌入到页面中，也是可以审查的首先打开DevTools至独立窗口中，...或来嵌入pdf预览一般来说，预览pdf文件可以直接在html中嵌入，标明type类型即可调用浏览器自身的插件来预览嵌入pdf文件的地址，不过还有问题，见下一个 59. ...但在新版Chrome中（如62），连提示都没有了，需要手动在设置中添加Flash支持的网站例外才能播放看了所用的Flash播放器（CuPlayer），播放前是先检测插件是否存在的，这造成了在新版Chrome

18.1K1 2

标签

如果未使用该关键字，这个操作将不可用。allow-forms: 允许嵌入的浏览上下文可以提交表单。...如果该关键字未使用，该操作将不可用allow-scripts: 允许嵌入的浏览上下文运行脚本（但不能window创建弹窗）。如果该关键字未使用，这项操作不可用。...如果未使用该关键字，这个操作将不可用。 allow-forms: 允许嵌入的浏览上下文可以提交表单。...如果该关键字未使用，该操作将不可用 allow-scripts: 允许嵌入的浏览上下文运行脚本（但不能window创建弹窗）。如果该关键字未使用，这项操作不可用。...marginheight 框架内容到框架的上下边距，以像素格式表示。 marginwidth 规定是否在 iframe 中显示滚动条。

9082 0

记几处原生JS的开发原

先想肯定是阴影或变形引起的吧，就把css中的shadow去掉，还不行。就一块块的去CSS代码。在把透明度去掉，就好了！...2、IE11中，在主界面中，获取了iframe初始的contentWindow后，如果再往里写入一个新页面，那么这个已经获取的window就无效了。...window["ActiveXObject"] || "ActiveXObject" in window) this.init("再绑定一次"); 这个在chrome ff中，不存在window失效问题...解决办法：window.scrollY || window.pageYOffset || document.documentElement.scrollTop 4、在IE11里访问iframe时，document.getElementById...frm得到的竟然直接是一个window对象，我的个天呀！在chrome，ff中，可不是这样，我还没有去百度原因，不知道有没有什么说法没有。

2.1K2 0

Hexo -18- 添加 PDF 阅读功能

本文介绍在hexo 中添加 pdf 插件的方法。.../hexo-pdf 插入链接 {% pdf %} 该方法可以方便地在hexo PC端嵌入PDF 弊端是手机端无法正常显示页面方法二所有浏览器都支持和之间，这样就可以应对无法理解 iframe 的浏览器，比如下面的代码可以提供一个PDF的下载链接： <iframe src="/index.pdf"...进入页面会自动跳入下载pdf文件，并不好用方法三标签定义嵌入的内容。...此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

2.9K1 0

怎么用浏览器在线打开pdf文件_PDF文件怎么编辑

在web开发当中我们经常需要进行需要在线浏览PDf内容，在线嵌入动态pdf，传统的解决方法安装客户端PDF阅读器，如果是在谷歌是可以在线浏览的，因为他自身就带了一些插件，以前遇到这样的问题往往是费时又费力...PDFObject PDFobject可以帮助你在页面直接嵌入pdf文件，有时候有些项目需要动态地嵌入PDF文件。...pdf.js 和 Google Chrome 使用的源自 Foxit 的闭源 PDF 浏览插件不同，PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。...问题1：如何网页中嵌入PDF：在网页中：常用的几种PDF预览代码片段如下：代码片段1: 1 <object type="application/<em>pdf</em>" data="file:///D:/atm...页面<em>中</em>无法显示<em>嵌入</em><em>的</em><em>PDF</em>文件时使用代码片段1、并在浏览器<em>中</em>输入<em>chrome</em>://plugins;如下图所示；如果你加载本地路径<em>的</em><em>PDF</em>文件时；浏览器会提示无法加载本地资源文件时；原因分析以及解决方案如下

6.9K6 0

你真的会用Jupyter吗？这里有7个进阶功能助你效率翻倍

不过，每次换主题的时候都要重新加载Jupyter，才能看到主题变化。另外我们上面讲的在命令之前加“!”也一样可用。...Snippets Snippets在工具栏里加了一个下拉菜单，可以非常方便的直接插入代码段，完全不用手动敲。 ? 拆分单元格拆分笔记本中的单元格，改成相邻的模式，看起来就像分了两栏。 ?...戳一下，一个可以边演示边改的PPT就好了。 ? 嵌入链接和pdf 扔链接再跳转实在是太麻烦了，不如直接把素材放进Jupyter里面。...嵌入pdf 1from IPython.display import IFrame 2IFrame('https://arxiv.org/pdf/1406.2661.pdf', width=800, height...=450) 同样，把pdf链接换成你需要用的pdf。

1.9K3 0

新的浏览器缓存策略变更：舍弃性能、确保安全

在 Chrome 中，缓存机制以多种方式使用，HTTP 缓存就是一个示例。...跨站点搜索攻击：攻击者可以通过检查特定网站使用的“无搜索结果”图像是否在浏览器的缓存中来检测用户的搜索结果中是否包含任意字符串。...跨站点跟踪：缓存可用于存储类似 cookie 的标识符，作为跨站点跟踪机制。为了减轻这些风险，Chrome 将从 Chrome 86 开始对 HTTP 缓存进行分区。...iframe 中。...用户访问 https://a.example，其中嵌入了一个 iframe（https://b.example），它又嵌入了另一个 iframe（https://c.example），这个 iframe

1.1K2 1

Web前端学习笔记之前端跨域知识总结

但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象（iframe之间）。...iframe框架是不同域的，所以我们是无法通过在页面中书写js代码来获取iframe中的东西的： function test()...//可以获取到iframe里的window对象，但该window对象的属性和方法几乎是不可用的 var doc = win.document;//这里获取不到iframe里的document..."http://www.google.com/iframe.html"> 在 iframe.html 中设置好了 window.name 为我们要传递的字符串。...我们在 index.html 中写了下面的代码： var iframe = document.getElementById('iframe'); var data = ''; iframe.onload

1.1K3 0

oracle数据链接无效以及chrome浏览器input最大长度的问题

1、本地数据库是oracle10.0.2.1 .年前总部数据库升级为oracle11,原来的数据链接变得不可用了。...但奇怪的是在另一台oracle10.0.2.5 数据库上，这个方法就什么都正常的。 b) 解决方法是把用户名上的引号去掉。...将所有的内容放到一个input的值上，然后提交。当内容太大时，发现ie11没有问题，但是chrome给截断了数据。...最后搜索的结果是： maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs . chrome...不能设置更大的值，所以把长字符串分成多段上传 !

7202 0

contextIsolation | Electron 安全

//www.electronjs.org/zh/docs/latest/tutorial/process-model 在官网的介绍中，将 Electron 的流程模型称为多进程模型上面是 Chrome...在官方描述中上下文隔离只是在渲染进程与Preload预加载脚本的语境中，接下里我们要测试一下以下四个语境（上下文）中的隔离情况主进程 Preload 渲染进程 iframe 我们的视角是从攻击视角出发的...，试图通过嵌入 iframe 来执行上述代码嵌入 iframe 其实是比较常见功能，例如我们将外站的视频，网页之类的转发到微信聊天界面，微信聊天界面能显示出转发内容的部分信息，例如视频封面，标题等，而不是冰冷的...URL ，这个就属于是 iframe 嵌入，我是说这种功能，微信是不是这么做的暂不得知哈 Discord 支持嵌入例如 YouTube内容，当 YouTube URL 被发布时，它会自动在聊天中显示视频播放器...Discord 从 OGP 中提取视频 URL，并且只有当视频 URL 是允许的域并且 URL 实际上具有嵌入页面的 URL 格式时，URL 才会嵌入到 iframe 中。

3841 0

nodeIntegrationInSubFrames | Electron 安全

其实都是为了在一个页面中嵌入其他页面，例如我想在搜狐的网站中嵌入一段人民日报的新闻页面这种行为在 Electron 官方文档中叫做 Web 嵌入，关于 web 嵌入，后续我们还会出单独的文章进行讨论...latest/tutorial/web-embeds#iframes iframe 在之前已经参与了很多测试了，在 web 技术中也包含，大家了解得可能已经比较透彻了通过 iframe 的内容本身有自己独立的上下文...(context)，而嵌入它的网页被称为父级浏览上下文，当然这是可以嵌套的，就像物理机里装虚拟机，在虚拟机里又装了虚拟机一个道理，而最终的物理机被称为顶级浏览上下文在 Electron 之前的测试中，...搭建测试环境关闭 CSP ，关闭 sandbox ，在 index.html 中嵌入 iframe main.js // Modules to control application life and...iframe 中的 Node.js 成功执行了，但是 iframe + window.open 打开的窗口执行的 Node.js 代码执行失败了 iframe + window.open 在 Electron

2431 0

Puppeteer 初探

你可以在浏览器中手动完成的大部分事情都可以使用Puppteer完成比如：生成页面的屏幕截图和PDF。抓取SPA并生成预先呈现的内容（即“SSR”）。自动表单提交，UI测试，键盘输入等。...创建一个最新的自动化测试环境。使用最新的的JavaScript和浏览器功能，直接在最新版本的Chrome浏览器中运行测试。捕获您网站的时间线跟踪，以帮助诊断性能问题。...，然后根据 iframe 的名字精确获取某个想要的 iframe iframe.$('.srchsongst') 获取 iframe 中的某个元素 iframe.evaluate() 在浏览器中执行函数...$eval() 相当于在 iframe 中运行 document.queryselector 获取指定元素，并将其作为第一个参数传递 iframe....$$eval 相当于在 iframe 中运行 document.querySelectorAll 获取指定元素数组，并将其作为第一个参数传递还是看这篇文章吧，作者写了两个实例Demo，看一下代码就能懂上面的基础用法了

2.7K2 0

微软为SkyDrive加入OCR光学字符识别功能

OCR技术的中文译名为光学字符识别，该技术能够将图片中的文字提取为可编辑的文字。虽然时至今日技术仍不成熟，但在大多数情况下已经能够代替人工独立作业。...在skydrive中嵌入OCR识别功能之后，用户可以直接使用Windows phone手机拍照。Windows phone将自动与skydrive同步照片，然后在方便的时候查看图片中的文字内容。...目前skydrive所支持的OCR语言限于英语、西班牙语、葡萄牙语、法语、德语，遗憾的是并不支持中文。这项新功能在当地时间周三发布，由于分批更新的原因将于几天内对所有用户可用。...reizhi在发文时测试中文版skydrive.com仍不可用。此项技术其实并非什么创新，只不过是将此前Bing搜索引擎所使用的OCR引擎进行了移植。...目前skydrive只能识别图片中的文字，还暂不支持对PDF进行识别。相比之下Google Drive已经支持对PDF进行OCR识别。可以在这里查看微软官方介绍

1.1K2 0

Nginx配置各种响应头防止XSS,点击劫持,frame恶意攻击

大概有两种方式， # 一是攻击者使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，此时用户将在不知情的情况下点击透明的iframe页面； # 二是攻击者使用一张图片覆盖在网页...>, 或者中展现的标记。...中展示 # ALLOW-FROM url # 表示该页面可以在指定来源的frame中展示如果设置为 DENY，不光在别人的网站 frame 嵌入时会无法加载，在同域名页面中同样会无法加载。...# add_header X-Content-Type-Options: nosniff; 这个响应头的值只能是nosniff, 可用于IE8+和Chrome IE的行为受X-Content-Type-Options...下面我们主要介绍如何通过响应头来使用 CSP，Chrome 扩展中 CSP 的使用可以参考 Chrome 官方文档。

4.4K5 0

iframe 有什么好处，有什么坏处？

scrolling 规定是否在 iframe 中显示滚动条，值为 yes、no、auto 6、src 设置 iframe 的地址（页面/图片） 7、srcdoc 用来替换 iframe 中 html、body...另外在 iframe 中还可以实现异步加载 js 文件，不过，iframe 和主页是共享连接池的，现在基本上都被 XHR 和 hard calllback 取缔了六、自适应 iframe - 广告嵌入...在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 3、唯一的连接池浏览器只能开少量的连接到 web 服务器。...这意味着 iframe 在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要，这当然是很好的。...但通常情况下，iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。

4.1K1 0

深入理解iframe

scrolling 规定是否在 iframe 中显示滚动条，值为 yes、no、auto 6、src 设置 iframe 的地址（页面/图片） 7、srcdoc 用来替换 iframe 中 html、body...另外在 iframe 中还可以实现异步加载 js 文件，不过，iframe 和主页是共享连接池的，现在基本上都被 XHR 和 hard calllback 取缔了六、自适应 iframe - 广告嵌入...在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 3、唯一的连接池浏览器只能开少量的连接到 web 服务器。...这意味着 iframe 在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要，这当然是很好的。...但通常情况下，iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。

4.2K1 0

目前可用的微博秀的嵌入方法大全(亲测2019年2月仍有效)

当今最全面可用的微博分享组件嵌入方法(亲测2019年2月仍有效) 最近一直在找一种目前可用的微博分享组件的使用方法，发现有3个大坑：向网页嵌入微博秀时，需要的uid简单，但需要的verifier值有点难获取...的; 微博秀是需要用iframe来嵌入的，博客园默认不支持iframe标签，可通过构造字符串的方式添加iframe来解决，也可以直接用embed标签替换掉iframe。...下面来介绍我解决向博客园中成功嵌入微博秀且在http/https下均能显示的方法： 1.获取微博秀的参数uid和verifier 使用Chrome打开微博登录页面 https://weibo.com...最后修改代码中光标处的https为http，接着使用Chrome浏览器打开本地的weiboshow.html，此时在左下角的框框中已出现uid和verifier。 ?...亲测可知，后面这种官方推荐的方法在移动端也能正常显示，但iframe有些浏览器(比如: iPhone自带的Safari就不显示)不支持。

2.7K3 0

在 HTML 中包含资源的新思路

通常我们通过使用 JavaScript 获取文件并将其内容附加到特定元素，或者通过在服务器端去包含文件来实现这种嵌入，但在大多数情况下，这些方法都不是我们想要的。...然后我想，假设浏览器允许我在父文档中检索 iframe 的内容，也许一个旧的 iframe 可能是一个很不错的模式。事实证明，它肯定会的！...这是因为代码用 iframe 加载文件，并且在删除 iframe之前，用 onload 事件在 HTML 中 iframe 的位置之前注入了 iframe 里的内容。...它适用于各种浏览器：到目前为止，在我的简短测试中，它适用于 Chrome，Firefox，Safari 和 Edge。...考虑其他可能的用途很有趣……也许你可以引入 HTML 模块及其相关的 CSS 链接。或者在文档或博客文章中嵌入推文或代码。

3.1K3 0

PDF.js Electron Viewer

本文旨在介绍 PDF.js 于 Electron 里如何开始使用，实际尝试了用其 API 或嵌入 HTML 的几种方式。...效果如下：使用 Viewer API 用 Viewer API 渲染，其在 pdfjs-dist/web/pdf_viewer 路径下。 1....编译结果已放进 static/pdfjs/，可用 Electron Window 打开 web/viewer.html?file=x.pdf 或用 iframe 嵌入。...npm run static 提供的 HTTP 地址，效果如下： iframe 要打开本地 HTML 试了下没成，如果想在 Electron + React 下这么用，还要研究下怎么弄。...最后 PDF.js 可以说是 Web 渲染 PDF 的不二选择，很多 PDF Web Viewer 库都是基于它实现的。

12K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭