使用PrintJS打印时谷歌及其他浏览器均正常显示内容,火狐显示空白页面如何解决?

本文主要是介绍使用PrintJS打印时谷歌及其他浏览器均正常显示内容,火狐显示空白页面如何解决?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、项目需求:使用PrintJS打印时谷歌及其他浏览器均正常显示内容,火狐显示空白页面如何解决?(项目中兼容全球使用率超过1%的浏览器)

  • 谷歌中的打印功能:有内容
    在这里插入图片描述
  • 火狐中的打印功能:页面空白
    在这里插入图片描述

1、项目中的.browserslistrc文件

在这里插入图片描述
>1%:表示支持全球使用率超过1%的浏览器
last 2 versions:表示支持最新发型的版本
not dead:筛选浏览器版本在全球的使用率低于0.5%且官方申明不再维护或超过两年及两年以上没有更新的版本,即不再兼容这些版本的浏览器

  • 查看项目兼容的浏览器版本:在项目的根目录下运行 npx browserslist命令 - 接着会出现兼容的浏览器版本号
    -
  • 设置火狐的兼容性:兼容火狐20以上的版本
    在这里插入图片描述
    可通过 npx browserslist命令进行再次查看:发现显示了火狐20以上的版本
    在这里插入图片描述
  • 在火狐浏览器的控制台查看当前浏览器的版本:navigator.userAgent
    在这里插入图片描述

2、经过排查发现火狐于2023年2月14日发布了新版本110(该版本存在一些问题,需等到2023年9月份发布120版本才能修复)

3、版本回退到火狐浏览器109版本:回退地址

4、火狐浏览器卸载时,需使用系统自带的uninstall文件夹中的helper.exe进行卸载(双击即可)

在这里插入图片描述
在这里插入图片描述

5、重新安装火狐浏览器:这里安装的是109版本

在这里插入图片描述

  • 标准安装 - 选择想安装的位置 - 安装
    在这里插入图片描述
  • 安装完成 - 完成
    在这里插入图片描述
  • 完成后会弹出该内容:点击创建新配置文件
    在这里插入图片描述

6、重新在控制台查看火狐浏览器的版本信息:

在这里插入图片描述

7、再次打开火狐浏览器使用打印功能:会发现出现内容(这里已经测试过)

在这里插入图片描述

8、总结:在项目兼容浏览器的情况下,且一直能使用,若是由于浏览器更新后出现问题,就需要考虑降低版本

这篇关于使用PrintJS打印时谷歌及其他浏览器均正常显示内容,火狐显示空白页面如何解决?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/312167

相关文章

中文分词jieba库的使用与实景应用(一)

知识星球:https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义: 精确模式(默认模式): 全模式: 搜索引擎模式: paddle 模式(基于深度学习的分词模式): 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取

使用SecondaryNameNode恢复NameNode的数据

1)需求: NameNode进程挂了并且存储的数据也丢失了,如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2)故障模拟 (1)kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 (2)删除NameNode存储的数据(/opt/module/hadoop-3.1.4/data/tmp/dfs/na

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

Makefile简明使用教程

文章目录 规则makefile文件的基本语法:加在命令前的特殊符号:.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具,常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示 从本章开始,按照书籍的划分,第10章开始就进入保护模式(Protected Mode)部分了,感觉从这里开始难度突然就增加了。 书中介绍了为什么有中断(Interrupt)的设计,中断的几种方式:外部硬件中断、内部中断和软中断。通过中断做了一个会走的时钟和屏幕上输入字符的程序。 我自己理解中断的一些作用: 为了更好的利用处理器的性能。协同快速和慢速设备一起工作

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

如何解决线上平台抽佣高 线下门店客流少的痛点!

目前,许多传统零售店铺正遭遇客源下降的难题。尽管广告推广能带来一定的客流,但其费用昂贵。鉴于此,众多零售商纷纷选择加入像美团、饿了么和抖音这样的大型在线平台,但这些平台的高佣金率导致了利润的大幅缩水。在这样的市场环境下,商家之间的合作网络逐渐成为一种有效的解决方案,通过资源和客户基础的共享,实现共同的利益增长。 以最近在上海兴起的一个跨行业合作平台为例,该平台融合了环保消费积分系统,在短

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据,将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma