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

解决网页导出PDF部分内容被遮挡问题

问题描述

以学习通为例,在使用Ctrl+P打印页面或截图时,固定侧边栏会遮挡部分内容,影响完整内容的获取。如下图所示:
image.png

解决办法

通过浏览器开发者工具临时移除固定侧边栏,具体步骤如下:

  1. 在目标页面右键点击选择"检查"(或直接按F12键),进入开发者工具界面
    image.png
  2. 使用快捷键ctrl+shift+c进行元素选择状态,我们选择固定侧边栏(滑动页面时固定不变)
    image.png
  3. 开发者工具会自动高亮显示选中的元素代码,我们在灰色框代码部分右键点击删除元素即可
    image.png
  4. 关闭控制台,ctrl+p打印就会成功获得无遮挡的完整页面
    image.png
http://www.dtcms.com/a/239643.html

相关文章:

  • Ubuntu 20.04 联网设置指南
  • wifi改ip地址有什么用?wifi改ip地址怎么改
  • 【MySQL基础】MySQL表操作全面指南:从创建到管理的深度解析
  • Linux系统:进程间通信-匿名与命名管道
  • ZYNQ学习记录FPGA(二)Verilog语言
  • MCU ADC硬件设计注意事项
  • vulnyx Blogger writeup
  • Linux学习
  • 机器学习×第五卷:线性回归入门——她不再模仿,而开始试着理解你
  • 如何手撸一个最小化操作系统:从 0 到 1 掌握汇编-文件管理-内存页表-文件系统-上下文切换算法 MIT 经典教程 结合豆包ai
  • win操作系统安装C++语言开发环境之一, vscode +MinGW ,流程
  • 【1】跨越技术栈鸿沟:字节跳动开源TRAE AI编程IDE的实战体验
  • Visual Studio Code 扩展
  • 图表类系列各种样式PPT模版分享
  • 使用 C# 将 Word、Excel、PDF 和 PPT文档转换为 Markdown 格式
  • 如何使用 Ansible 在 Ubuntu 24.04 上安装和设置 LNMP
  • 莫兰迪高级灰总结计划简约商务通用PPT模版
  • VmWare Ubuntu 16.04 搭建DPDK 19.08.2
  • 【无标题】湖北理元理律师事务所:债务优化中的生活保障与法律平衡之道
  • 从“安全密码”到测试体系:Gitee Test 赋能关键领域软件质量保障
  • React 第五十八节 Router中StaticRouterProvider的使用详解及案例
  • React第五十七节 Router中RouterProvider使用详解及注意事项
  • React核心概念:State是什么?如何用useState管理组件自己的数据?
  • 大模型智能体核心技术:CoT与ReAct深度解析
  • 操作系统的概念,功能和目标
  • React入门第一步:如何用Vite创建你的第一个React项目?
  • 深入理解 React 样式方案
  • 机器学习监督学习实战六:五种算法对新闻组英文文档进行文本分类(20类),词频统计和TF-IDF 转换特征提取方法理论和对比解析
  • RAG 文档解析难点1:多栏布局的 PDF 如何解析
  • 关于我对各开发语言的看法与接下来的文章内容