ViewerJS 一个在浏览器上查看 PDF 和电子表格的 JavaScript 库

Viewer.js简介 http://viewerjs.org/ 下载Viewer.js压缩包,解压后将ViewerJS文件夹放在网站根目录下在浏览器地址栏中输入网址http://172.16.8.80/ViewerJS,显示结果如下所示输入网址 http://172.16.8.80/ViewerJS/#../123.ods ,显示结果如下所示输入网址 http://172.16.8.80/ViewerJS/#../456.pdf ,显示结果如下所示 odp和odt两种格式没有转化成功,还…

浏览器在线查看pdf文件 pdf.js的使用教程

谷歌浏览器可以直接在线查看pdf,而IE内核浏览器无法在线查看,默认是下载. 这里用到的是pdf.js,不仅支持IE内核浏览器,而且兼容手机查看pdf 官网地址:http://mozilla.github.io/pdf.js/ 下载之后解压放到本地服务器,打开对应网址查看一下./web/viewer.html IE也是可以正常显示的默认的pdf文件设置,修改 web/viewer.js 文件 10054行行数可能有变化,请以你下载的版本为准(下同) 查看自定义的pdf文件,我将demo.pd…

在 iPad和 iPhone的浏览器上查看网页源代码

今天使用iPad 处理OA上的问题,有个窗口不能正常工作,想查看一下源码,发现iPad中的 Safari和chrome 没有内置查看源码功能.查了几个资料,遇到的又是没抄全的,下面是safari的设置方法: 在 iPad.iPhone 或 iPod touch 的 Safari 中将这个页面(或者任何页面)存为书签,并命名为“查看源代码” 点按这里查看书签的 JavaScript 代码,并全选 – 拷贝在 Safari 中点按书签图标,然后点“编辑”,点选第一步中保存的书签将第二步中拷贝的…

为什么HTML中的多个空格或是回车在浏览器上只能显示出一个？

我们在学习HTML的时候可能书本或是老师会告诉我们一件事,就是在HTML中不管我们在两个文本之间加上多少连续的空格或是回车,到了浏览器里面只能显示出一个来.但是我们从来不知道为什么. 原因很简单,因为在HTML中,空格和回车表示的是一个文本分隔符.什么意思?就是说你加的空格或回车在浏览器看来只不过相当于你把“hello world”中间的这个用来表示这是两个单词的空格拉长了而已,所以到了浏览器上,它会按照标准去显示一个空格符,而不是我们给了多少它就会显示多少. 下面有个有趣的例子就是这个原理:…

windows 上查看一个命令的退出码

windows 上查看一个命令的退出码可以使用下面语句 echo %errorlevel% 例如:windows 上没有ls 命令,所以使用后没有成功,查看退出码为9009 ,非0 使用dir 列出目录下的*.json 文件,命令成功,所以退出码是0.…

遇到问题无法在线上 debug，难道只能通过加日志再重新发布吗？线上遇到某个用户的数据处理有问题，但线上同样无法 debug，线下无法重现！是否有一个全局视角来查看系统的运行状况？有什么办法可以监控到JVM的实时运行状态？

https://alibaba.github.io/arthas/ Arthas 是Alibaba开源的Java诊断工具,深受开发者喜爱. 当你遇到以下类似问题而束手无策时,Arthas可以帮助你解决: 这个类从哪个 jar 包加载的?为什么会报各种类相关的 Exception? 我改的代码为什么没有执行到?难道是我没 commit?分支搞错了? 遇到问题无法在线上 debug,难道只能通过加日志再重新发布吗? 线上遇到某个用户的数据处理有问题,但线上同样无法 debug,线下无法重现! 是否有…

mui 时间日期控件(浏览器上无法查看,在手机端可以点击)

<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <link href="css/mui.mi…

javaWeb项目中如何实现在线查看pdf文件

最近有需求要实现在网页直接查看pdf,word,excel文件.但是实际当中并没有很好的开源插件供我们使用,确实有一些付费的插件不错,也很好用,但是对于我来说都不适合. 现在只是单纯的找到了围魏救赵的方法. 就是先实现显示pdf文件,其他文件用别的方式去转成pdf.虽然这个方法确实不好,但是也是没有办法的办法了,如果以后能有更好的,那就再发布别的吧. 这里我就直接介绍pdf的显示方法. 直接上干货. 首先在E:\tomcat8\webapps这个目录下面拷贝下面这个文件 http://yunpa…

