当前位置： 首页 > news >正文

使用pdf.js预览pdf文件时如何兼容chrome66版本

news 2026/2/10 10:39:31

最近在做一个需求，在PC端实现预览pdf文件的功能，但是要最低兼容chrome的66版本，因为公司用的chrome浏览器最低版本就是66版本。
现在下载PDF.js（链接：https://mozilla.github.io/pdf.js/）
下载下来的版本是v3.11.174，都是已经构建好的。
我先拿v3.11.174这个版本试了一下，发现在chrome90以上的版本是可以的，但是在更低版本就会有各种各样的问题，比如不展示或者展示不全，又或者报错等。
那怎么能兼容chrome 66版本呢？
答案是：找更低版本的PDF.js，并逐一实验看看效果；

经过反复的实验，最后我使用了pdfjs-v2.5.207的版本，解决了这个问题。
兼容chrome 66版本的pdf.js版本是v2.5.207

下载PDFjs；最新的插件使用的是es6语法有浏览器兼容性问题，不兼容QQ浏览器、跟别说IE 了。所以 请认准es5版的 pdf.js-2.5.207；

插件下载地址：链接：https://pan.baidu.com/s/1uUGFuPJ_RXZx3lnQKr-M_g
提取码：ph0n

相关文章：

使用pdf.js预览pdf文件时如何兼容chrome66版本

最近在做一个需求，在PC端实现预览pdf文件的功能，但是要最低兼容chrome的66版本，因为公司用的chrome浏览器最低版本就是66版本。 现在下载PDF.js（链接：https://mozilla.github.io/pdf.js/） 下载下来的版本是…...

编程日记 2023/10/19 1:20:28

一篇文章讲明白double、float丢失精度的问题

1.背景 1.10.1 1.2000000000000002 发现上面计算的值竟然和数学计算不一致 2. 问题 计算机是通过二进制计算的，如果我们在二进制的视角来看待上面问题，就很容易发现问题了。 例如：把「0.1」转成二进制的表示，然后还原成十进制&…...

编程日记 2023/10/19 1:19:27

Day 2 Qt

#include "my_widget.h" #include "ui_my_widget.h"My_Widget::My_Widget(QWidget *parent): QWidget(parent), ui(new Ui::My_Widget) {ui->setupUi(this);//窗口的相关设置 // this -> resize(800,500);this -> setWindowTitle("QQ聊天…...

编程日记 2023/10/19 1:18:26

ArmSoM-W3之RK3588 MPP环境配置

1. 简介 瑞芯微提供的媒体处理软件平台（Media Process Platform，简称 MPP）是适用于瑞芯微芯片系列的 通用媒体处理软件平台。该平台对应用软件屏蔽了芯片相关的复杂底层处理，其目的是为了屏蔽不 同芯片的差异，为使用者…...

编程日记 2023/10/19 1:17:25

【C++ 拷贝构造函数详解】

在 C 编程中，拷贝构造函数是一个重要的概念，用于创建一个对象的副本。拷贝构造函数允许你在不改变原始对象的情况下创建一个新的对象，这在很多情况下非常有用。在本篇博客中，我们将详细讨论 C 拷贝构造函数的用法和实现。 什么是…...

编程日记 2023/10/19 1:16:25

[计算机提升] 用户和用户组

1.1 用户和用户组 1.1.1 用户 用户账户是计算机操作系统中用于标识和管理用户身份的概念。 每个用户都拥有一个唯一的用户账户，该账户包含用户的登录名、密码和其他与用户身份相关的信息。 用户账户通常用于验证用户身份，并授权对系统资源的访问权限。…...

编程日记 2023/10/19 1:15:24

开路、断路和短路区别

文章目录 开路和断路击穿电源短路、用电器短路、对地短路和对电源短路 开路和断路 开路和断路是电路中两种用于描述电流流动情况的状态。 两者易混淆，常被混淆使用，但是它们还是有所不同。 开路表示电路中存在一个断链，电流无法从一个点流到…...

编程日记 2023/10/19 1:14:23

springBoot web开发自动配置和默认效果

