HTML5 的 rel=”noreferrer”

最新推荐文章于 2024-10-28 15:58:03 发布
原创 最新推荐文章于 2024-10-28 15:58:03 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML5 #webkit #浏览器

本文介绍了如何使用 noreferrer 属性来控制浏览器的 referer 信息发送行为。通过设置 noreferrer,可以阻止浏览器发送页面来源信息,这对于保护用户隐私尤为重要。文章还提到了不同浏览器对该属性的支持情况。
用法：<a href=http://g.cn rel=noreferrer>noreferrer! </a>
可以让浏览器不发送referrer

area和a标签都支持

在使用 target=_blank时，webkit内核浏览器将会把window.opener属性设为空(null)


chrome4+支持

其它浏览器不发送referrer需要用户配置一下（基本相当于没用）
配置方法在此：
[url]http://rainux.org/disable-browser-to-send-http_referrer-header-to-protect-private-url[/url]
iteye_19781
关注
Tabnabbing 攻击 (利用 window.opener.location = …)：如何通过 rel=’noopener’ 或 rel=’noreferrer’ 防御？
weixin_41455464的博客
07-24 981
想象一下，用户在一个看起来安全的网站上点击了一个链接，打开了一个新标签页。当用户回到之前的标签页时，却发现页面被替换成了假冒的登录页面，要求重新输入密码。很多时候，我们的链接不是写死的，而是动态生成的。最后，安全无小事，希望大家在开发 Web 应用时，时刻保持警惕，关注各种安全风险，并采取相应的防御措施。信息来判断用户是从哪个网站跳转过来的，然后根据不同的来源展示不同的内容，或者进行一些其他的恶意操作。标签页时，看到的就不再是原来的页面，而是一个假的登录页面。这样，无论链接是从哪里来的，都可以保证安全性。
关于rel=noreferrer
weixin_30305735的博客
03-02 653
问题描述，打开ACfan链接的时候，如果<a href = 'acfan链接'>会出现403错误， 如果<a href = 'acfan链接' rel=noreferrer>带上rel=noreferrer属性就可以正常访问。 现在要求用window.open打开，或者用location.href打开链接： 借鉴： 方法1：使用window.open新开页面，并插入...
rel=“noreferrer noopener“含义
wnk1997的博客
10-28 308
【代码】rel=“noreferrer noopener“含义。
a标签中rel=“noreferrer noopener“的含义与作用
CamphorBlossom的博客
08-14 5046
rel=”noreferrer” 标签是一个特殊的 HTML 属性，可以添加到链接标签 ()；rel=”noopener” 是一个可以添加到外部链接的 HTML 属性。
a标签属性 rel="noopener noreferrer"
weixin_30670965的博客
05-27 952
当你浏览一个页面点击一个a标签连接 <a href="www.baidu.com" target="_blank"> 跳转到另一个页面时， 在新打开的页面（baidu）中可以通过 window.opener获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如location就不存在跨域问题）。 rel=noopener 新特性 <a href="ww...
rel="noopener noreferrer"
Jackie_Rose的博客
06-04 3023
在 airbnb 的前端规范中，所有关于 target="_blank" 的 <a> 标签，要求必须有 rel="noopener noreferrer"。原因如下： 这是因为在浏览器中，通过 <a> 标签在新窗口打开的页面( 假设原页面是 A, 新打开的页面是 B ) 在 B 页面中，可以通过 window.opener 属性获得 A 页面的 window 对象...
rel='noreferrer
07-12
`rel='noreferrer'` 是HTML中的一个属性，用于指示浏览器不要发送 `Referer` 头部信息到目标页面。`Referer` 头部信息包含了当前页面的URL地址，如果没有使用 `rel='noreferrer'`，当用户点击链接跳转到目标页面时，...
我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息，而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。 我的请求是【rel=noreferrer a标签里的这个属性有什么用】
最新发布
05-08
- **钓鱼攻击风险**：若未设置 `rel="noreferrer"`，恶意页面可通过 `window.opener.location` 修改原页面的 URL（例如重定向到钓鱼网站）[^5]。 - **隐私保护**：避免第三方网站通过 `Referer` 字段获取用户来源...
rel='noreferrer'
05-27
`rel='noreferrer'` 是HTML中的一个属性，用于指示浏览器不要发送 `Referer` 头部信息到目标页面。`Referer` 头部信息包含了当前页面的URL地址，如果没有使用 `rel='noreferrer'`，当用户点击链接跳转到目标页面时，...
rel=“noopener noreferrer“ 是什么意思？
Xpy 的博客
05-14 2467
noopener：当链接的 target 属性设置为 “_blank” 时，它用于防止新打开的窗口能够访问原始页面的 window.opener 属性。这可以防止被打开的页面通过 window.opener 访问和操纵原始页面的数据和行为，从而提高安全性。noreferrer：与 noopener 一起使用时，它还可以防止被打开的页面发送 Referer 头部信息。综上所述，rel=“noopener noreferrer” 是一种最佳实践，用于在新窗口中打开链接时提高安全性和隐私性。
Webkit开始支持HTML5的noreferrer链接属性
白果果白的专栏
11-11 1729
WebKit 现在支持HTML5中 “noreferrer”这个链接属性了，这是一个很小但是很酷的特征，可以让Web开发人员阻止浏览器发送访问来源信息。只要在链接里的把rel属性赋值为”noreferrer”就可以了。 如:   noreferrer! 当服务器接收到了由从某个网页上点击这个链接发起的HTTP请求时，HTTP请求的Referer字段将是空的，这就好像用户在浏览器地址栏直
由a标签rel=_noopener noreferrer_属性引发对浏览器进程的思考
奇舞周刊
03-21 856
起因相信大家对 eslint 一类的代码规范化工具肯定不会陌生了吧。现在的前端开发环境一般都是多人开发的模式，为了规范大家的编码规范，开发环境肯定会加入 eslint。我们开发时新建标签页打开一个链接，会用到 <a target="_blank"> 的语法，然而，使用 ESLint (react/jsx-no-target-blank ) rule时，会警告要加上 “rel="nore...
标签属性rel=“noopener noreferrer“的作用及含义
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
09-15 3529
下面说说a标签rel="noopener noreferrer"属性的作用那么rel="noopener noreferrer"是什么意思？超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null。
使用rel=noopener
weixin_33711647的博客
12-30 449
为什么80%的码农都做不了架构师？>>> ...
a标签rel=”noopener noreferrer”属性的作用详解
热门推荐
CamilleZJ的博客
09-15 1万+
<a href="https://www.xinshouzhanzhang.com/" target="_blank">跳转到一个新页面</a> 没有rel=“noopener noreferrer”的情况下使用target=“_blank”是有安全风险，超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null.
html请求跨域和referer
daoer_sofu的专栏
07-29 1950
后端请求 后端redirect重定向页面 使用form请求，ajax请求要单独设置跳转(ajax是页面局部刷新) 修改请求头部 w.Header().Set(“Access-Control-Allow-Origin”, “*”) w.Header().Set(“Access-Control-Allow-Headers”: “X-Requested-With,X_Requested_With,X-PINGOTHER,Content-Type”); w.Header().Set(“Access-C
控制请求来源的HTML Meta标签 - Referrer详解
weixin_42560424的博客
06-27 1万+
Referrer属性用于控制HTTP请求中的Referrer信息，即请求的来源URL。通过设置Referrer属性，我们可以决定是否发送Referrer头以及如何发送Referrer头信息。
HTML＜meta＞标签中referrer属性的作用
luoyooi的博客
07-29 7965
<meta name="referrer" content="no-referrer"> meta标签中name=referrer属性主要用于控制客户端发送给服务端的referrer信息，告诉服务端一些客户端的信息，如：来源网页的地址。
html属性写在什么位置,meta标签name="referrer"属性的写法和用法
weixin_42134769的博客
06-04 2608
HTML标签name="referrer"属性主要用于控制网页发送给服务器的referrer信息，可以告诉服务器端用户是从哪个页面来到当前网页的。什么是referrer？referrer有“引用页面”或“来源页面”的意思，用来指定当前页面是从哪个页面跳转过来的，也就是说HTTP请求报头中的referrer包含了跳转至当前页面的上一个页面的url地址；比如，你点击A页面中链接到B页面的URL地址，当...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值