用Qt写软件系列二：QCookieViewer(浏览器Cookie查看器)

预备继上篇<浏览器缓存查看器QCacheViewer>之后,本篇开始QCookieViewer的编写.Cookie技术作为网站收集用户隐私信息.分析用户偏好的一种手段,广泛应用于各大网站.对于网站的精准营销.使用反馈.数据挖掘等具有不可估量的作用.Cookie按照创建者的不同,分成两类:服务端创建的Cookie和客户端浏览器创建的Cookies.那么,作为用户想要查看当前主机的Cookies文件该怎么办呢?最简单的办法是:直接到Windows目录下去找!Cookies文件是以ASCII码字符…

Office Web App2013 在线查看PDF文件

经常会有客户问,在SharePoint中,如何在浏览器中查看与编辑文档,通常给出的解决方案是集成Office Web App. 而在实际应用过程中,客户通常会要求实现PDF文件在线查看,对于PDF文件,office web App微软一直没有提供官方支持.为了实现这个功能,开发人员通常采用如下两种方式: 1.修改SharePoint,使PDF文件默认在浏览器中打开,这种方式,实质上是告诉浏览器,文档由浏览器调用,根据本地文档关联调用本地客户端进行呈现,这种方式就要求客户端安装adobe read…

yii2获取登录前的页面url地址--电脑和微信浏览器上的实现以及yii2相关源码的学习

对于一个有登录限制(权限限制)的网站,用户输入身份验证信息以后,验证成功后跳转到登录前的页面是一项很人性化的功能.那么获取登录前的页面地址就很关键,今天在做一个yii2项目的登录调试时发现了一些很有意思的问题,记录下来. 1,场景描述网站SiteA上的页面Page2需要登录后才能查看,Page2的链接放在页面Page1的一个按钮Button上,Page1在登录前后都是可以访问的,SiteA只提供了微信扫码登录的入口. 2,功能需求假定访客User已经在SiteA上注册过,但当前未登录.Use…

用Qt写软件系列一：QCacheViewer(浏览器缓存查看器)

介绍 Cache技术广泛应用于计算机行业的软硬件领域.该技术既是人们对新技术探讨的结果,也是对当前软硬件计算能力的一种妥协.在浏览器中使用cache技术,可以大幅度提高web页面的响应速度,降低数据传输延迟,提高web用户的体验.因此,客户端在浏览网页的过程中,会在本地缓存许多文件.随着使用时间增长,本地缓存的文件日渐增多.对于用户来说,查看本地主机当前的缓存文件数目和种类成为一种迫切的需要. 作为主项目的一部分功能,我们需要完成这样一个浏览器缓存查看器.在网上偶然看到了一款这样的软件:IECa…

flexpaper 开源轻量级的在浏览器上显示各种文档的组件

FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件,被设计用来与PDF2SWF一起使用, 使在Flex中显示PDF成为可能,而这个过程并无需PDF软件环境的支持.它可以被当做Flex的库来使用. 另外你也可以通过将一些例如Word.PPT等文档转成PDF,然后实现在线浏览.…

SharePoint 2013在浏览器中打开pdf文档

在没有安装Office Web Apps的情况下,SharePoint 2013是支持在IE上直接打开pdf和Excel文档的(只能查看,不能编辑,部分Excel会报错). 当然,需要现在管理中心做一些设置,方法如下: 依次点击,“管理中心”--“管理Web应用程序”--“选中需要在浏览器中直接打开PDF的应用程序”--“常规设置”--“浏览器文件处理程序”--“许可”. 另一处设置在“文档库”--“库设置”--“高级设置”--“在浏览器中打开”,不过这边一般不用修改,因为默认值就是在浏览器中打…

Electron构建一个文件浏览器应用(二)

在前一篇文章我们已经学习到了使用Electron来构建我们的文件浏览器了基础东西了,我们之前已经完成了界面功能和显示文件或文件夹的功能了,想看之前文章,请点击这个链接 .现在我们需要在之前的基础上来继续完成余下的功能,我们之前的只完成了界面和显示文件夹或文件.那么这篇文章我们需要完成如下功能: 1. 如果它是一个文件夹,我们可以对该文件夹进行双击,然后打开该文件夹.2. 当前文件夹就是刚刚我们双击的那个文件夹.3. 如果它内部有子文件夹的时候,我们也可以双击,然后重复第一步的操作步骤. 那么在…