web开发自动配置和默认效果 自动配置默认配置 自动配置 绑定了配置文件的一堆配置项 1、springMVC的所有配置 spring.mvc 2、Web场景通用配置 spring.web 3、文件上传配置 spring.servlet.multipart 4、服务器的配置serve: 比如：编码方式等 默认配置 重要&#xf…...

编程日记 2023/10/19 1:13:21

论文阅读：Efficient Point Cloud Segmentation with Geometry-Aware Sparse Networks

来源：ECCV2022 链接：Efficient Point Cloud Segmentation with Geometry-Aware Sparse Networks | SpringerLink 0、Abstract 在点云学习中，稀疏性和几何性是两个核心特性。近年来，为了提高点云语义分割的性能，人们提…...

编程日记 2023/10/19 1:12:20

1-k8s1.24-底座搭建-基于containerd

文章目录 一、服务器准备二、安装Containerd三、安装k8s四、安装部署dashboard ps：第一遍搭建ks8的时候，由于k8s在1.24版本之后就放弃了对docker的支持，如果要继续使用docker需要自己加载插件。所以一开始就是直接使用 k8s1.24containerd进行…...

编程日记 2023/10/19 1:11:19

Java文件前后端上传下载工具类

任何非压缩格式下载 package com.pisx.pd.eco.util;import java.io.*; import java.util.Collections; import java.util.HashMap; import java.util.Map;import javax.servlet.ServletOutputStream; import javax.servlet.http.HttpServletResponse;import org.springframewo…...

编程日记 2023/10/19 1:09:16

内燃机可变气门驱动研究进展

Review of Advancement in Variable Valve Actuation of Internal Combustion Engines AbstractIntroduction燃烧和气体交换需要电子控制 paper Abstract 近年来，人们对空气污染和能源使用的日益关注导致了车辆动力总成系统的电气化。 另一方面，一个多世…...

编程日记 2023/10/19 1:08:14

NEFU离散数学实验2-容斥原理

相关概念 离散数学中的容斥原理是一种使用集合运算的技巧，通常用于计算两个或更多集合的并集或交集的大小。以下是一些与容斥原理相关的常见概念和公式。 概念： 1. 集合：由元素组成的对象，通常用大写字母表示，如A、B、…...

编程日记 2023/10/19 1:07:13

解决Windows内存溢出/占满死机问题-PoolMon工具

某一天， 工作所用笔记本突然越来越卡直至死机 以为只是windows11的抽风行为，之前就因为windows11资源管理器经常卡死（后升级小版本好多了）。 遂长按电源键强制关机重启。 然慢慢又越来越卡，直至卡死，无…...

编程日记 2023/10/19 1:06:13

【ROS】ros-noetic和anaconda联合使用【教程】

【ROS】ros-noetic和anaconda联合使用【教程】 文章目录 【ROS】ros-noetic和anaconda联合使用【教程】1. 安装anaconda2. 创建虚拟环境3. 查看python解释器路径4. 在虚拟环境中使用任意的包5. 创建工作空间和ros功能包进行测试Reference 1. 安装anaconda 在Ubuntu20.04中安装…...

编程日记 2023/10/19 1:05:12

自动化RPA开发 --获取所有窗口信息和进程信息

