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插件

相关推荐
志尊宝15 小时前
Vue3 零基础每日笔记(038):亲手封装 useDebounceFn 与 useThrottleFn——高频事件的流量阀
前端·javascript·vue·html·vue3
三乐22820 小时前
一文搞懂 JS 事件流:捕获、冒泡、事件委托
javascript·html
强尼53020 小时前
WeasyPrint 技术入门指南——用 Web 技术生成 PDF 的专业库使用详解
html
IMPYLH20 小时前
HTML 的 <slot> 元素
前端·网络·html
SamChan9021 小时前
Python 处理小语种 PDF 的编码坑:重音字符、连字与 (cid:xx) 乱码的解决方案
python·ai·pdf·机器翻译
乐迪绘防伪油墨技术分享1 天前
特种功能油墨选型指南:温变 / 遇水 / 荧光 / UV LED 技术对比与供应商参考
前端·html·uv
微咣科技1 天前
平台化工业AI再突破|大捷智能携手岚图汽车,打造车身焊装智能设计行业标杆
pdf·音视频
我滴老baby1 天前
工业物联网数据库选型:把计算能力放回第一维度
数据库·人工智能·架构·pdf
阿虎儿1 天前
我的 HTML 样板(HTML Boilerplate)
前端·html
SamChan901 天前
多栏PDF阅读顺序重建:用Python按坐标聚类还原双栏论文的翻译顺序
python·ai·pdf