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

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

news 2025/6/10 5:18:07

问题描述

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

解决办法

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

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

相关文章：

  • 性能优化中，多面体模型基本原理
  • 使用centos服务器和Let‘s Encypted配置SpingBoot项目的https证书
  • JVM如何优化
  • 深度解析 Linux 内核参数 net.ipv4.tcp_rmem：优化网络性能的关键
  • DeFi模式：去中心化金融架构与流动性池设计
  • Dify 社区版本地docker compose部署记录
  • Docker环境下安装 Elasticsearch + IK 分词器 + Pinyin插件 + Kibana（适配7.10.1）
  • uni-app学习笔记三十五--扩展组件的安装和使用
  • A2A JS SDK 完整教程：快速入门指南
  • Linux线程互斥与竞态条件解析
  • LeetCode Hot100刷题——三数之和
  • 2025企业级采购系统深度评测：AI技术如何助力采购成本直降40%？
  • Python训练营-Day26-函数专题1：函数定义与参数
  • 从实验室到产业：IndexTTS 在六大核心场景的落地实践
  • 影子栈指针是什么？
  • 原型模式深度解析：Java设计模式实战指南与克隆机制优化实践
  • 一种使用 PowerToys 的键盘管理器工具重新映射按键实现在 Windows 上快捷输入字符的方式
  • 在Spring Boot中集成RabbitMQ的完整指南
  • vue3+vite+pnpm项目 使用monaco-editor常见问题
  • 数据结构篇--分离链表vs线性探测
  • Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？
  • laravel8+vue3.0+element-plus搭建方法
  • Hugging Face、魔塔社区(MOTA)与OpenRouter：AI模型平台深度对比与实战指南
  • (七) 深度学习进阶：现代卷积神经网络技术解析与应用实践
  • ＜STC32G12K128入门第十九步＞QT串口ISP更新上位机
  • Spring 框架（1）
  • 题山采玉：Day3
  • 3D Web轻量化引擎HOOPS Communicator赋能一线场景，支持本地化与动态展示？
  • 如何手撸一个最小化操作系统：从 0 到 1 掌握汇编-文件管理-内存页表-文件系统-上下文切换算法 MIT 经典教程 结合豆包ai
  • 如何控制electron的应用在指定的分屏上打开[特殊字符]