讲师中心 微信公众号
AI工具推荐 视频效率加速

HTML中iframe元素referrerpolicy属性怎么设置

千墨姑娘_6047

千墨姑娘_6047

发布时间:2026-08-19 11:10:27

|

515人浏览过

|

来源于php中文网

原创

referrerpolicy属性在HTML中可选值包括:no-referrer、no-referrer-when-downgrade、origin、origin-when-cross-origin、same-origin、strict-origin、strict-origin-when-cross-origin、unsafe-url,其中no-referrer和origin最常用于iframe场景,分别实现完全不发送Referer头和仅发送源站信息。

html中iframe元素referrerpolicy属性怎么设置

referrerpolicy 属性值有哪些可选值

HTML iframe 的 referrerpolicy 控制的是该 iframe 向其 src 地址发起请求时,Referer 请求头是否发送、发什么内容。它不是所有浏览器都默认一致,必须显式设置才可靠。

常用合法值有:"no-referrer"、"no-referrer-when-downgrade"、"origin"、"origin-when-cross-origin"、"same-origin"、"strict-origin"、"strict-origin-when-cross-origin"、"unsafe-url"。其中 "no-referrer" 和 "origin" 是最常用于 iframe 场景的两个。

  • "no-referrer":完全不带 Referer 头,最隐私,但可能被某些第三方资源拒绝加载(比如依赖 Referer 校验的图片 CDN)
  • "origin":只发源站协议+域名+端口(如 https://a.com),不带路径和参数,平衡安全与兼容性,推荐作为默认选择
  • "strict-origin-when-cross-origin":同站发完整 Referer,跨站只发 origin,但部分旧版 Safari 对 iframe 支持不稳定

iframe 中 referrerpolicy 不生效的常见原因

即使写了 referrerpolicy="origin",也可能没效果——这不是属性写错了,而是被更高优先级策略覆盖了。

  • 父页面设置了 <meta name="referrer" content="no-referrer">,会全局压制所有子资源(包括 iframe)的 referrer 行为
  • 父页面通过 Referrer-Policy HTTP 响应头设置了 stricter 策略(如 no-referrer),它比 HTML 属性优先级更高
  • iframe 的 src 是 javascript:、data: 或空字符串等非 HTTP(S) 协议,此时 referrerpolicy 被忽略
  • 在 Chrome 94+ 中,如果 iframe 同时设置了 sandbox 属性且未包含 "allow-scripts",referrerpolicy 可能被静默忽略

如何验证 referrerpolicy 是否真正起作用

不能只看 HTML 是否写了属性,得看实际网络请求头。打开 DevTools → Network → 切到 iframe 的 src 请求 → 查看 Headers 标签页下的 Request Headers 区域:

Html2md
Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

立即学习“前端免费学习笔记(深入)”;

  • 若看到 Referer: https://example.com/path,说明策略宽松(如未设或设为 "unsafe-url")
  • 若看到 Referer: https://example.com,且请求是跨源的,大概率是 "origin" 或 "origin-when-cross-origin" 生效了
  • 若完全没 Referer 字段,可能是 "no-referrer",也可能是被 meta 或响应头覆盖了

注意:本地文件(file:// 协议)下测试时,大多数浏览器强制使用 "no-referrer",结果不可信,务必用本地 server(如 python3 -m http.server)跑。

与其他安全属性配合使用的注意事项

referrerpolicy 经常和 sandbox、allow、csp 一起用,但它们之间有隐含约束:

  • sandbox="allow-scripts" + referrerpolicy="no-referrer" 是安全组合;但如果加了 "allow-same-origin",iframe 内脚本就能读取父页面 URL,此时再设 "no-referrer" 就意义不大
  • 若 iframe 加载的是同一站点下的资源(同源),referrerpolicy 默认仍受父页面策略影响,不会自动降级为宽松行为
  • CSP 的 reflected-xss 或 referrer 指令不控制 iframe 的 Referer 发送逻辑,别混淆

真正容易被忽略的是:当 iframe 动态创建(document.createElement('iframe'))后设置 referrerpolicy,必须在设置 src 之前完成赋值,否则无效。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

6655

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

3692

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

3370

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

3399

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

5039

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

3341

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

3149

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

2748

2023.09.01

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

60

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 228人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn