HTML5 的 rel=”noreferrer”

最新推荐文章于 2024-08-12 21:28:08 发布
最新推荐文章于 2024-08-12 21:28:08 发布
阅读量1.9k 收藏
点赞数
文章标签： HTML5 webkit 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19781/article/details/81934996
版权
用法：<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
关注
危险的 target=_blank 及 rel=noopener
小小小的骆驼的前端技术博客
08-10 1741
在编写 js 代码时有时候会出现以下报错： jsx-no-target-blank[ESLint] 具体可以访问源码地址 究其原因，是因为：默认的 a 标签链接，如果设置 target=_blank 时，则在新窗口能够通过全局对象的 opener 属性拿到原 tab 的引用，此时可能会引发黑客攻击等危险 其中，一篇英文博客写的很好，下面引用的例子也是引用该博客的示例 新开窗口属于同源时 先进入https://mathiasbynens.github.io/rel-noopener/ 然后点击第一个示例：“
noreferrer去除网页跳转refer
12-13
noreferrer去除网页跳转refer，使得跳转页面refer为空
关于rel=noreferrer
weixin_30305735的博客
03-02 332
问题描述，打开ACfan链接的时候，如果<a href = 'acfan链接'>会出现403错误， 如果<a href = 'acfan链接' rel=noreferrer>带上rel=noreferrer属性就可以正常访问。 现在要求用window.open打开，或者用location.href打开链接： 借鉴： 方法1：使用window.open新开页面，并插入...
a标签中rel=“noreferrer noopener“的含义与作用
CamphorBlossom的博客
08-14 3544
rel=”noreferrer” 标签是一个特殊的 HTML 属性，可以添加到链接标签 ()；rel=”noopener” 是一个可以添加到外部链接的 HTML 属性。
HTML并不简单读书笔记-2
最新发布
hsdsnd的博客
08-12 794
dl，dt，dd定义列表又一个非常显著的特点，自由。在于dl元素可以包含任意数量的dt和dd元素，可以在任意的块级元素相邻和嵌套。语义的使用定义列表适合在对术语进行定义和解释的场景中，例如技术文档的语法和参数的罗列与说明。
a标签属性 rel="noopener noreferrer"
weixin_30670965的博客
05-27 904
当你浏览一个页面点击一个a标签连接 <a href="www.baidu.com" target="_blank"> 跳转到另一个页面时， 在新打开的页面（baidu）中可以通过 window.opener获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如location就不存在跨域问题）。 rel=noopener 新特性 <a href="ww...
rel="noopener noreferrer"
Jackie_Rose的博客
06-04 2788
在 airbnb 的前端规范中，所有关于 target="_blank" 的 <a> 标签，要求必须有 rel="noopener noreferrer"。原因如下： 这是因为在浏览器中，通过 <a> 标签在新窗口打开的页面( 假设原页面是 A, 新打开的页面是 B ) 在 B 页面中，可以通过 window.opener 属性获得 A 页面的 window 对象...
Webkit开始支持HTML5的noreferrer链接属性
白果果白的专栏
11-11 1673
WebKit 现在支持HTML5中 “noreferrer”这个链接属性了，这是一个很小但是很酷的特征，可以让Web开发人员阻止浏览器发送访问来源信息。只要在链接里的把rel属性赋值为”noreferrer”就可以了。 如:   noreferrer! 当服务器接收到了由从某个网页上点击这个链接发起的HTTP请求时，HTTP请求的Referer字段将是空的，这就好像用户在浏览器地址栏直
rel='noreferrer
07-12
`rel='noreferrer'` 是HTML中的一个属性，用于指示浏览器不要发送 `Referer` 头部信息到目标页面。`Referer` 头部信息包含了当前页面的URL地址，如果没有使用 `rel='noreferrer'`，当用户点击链接跳转到目标页面时，...
rel='noreferrer'
05-27
`rel='noreferrer'` 是HTML中的一个属性，用于指示浏览器不要发送 `Referer` 头部信息到目标页面。`Referer` 头部信息包含了当前页面的URL地址，如果没有使用 `rel='noreferrer'`，当用户点击链接跳转到目标页面时，...
rel=noopener noreferrer
03-16
rel=noopener noreferrer是HTML中的一个属性，用于在链接中设置安全性。其中，noopener表示在新打开的窗口中不允许访问原始页面，noreferrer表示在新打开的窗口中不传递referrer信息，以保护用户隐私。这个属性通常...
rel=“noopener noreferrer“ 是什么意思？
Xpy 的博客
05-14 1347
noopener：当链接的 target 属性设置为 “_blank” 时，它用于防止新打开的窗口能够访问原始页面的 window.opener 属性。这可以防止被打开的页面通过 window.opener 访问和操纵原始页面的数据和行为，从而提高安全性。noreferrer：与 noopener 一起使用时，它还可以防止被打开的页面发送 Referer 头部信息。综上所述，rel=“noopener noreferrer” 是一种最佳实践，用于在新窗口中打开链接时提高安全性和隐私性。
由a标签rel=_noopener noreferrer_属性引发对浏览器进程的思考
奇舞周刊
03-21 612
起因相信大家对 eslint 一类的代码规范化工具肯定不会陌生了吧。现在的前端开发环境一般都是多人开发的模式，为了规范大家的编码规范，开发环境肯定会加入 eslint。我们开发时新建标签页打开一个链接，会用到 <a target="_blank"> 的语法，然而，使用 ESLint (react/jsx-no-target-blank ) rule时，会警告要加上 “rel="nore...
标签属性rel=“noopener noreferrer“的作用及含义
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
09-15 3216
下面说说a标签rel="noopener noreferrer"属性的作用那么rel="noopener noreferrer"是什么意思？超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null。
使用rel=noopener
weixin_33711647的博客
12-30 382
为什么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 1626
后端请求 后端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 7937
Referrer属性用于控制HTTP请求中的Referrer信息，即请求的来源URL。通过设置Referrer属性，我们可以决定是否发送Referrer头以及如何发送Referrer头信息。
HTML＜meta＞标签中referrer属性的作用
luoyooi的博客
07-29 7063
<meta name="referrer" content="no-referrer"> meta标签中name=referrer属性主要用于控制客户端发送给服务端的referrer信息，告诉服务端一些客户端的信息，如：来源网页的地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值