linux上查看swf文件.靠谱

在linux上查看swf文件,本来想用gnash 来看,可是有的电脑上看的时候只有声音,没有图像所以用网页来查看,推荐谷歌我们在和flash文件的同目录下新建一个文件名为:index.html 注:名字可以任意,但后缀必须得是html网页文件使用gedit打开文件,复制下面的html标签: <embed src="./kofwing_1-4.swf" width="100%" height="550px" /> 其中: src:…

通过inspect在电脑的Chrome上查看手机上的H5

首先打开手机的开发者模式,(在连续点击7次版本号,系统会提示已经打开开发者模式) 然后打开一个手机浏览器. 然后在电脑上打开chrome://inspect/#devices.这是就会出现手机上浏览器相应的链接,点击inspect弹出一个新窗口就可以查看代码了.还有就是电脑要可以翻墙的. 如果chrome://inspect/#devices一直是一片空白,可以通过电脑上的360在手机上安装360手机助手. 可以调试传统的浏览器H5,也可以调试cordova里面的H5,APP壳子里面的H5. 如…

h5页面在浏览器上好好的，到手机上熄火了又看不到报错信息怎么办？

背景最近小编接了一个新需求,用h5开发页面,通过webview嵌入原生APP中,自己在浏览器上开发爽歪歪,什么信息都能看到,可是一嵌入原生app中,瞬间就熄火了,啥也看不到了,不知道为什么,反正就是页面点不动了. 这可把我急坏了,不知道有没有小伙伴有和我一样的困扰,我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错…

在浏览器上开发GO和Vue！(基于code-server)

在浏览器上开发GO和Vue!(基于code-server) 曾几何时,开发者们都被安装编程环境苦恼,尽管现在很多语言的开发环境已经不难装了,但是如果我们能有一个运行在云端的编译器,那么我们就可以随时随地通过浏览器编写.编译我们的代码啦!! 先看我们最终效果: 完美运行Go程序!下面开始整个环境搭建. 打包好的镜像配置完成的Go+Vue的编译+Debug环境Docker镜像已推送到Docker仓库中,如果懒得自己跟着配的可以直接拉我的镜像跑起来! 镜像是基于code-server官方镜像,具体运…

浏览器上写代码，4核8G微软服务器免费用，Codespaces真香

欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos 一图胜千言先上图,下面是欣宸在自己的iPad Pro上用浏览器写代码的实拍,右下方可见SpringBoot应用启动成功的日志您可能会觉得平板配置不高,所以写代码和运行都会卡顿,个人的实际体验是可以流畅进行,因为编译和运行这些耗费资源的操作都是在微软的云服务器上进行的,服务器的配置是4核8G内存32G硬盘对了,服务器一分钱不要,也不限时... 关于…

内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档

背景在计量领域中,计量检定是一种重要形式,主要用于评定计量器具的计量性能,确定其量值是否准确一致,实现手段包括计量检验.出具检定证书和加封盖印等. 在检定证书这一环节,存在一个难点,就是无法在线预览以及智能生成. 1.证书管理不能满足用户精准打印.特殊字符或多页打印的需求.因为在计量行业中,精密仪器较多,往往会存在一些特殊字符的应用或者会使用某些较为复杂的测量单位. 2.系统不支持批量证书更新以及批量打印等功能,在常见的场景中,出具证书是需要进行批量导出的过程. 3.无法满足实时打印预览或者P…

在web浏览器上显示室内温度（nodeJs+arduino+socket.io）

上次的nodejs操作arduino入门篇中实现了如何连接arduino.这次我们来实现通过arduino测量室内温度并在浏览器上显示出来. [所需材料] 硬件:LM35温度传感器,arduino uno板,面包板,若干导线. 软件:socket.io , cylonJs , express等 [准备-硬件部分] 1.首先当然是连接电路板: 注意这个ANALOG IN是传感器的输入,就是读取温度的入口. 看看我连的: 2.然后按照 nodejs操作arduino入门篇先连接上arduino试试吧…