场景 准备做一个RPA工具，可以从桌面和浏览器选择元素，获取窗口信息和进程信息是必要的，因为获取了窗口信息和进程，可用对程序做一些想要的操作。 coding 工具类 /*** Windows系统工具类*/ public class WinOsUtils {static fi…...

编程日记 2023/10/19 1:02:08

【Qt之布局】QVBoxLayout、QHBoxLayout、QGridLayout、QFormLayout介绍及使用

在Qt中，布局管理器（Layout）用于管理窗口中的控件的位置和大小，以适应不同大小的窗口。 常用的布局管理器包括QVBoxLayout、QHBoxLayout、QGridLayout和QFormLayout。 先放张布局UI： 1. QVBoxLayout（垂直布…...

编程日记 2023/10/19 1:01:06

【计算机毕业设计】python在线课程培训学习考试系统637r7-PyCharm项目

使用说明 使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并导入项目的sql文件； 使用PyCharm 导入项目，修改配置，运行项目； 将项目中config.ini配置文件中的数据库配置改为自己的配置，…...

编程日记 2023/10/19 1:00:05

vue3后台管理系统之登录界面和业务的实现

1.静态页面的搭建 <template><div class"login_container"><el-row><el-col :span"12" :xs"0" /><el-col :span"12" :xs"24"><!-- 登录的表单 --><el-form ref"loginForms&qu…...

编程日记 2023/10/19 0:59:03

GEE19：基于Landsat8的常见的植被指数逐年获取

植被指数逐年获取 1. 常见的植被指数1.1 比值植被指数&#xff08;Ratio vegetation index&#xff0c;RVI&#xff09;1.2 归一化植被指数&#xff08;Normalized Difference Vegetation Index&#xff0c;NDVI&#xff09;1.3 增强植被指数&#xff08;Enhanced Vegetation I…...

编程日记 2023/10/19 0:58:01

【入坑系列】TiDB 强制索引在不同库下不生效问题

文章目录 背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景 项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...

编程新知 2026/1/31 21:56:58

Python实现prophet 理论及参数优化

文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候&#xff0c;写过一篇简单实现&#xff0c;后期随着对该模型的深入研究&#xff0c;本次记录涉及到prophet 的公式以及参数调优&#xff0c;从公式可以更直观…...

编程新知 2026/1/27 5:01:54

相机从app启动流程

一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下： 重点代码分析： 启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...

编程新知 2026/1/31 5:09:19

MyBatis中关于缓存的理解

MyBatis缓存 MyBatis系统当中默认定义两级缓存&#xff1a;一级缓存、二级缓存 默认情况下&#xff0c;只有一级缓存开启&#xff08;sqlSession级别的缓存&#xff09;二级缓存需要手动开启配置&#xff0c;需要局域namespace级别的缓存 一级缓存&#xff08;本地缓存&#…...

编程新知 2026/2/6 6:02:51

spring Security对RBAC及其ABAC的支持使用

RBAC (基于角色的访问控制) RBAC (Role-Based Access Control) 是 Spring Security 中最常用的权限模型&#xff0c;它将权限分配给角色&#xff0c;再将角色分配给用户。 RBAC 核心实现 1. 数据库设计 users roles permissions ------- ------…...

编程新知 2026/2/6 14:22:43

大数据治理的常见方式

大数据治理的常见方式 大数据治理是确保数据质量、安全性和可用性的系统性方法&#xff0c;以下是几种常见的治理方式&#xff1a; 1. 数据质量管理 核心方法&#xff1a; 数据校验&#xff1a;建立数据校验规则&#xff08;格式、范围、一致性等&#xff09;数据清洗&…...

编程新知 2025/10/6 12:34:16

webpack面试题

面试题&#xff1a;webpack介绍和简单使用 一、webpack&#xff08;模块化打包工具&#xff09;1. webpack是把项目当作一个整体&#xff0c;通过给定的一个主文件&#xff0c;webpack将从这个主文件开始找到你项目当中的所有依赖文件&#xff0c;使用loaders来处理它们&#x…...

编程新知 2025/10/19 1:38:36

计算机系统结构复习-名词解释2

1.定向&#xff1a;在某条指令产生计算结果之前&#xff0c;其他指令并不真正立即需要该计算结果&#xff0c;如果能够将该计算结果从其产生的地方直接送到其他指令中需要它的地方&#xff0c;那么就可以避免停顿。 2.多级存储层次&#xff1a;由若干个采用不同实现技术的存储…...

编程新知 2025/12/9 20:41:12

Vue 实例的数据对象详解

Vue 实例的数据对象详解 在 Vue 中，数据对象是响应式系统的核心，也是组件状态的载体。理解数据对象的原理和使用方式是成为 Vue 专家的关键一步。我将从多个维度深入剖析 Vue 实例的数据对象。 一、数据对象的定义方式 1. Options API 中的定义 在 Options API 中，使用 …...

编程新知 2025/12/7 4:13:41

AWSLambda之设置时区

目标 希望Lambda运行的时区是东八区。 解决 只需要设置lambda的环境变量TZ为东八区时区即可&#xff0c;即Asia/Shanghai。 参考 使用 Lambda 环境变量...

编程新知 2026/2/9 17:54:02