iframe切换视图被记录到history记录,点击浏览器后退按钮pdf报错

iframe中用于PDF预览时,如果用户通过某些操作(如切换双页视图)改变了iframe的src或location,这可能会导致浏览器history中增加新的记录。以下是相关的分析和解决方案:

问题分析

iframe与浏览器history:

当iframe的src或location发生变化时,某些浏览器(如Firefox和IE)会将这些变化记录到浏览器的history中。这意味着,如果用户通过iframe预览PDF并进行页面切换,这些操作可能会被视为浏览器页面的跳转,从而在history中留下记录。

双页视图切换:

当用户切换PDF的双页视图时,这通常涉及到iframe的src或某些内部状态的改变。如果这些改变被浏览器识别为页面跳转,那么就会增加history记录。

解决办法

1、给iframe添加key值

html 复制代码
<iframe :key="url" :src="url" width="100%" height="100%"></iframe> 

2、下载pdf插件

相关推荐
幸运小猿7 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
WORLDPO92269 小时前
QTE-020-01-L/F/C-D-A-K-TR_实物_数据手册PDF_国产替代
pdf
轻松西西莱尔10 小时前
谷歌+斯坦福+CMU 等五家 203 页综述,我做了个HTML把主动式AI的边界跑给你看
前端·html·agent
asdzx6717 小时前
C# 操作 PDF 元数据:从属性写入到字段提取的完整流程
前端·pdf·c#
MaAidan18 小时前
用 Agent 排查线上问题:SLS 日志分析 + DB/Redis 数据验证,一条链路搞清楚
前端·bootstrap·html
WORLDPO922619 小时前
SFSDT-10/15/20/25/35-28-G-19.69-SR_实物图_数据手册PDF_国产替代
pdf·pcb工艺·pcb
梦想出海-Phoebe19 小时前
Gemini新增文件编辑功能:PDF、Word、Excel处理体验分享
pdf·word·excel
开开心心就好19 小时前
网页图片批量下载工具,输入链接就保存
服务器·算法·leetcode·支持向量机·pdf·ocr·1024程序员节
砚凝霜20 小时前
保姆级 | CTF Lemon:禁用右键/F12 怎么破?查看源码 + HTML 注释拿 flag
前端·html
普通人620 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html