1

经过测试:在网页中插入 ppt 不好使;可能是浏览器=》同源策略 error?

            pdf 可以正常使用;   《前提:一定要放在服务器端才行!》

2 经过email咨询github 工作人员,以及查看office online help文档,得出以下解决方案:

1.PPT github 可以使用,在URL后面添加参数(?raw=true)

   注意: office online 仅支持PPT,word,excel; 不支持 pdf;

error:
https://github.com/xgqfrms/cdn/blob/gh-pages/pdf/test.pdf correct:

https://github.com/xgqfrms/cdn/blob/gh-pages/ppt/test.ppt?raw=true

2. pdf 直接放在服务器端,使用相对路径;chrome 46/firefox 42可以直接打开,但是IE11 弹出下载框 ?

         测试 pdf online 插件 ?

        #JavaScript PDF generation for legends. HTML5 FTW.

        https://parall.ax/products/jspdf

https://github.com/xgqfrms/jsPDF

#PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.

        https://github.com/xgqfrms/pdf.js

注意: office online 仅支持PPT,word,excel; 不支持 pdf;

 

 

 联机查看 Office 文档 link:

https://products.office.com/zh-CN/office-online/view-office-documents-online?legRedir=true&CorrelationId=127c4ed1-73e8-49cf-a271-5660a51933d5

https://products.office.com/zh-CN/office-online/view-office-documents-online

pdf

https://acrobat.adobe.com/us/en/products/pdf-reader.html

https://get.adobe.com/cn/reader/

https://get.adobe.com/cn/reader/otherversions/

0

IE 11

1

ppt

Edge:

1 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https%3A%2F%2Fcp%2Dmlxprod%2Dstatic%2Emicrosoft%2Ecom%3A443%2F05502%2D1004%2Fen%2Dus%2Fcontent%2Fcontent%5Feba9zkjz%5F5704984382%2F04272015120626%2Epptx&wdAr=1.7777777777777776' width='350px' height='221px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> presentation, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>
1 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https%3A%2F%2Fcp%2Dmlxprod%2Dstatic%2Emicrosoft%2Ecom%3A443%2F05502%2D1004%2Fen%2Dus%2Fcontent%2Fcontent%5Feba9zkjz%5F5704984382%2F04272015120626%2Epptx&wdAr=1.7777777777777776' 

width='350px' height='221px' frameborder='0'>

This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a>

presentation, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>

.</iframe>
不同大小尺寸视图:

1 width='350px' height='221px' frameborder='0'>
2 width='610px' height='367px' frameborder='0'>
3 width='962px' height='565px' frameborder='0'>
4 width='1186px' height='691px' frameborder='0'>

 

2

FireFox:

3

Chrome:

4

test resource:

https://github.com/xgqfrms/cdn/blob/master/pdf/Microsoft%20Azure%20Essentials%20Azure%20Machine%20Learning.pdf

https://raw.githubusercontent.com/xgqfrms/cdn/master/plug-in/readerdc_en_ha_install.exe?raw=true

xxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

如何在 网站页面中插入ppt/pdf 文件,使用插件,Native pdf 支持,chrome,Edge,Firefox,的更多相关文章

  1. JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox

    JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox <html> <head> </h ...

  2. JSP 页面中插入图片

    第一步 在 JSP 页面中插入图片 EL 表达式 ${pageContext.request.contextPath } 的值为当前的项目名称 <html> ... <body> ...

  3. 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

    如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处 ...

  4. html页面中插入html的标签,JS控制标签属性

    html页面中插入html的标签 方法1: 使用标签: <textara> </textara>标签 方法2: 使用JS: document.getElementById(&q ...

  5. 网页中动态嵌入PDF文件/在线预览PDF内容https://www.cnblogs.com/xgyy/p/6119459.html

    #网页中动态嵌入PDF文件/在线预览PDF内容# 摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如 ...

  6. 网站开发中很实用的 HTML5 & jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

  7. 如何编辑PDF文件,怎么使用PDF裁剪页面工具

    在编辑PDF文件的时候,往往会有很多的小技巧可以使用,在编辑PDF文件的时候,怎么对文件的页面进行裁剪呢,不会的话,看看下面的文章吧,小编已经为大家整理好了哦. 1.打开运行PDF编辑器,在编辑器中打 ...

  8. PDF文件编辑技巧之PDF书签怎么设置

    纸质的文件想要添加书签就直接拿笔书写就可以,Word文件怎么添加书签相信大家也都知道,那么PDF文件的书签要怎么设置的呢,是不是有很多小伙伴不知道该怎么做呢,不要担心,今天小编就来跟大家分享一下在PD ...

  9. PDF文件怎么修改,PDF文件编辑方法

    PDF文件是一种独特的文件,在日常办公中已经成为我们使用最广泛的电子文档格式.在使用PDF文件中会遇到PDF文件有错区的时候,再从新制作一个PDF文件会比较麻烦,只能通过工具来对PDF文件进行修改,这 ...

随机推荐

  1. Linux 三剑客之 grep 使用详解

    Linux 最重要的三个命令在业界被称为三剑客,它们是:awk.sed.grep.sed 已经在上篇中讲过,本文要讲的是 grep 命令. 我们在使用 Linux 系统中,grep 命令的使用尤为频繁 ...

  2. Python+Selenium+Unittest实现PO模式web自动化框架(6)

    1.TestCases目录下的模块 TestCases目录下是存放测试用例的目录. TestCases目录下的测试用例采用unittest框架来构建. 例如:登录功能的测试用例.(test_1_log ...

  3. fiddler常用过滤

    一.过滤器 过滤这块集中在request栏目的Filter部分,可以根据自己的需要过滤掉不需要的,里面的每个模块都可以设置,这里只说常用的和注意点. 1.假如我只关心某个域名下的抓包,这时可以利用fi ...

  4. jdk安装简洁版

    一.jdk是what? jdk其实是个软件语言开发包,包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具. 没有JDK的话,无法编译Java程序(指java源码.java文件),如果想 ...

  5. What is the difference between Serialization and Marshaling?

    How to serialize and deserialize JSON using C# - .NET | Microsoft Docs https://docs.microsoft.com/en ...

  6. MySQL时间格式转换函数

    MySQL DATE_FORMAT() 函数注:当前年份是2018-7-19 SELECT DATE_FORMAT(NOW(),'%Y')                                ...

  7. LOJ10145郁闷的出纳员

    传送门:https://loj.ac/problem/10145 简单的平衡树 ------------------------------------ 1 #include<bits/stdc ...

  8. Lambda 表达式 学习

    最近几天在学习Lambda,给我的理解就是一个匿名函数的升级版,代码极大可能的简洁了很多,不需要像以前一样必须使用众多的代码才能实现相关功能. 慢慢积累学习,将Java 8的相关知识进行一个学习. 用 ...

  9. Go语言学习-main和init

    main 函数和 init 函数Go里面有两个保留的函数: init 函数(能够应用于所有的 package )和 main 函数(只能应用于 package main ).这两个函数在定义时不能有任 ...

  10. linux(11)配置环境变量

    前言 在自定义安装软件的时候,经常需要配置环境变量,下面进行详细解析 & nbsp; 环境变量配置文件 用户 配置文件 系统环境 /ect/profile /etc/bashrc /etc/e ...