pdf.js 使用

yizhihongxing

pdf文件能够比较好的保留源格式,传输也比较方便,现PC端浏览器基本都可直接查看pdf文件,只是界面风格不怎么统一,但是手机端查看pdf文件就不能很好的只“预览”,往往都是自动下载到本地再查看,今天分享pdf.js,主要用于在线pdf预览,平时我使用比较多的场景就是培训手册。

我用的是1.1.159,版本比较旧,解压后文件只有3.66 MB。

pdf.js 使用

 

 

使用方法如下:

一、将pdf文件放至“web”文件夹下

pdf.js 使用

 

 二、新建一个静态页——help.html

pdf.js 使用

 

 

三、部署到服务器

 

四、PC端和Phone端效果如下

pdf.js 使用

 

 pdf.js 使用

 

 附上压缩包:

 https://files.cnblogs.com/files/dysjwang/pdf.js.zip?t=1679561704

 


 

最后插一句题外话,pdf作为培训手册通过网页展现也可使用另一种方法,通过Photoshop将pdf另存为一张张图片,然后写个简单的html显示这一张张图片,作为纯静态页,在PC端和Phone端显示效果都挺不错,且打开速度很快。

原文链接:https://www.cnblogs.com/dysjwang/p/17248088.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:pdf.js 使用 - Python技术站

(0)
上一篇 2023年4月18日
下一篇 2023年4月18日

相关文章

  • JS实现简易留言板(节点操作)

    下面是实现简易留言板的攻略。 需求分析 我们需要实现一个基本的留言板功能,包含以下几个功能: 用户可以在留言板中输入内容并提交 留言板会显示所有用户提交的留言 实现过程 HTML部分 我们需要在HTML页面中添加以下元素: <div> <h2>留言板</h2> <div> <textarea id=&qu…

    JavaScript 2023年6月10日
    00
  • JS 自动完成 AutoComplete(Ajax 查询)

    下面我将详细讲解 JS 自动完成 AutoComplete(Ajax 查询) 的完整攻略。 什么是 JS 自动完成 AutoComplete? JS 自动完成 AutoComplete 是前端开发中常用的一种交互技术,它可以实现输入框中的关键字联想提示和自动完成。通常情况下,我们通过 Ajax 查询服务器获取关键字列表,然后将返回的结果展示在输入框下面,用户…

    JavaScript 2023年6月11日
    00
  • Javascript下的urlencode编码解码方法附decodeURIComponent

    下面是Javascript下的urlencode编码解码方法附decodeURIComponent的完整攻略,希望对您有所帮助。 什么是urlencode编码? urlencode编码是将字符转换为%xx形式的编码格式,其中xx表示字符编码的十六进制表示。urlencode编码可以用于处理URL中的特殊符号。如果URL中包含特殊符号,例如空格或换行符,则必须…

    JavaScript 2023年5月20日
    00
  • JavaScript Title、alt提示(Tips)实现源码解读

    请查看以下详细讲解! JavaScript Title、alt提示(Tips)实现源码解读 简介 我们在日常使用浏览器浏览网页时,常常会遇到鼠标悬停到图片或链接上时,会出现一个提示框,其中包含关于该元素的提示信息。这种提示框通常被称为Title或Tips。 Title提示是通过HTML元素中的title属性来实现的,而图片的alt属性则用于提供图片的替代文本…

    JavaScript 2023年6月10日
    00
  • javascript使用Promise对象实现异步编程

    首先我们来简单了解一下什么是Promise对象。Promise是Javascript中一种处理异步操作的对象,它代表了一个异步操作最终完成或失败的状态,可以取代Javascript中的回调函数,降低回调函数地狱和提高程序可读性。 接下来,我们将介绍如何使用Promise对象实现异步编程,过程中会给出两条示例说明。 1.定义Promise对象 我们首先需要定义…

    JavaScript 2023年6月10日
    00
  • JavaScript 实现HTML DOM增删改查操作的常见方法详解

    JavaScript 实现HTML DOM增删改查操作的常见方法详解 1. DOM简介 DOM全称“Document Object Model”,中文翻译为文档对象模型,是一种对文档结构化的方式表达,即将文档中的每一个元素都抽象成为一个对象,便于JavaScript等脚本语言进行操作。 DOM是Web页面的编程接口,可以使用JavaScript、VBScri…

    JavaScript 2023年6月10日
    00
  • JavaScript仿小米实现球体分解动画

    以下是详细讲解“JavaScript仿小米实现球体分解动画”的完整攻略: 问题描述 如何使用 JavaScript 仿小米实现球体分解动画? 解决方案 创建一个球体 使用 Three.js 库中的 SphereGeometry 创建一个球体。代码示例: var geometry = new THREE.SphereGeometry( 100, 32, 32 …

    JavaScript 2023年6月11日
    00
  • jQuery验证插件validation使用指南

    jQuery验证插件validation使用指南 jQuery验证插件validation是一款简单易用的表单验证插件,可以有效地满足开发人员对于表单的验证需求。 安装 <!– 引入 jQuery –> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.j…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部