HTML代码中object嵌入PDF降级提示结构-html教程-PHP中文网

内部文本是唯一可靠降级方式，仅在加载失败时渲染，须为纯文本或简单内联元素，data需同源或配CORS，width设"100%"、height至少"600px"。

html代码中object嵌入pdf降级提示结构

PDF在中不显示时的降级文案怎么写

直接把提示文字写在标签内部，浏览器加载失败时才会渲染它——这是唯一可靠且语义正确的降级方式。

常见错误是把提示放在外面、用

包裹，或依赖onerror事件动态插入文案，这些都不生效。PDF插件（如浏览器内置PDF查看器）不触发onerror，也不支持fallback属性。
内部文本必须是纯文本或简单内联元素（如），避免嵌套或
不要加type="application/pdf"以外的type值，否则可能被忽略；Chrome/Firefox对type校验较严

如果PDF路径错误或CORS拦截，降级文案会显示；但若PDF本身损坏，部分浏览器仍会尝试渲染空白区域

的data和width/height怎么设才稳定
PDF渲染高度不可预测，固定height容易截断内容或留大片空白；data路径缺失或跨域会导致完全不加载。


data必须是同源URL，或服务端已配好CORS头（Access-Control-Allow-Origin: *），否则Firefox/Edge直接静默失败

width建议设为"100%"，height至少"600px"（最小可读高度），避免用auto或100vh——多数PDF viewer不响应容器高度变化
不要省略data属性：即使想靠JS动态赋值，也得先设一个空字符串data=""，否则IE11及旧版Edge不触发降级逻辑

移动端iOS Safari里PDF只显示一页怎么办
iOS Safari对嵌入PDF支持有限，默认只渲染第一页，且不响应滚动——这不是bug，是WebKit有意限制。

											
												
												
													使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审
													使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。
												
												下载
												
											
										

没有纯前端方案能强制多页渲染；唯一有效解是改用，它在iOS上表现更一致（但仍不支持缩放手势）
如果必须用，可在data URL后拼#page=2跳转指定页，但用户无法自由翻页
别信“加pluginspage”这类过时方案，iOS早已移除NPAPI插件支持，该属性完全无效

如何检测PDF是否真正加载成功
不能依赖onload事件——PDF加载完成不触发它；也不能靠contentDocument判断，因为跨域时该属性为空且无异常。

最务实的办法：设timeout（比如3秒），超时后检查的offsetHeight是否为0，或其clientWidth是否极小（

服务端配合更好：PDF接口返回HTTP 200且Content-Type: application/pdf，再加一个轻量JSON探针接口验证资源可用性
注意Safari的怪癖：即使PDF加载成功，的readyState长期卡在loading，别依赖这个值

降级结构看着简单，但每个浏览器对的PDF处理逻辑都不同，真正跑通需要逐个环境验证，尤其是iOS和旧版Edge。