如何创建一个Edge 浏览器扩展

随着微软Windows 10 年度更新的发布,数次延宕的Edge 扩展功能终于得到了官方正式支持.我在我的另外一个博客上发布了如何创建一个Edge 浏览器扩展的博文,链接如下: https://blogs.msdn.microsoft.com/micl/2016/09/03/edge-extension-create-a-custom-edge-extension/ 我在博文中介绍了如何创建一个为Edge 浏览器当前页面创建二维码的扩展插件.通过这个插件,Edge 用户可以通过手机把正在浏览的页…

移动端浏览器和微信浏览器上禁止body的滚动条

一般禁止body滚动的做法就是设置overflow:hidden. 但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用,然后我分析了我的写法,就是在body上加了一个class去定义属性,然后改成标签的定位,如body{overflow:hidden;},这个实现是可以的,没有滚动条. 再进一步分析,如果要用class去实现没有滚动条,如下代码设置: .index_body { overflow-y: hidden;/*为了兼容普通PC的浏览器*/ height: 100%; positi…

在iis中设置文件下载而不是在浏览器上打开

点击网页链接的*.txt,*.jpg,*.xml等文件时会在浏览器上直接显示,并没有像*.doc那样弹出下载提示框. 解决方法: 在部署的网站上,选择存放文件的目录,选择 HTTP响应标头 ,添加一个HTTP响应头,名称为:Content-Disposition,值为:attachment 即可.…

css3在不同型号手机浏览器上的兼容一览表

网上搜集了css3对不同系统手机浏览器的支持情况(ios/android/winphone)备份一下以便查看. 以下资料由微信产品部"白树"整理, 转载请注明. √:完全支持 √:部分支持 ×:不支持 (-webkit):添加-webkit前缀才支持 (-ms):添加 -ms前缀才支持 css3总结: 对于webkit内核的浏览器, 除media.text-shadow外,使用其它属性基本上要加上webkit前缀. gradient在低版本的系统中渲染效果不丰富 io…

input与select 设置相同宽高，在浏览器上却显示不一致，不整齐

遇到 input与select 设置相同宽高,在浏览器上却显示不一致,遂实验了下(IE 10.013 ,Firefox 30.0),得出以下结论 input width,height 值里面, 不包含 border边框和padding内边距,即:设置的只是内容本身的高与宽.border与padding不在值里面,在浏览器上显示可见. select width,height 值里面, 包含 border边框和padding内边距,即:设置的高宽里面包含了内容本身,border与padding…

[置顶] 如何在浏览器中打开PDF文件并实现预览的思路与代码

编写项目遇到一个需要在浏览器中打开PDF文件的问题.最终实现效果如下: 其实也就是简单的在浏览器中实现一个打开pdf文件,并有类似预览功能的边框. 其实在网上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了. 即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件.如何直接打开,而不用点击链接呢? 本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在网上继续寻找资料.最终想不到代码却很简单. 最…

使用 x3dom 框架及 WebGL 在浏览器上显示 3 维模型

如果需要在浏览器上显示 3D 画面的话, 现在一般会使用 WebGL, 典型的例如 three.js(http://mrdoob.github.com/three.js/), 但是 WebGL 对浏览器版本以及显卡的要求比较高, 很多客户端无法正常使用 ———— 当然现在新买的机器是毫无压力的. 后来在网上查找到了 X3DOM(http://www.x3dom.org/), 通过使用不同的后端(backend), X3DOM 可以兼容较低版本的浏览器(主要是指 IE 系列), 也可以在没有…

mvc在页面上显示PDF

今天看到需求要在页面上显示pdf,自己整了半天,啥效果都没有,偶尔有效果还各种不兼容,很无语的说.捣鼓了半天,没办法了,去谷歌了下,介绍了各种插件,各种方法,但是都挺繁琐的,本人不是一个很喜欢使用插件的,但是有的时候自己写不出来,也就用了.这个功能倒还不至于用插件.代码也很少. /// <summary> /// 读取PDF文件 /// </summary> /// <param name="fName">文件名称(可以从其他地方传进来)</p…

【ViewerJS 一个在浏览器上查看 PDF 和电子表格的 JavaScript 库】的更多相关文章