关键词：
【中文标题】如何检测 rel="noreferrer" 支持？【英文标题】：How can I detect rel="noreferrer" support? 【发布时间】：2012-01-12 07:25:47 【问题描述】：有什么方法可以检测到对 rel="noreferrer" 与 Javascript 的支持吗？
<a href="http://example.com" rel="noreferrer">link without referral</a>
解决方案 - $.browser 已被弃用，它可能会在 jQuery 的未来版本中移动到插件中。
var is_webkit = $.browser.webkit;
if(is_webkit)
alert('supports rel="noreferrer"');
【问题讨论】：
@DavidThomas 您可能想查看我在上面发布的解决方案。 【参考方案1】：我通过使用name 属性创建一个隐藏的 iframe 来检测 noreferrer 支持，然后我创建一个 <a rel="noreferrer"> 链接，其 target 属性等于 iframe 的 name 属性，并让链接指向任何当前域上的资源。链接到about:blank 也可以，但它在 Firefox 和 IE 中存在问题，因此您应该链接到服务器上的故意空白文件。在 iframe 中加载资源后，检查 [the iframe].contentDocument.referrer === ""。如果是这样，则支持noreferrer。
hotlink.js 中提供了我的实现示例。具体见on_ready。
【讨论】：
【参考方案2】：不，没有。引用标头在 JavaScript 域之外。
如果特别重要，您可以检查浏览器 (navigator.userAgent) 是否支持 noreferrer。
【讨论】：
我知道这已被弃用，但仍然适用于我的目的：var is_webkit = $.browser.webkit; 这是错误的。我在带有 iframe 的 hotlink.js (github.com/eligrey/hotlink.js/blob/master/hotlink.js) 中检测到 noreferrer 支持。每日思考（2020/02/15）(代码片段)
...狐并不支持这个属性值，火狐浏览器里需要写成rel="noreferrer"，所以我们可以将两个属性值合并写成rel="noopenernoreferrer"来完整覆盖。nofollow是HTML页面中a标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪... 查看详情
链接 rel="preload" 究竟是如何工作的？
】链接rel="preload"究竟是如何工作的？【英文标题】：Howexactlydoeslinkrel="preload"work?【发布时间】：2016-08-0701:43:27【问题描述】：Chrome的新版本增加了对<linkrel="preload">的支持。他们发布了很多参考... 查看详情
如何指示用作 js 挂钩的链接？或者 rel="js" 语义替换
】如何指示用作js挂钩的链接？或者rel="js"语义替换【英文标题】：Howtoindicatelinksusedashooksforjs?Orrel="js"semanticreplacement【发布时间】：2011-10-3113:37:03【问题描述】：我正在寻找好的/语义/传递验证方式来指示我的链接... 查看详情
如何判断dynamic类型的属性是不是存在
参考技术A在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含class="new"的样式呢.JQuery判断就非常简单了,因为有hasClass这个方法$("input[name=new]").hasClass("new")即可判断.但是有时候我们需要判断别的... 查看详情
js如何实现a标签的rel属性？？？？
<atarget="_blank"href="xxx"rel="shadowbox"><imgsrc="xxx"/></a>以上代码调用了shadowbox插件做了个图片展示的效果，能不能改成通过img的onclick事件调用js来实现。或者说有没有方法让window.location.href（w... 查看详情
图片盗链与反盗链
...链。 破解方法： 1)a标签的话，可以加上rel="noreferrer"，这个是h5一个属性，存在兼容性问题 2)https://github.com/knu/noreferrer 3)<meta na 查看详情
htmlnoopener/noreferrer(代码片段)
使用 meta rel="shortlink" 创建一个较短的链接 [关闭]
...k"[closed]【发布时间】：2015-09-2809:50:24【问题描述】：如何将这种元数据用于我网站的所有页面：<linkrel="shortlink"href="http://www.mywebsite.com/?p=1 查看详情
[html5]atag,rel="noopener"
Itisagoodpraticetoaddref="noopener"<ahref="/some/domain"target="_blank"rel="noopener"/> Becausewhenthenewpageisopened,inthenewpagecanredriectparentpagetoanotherurl,whichcontainssecurityrisk 查看详情
"rel=nofollow noopener" - 可以同时拥有两者吗？
】"rel=nofollownoopener"-可以同时拥有两者吗？【英文标题】："rel=nofollownoopener"-Possibletohavebothatthesametime?【发布时间】：2018-01-3111:19:11【问题描述】：我有一个pdf，我想保护它并且不希望搜索引擎对其进行索引。目前... 查看详情
JQuery Mobile：使用 'data-rel="back"' 生成动态页面
】JQueryMobile：使用\\\'data-rel="back"\\\'生成动态页面【英文标题】：JQueryMobile:Using\'data-rel="back"\'withdynamicpagegenerationJQueryMobile：使用\'data-rel="back"\'生成动态页面【发布时间】：2013-03-2622:15:06【问题描述】：在... 查看详情
在css中，link里的rel="stylesheet"是什么意思？
rel是relationship的英文缩写，它描述了当前页面与href所指定文档的关系；stylesheet就是样式表的意思；CSS是CascadingStyleSheet（级联样式表）的缩写意思是：在<link>标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个... 查看详情
Vue-cli 正确处理<link rel="preload/prefetch">
】Vue-cli正确处理<linkrel="preload/prefetch">【英文标题】：Vue-clicorrectprocessingof<linkrel="preload/prefetch">【发布时间】：2019-11-0914:46:18【问题描述】：如何让webpack正确处理<linkrel="preload/prefetch&qu 查看详情
Google rel="next/prev" 用于动态分页？
】Googlerel="next/prev"用于动态分页？【英文标题】：Googlerel="next/prev"fordynamicpagination?【发布时间】：2014-08-0219:35:11【问题描述】：我正在尝试将此rel="next"和rel="prev"添加到我的分页链接中，但它们似乎是动态创建的... 查看详情
为wordpress标签添加rel="nofollow"属性
WordPress标签默认并无rel="nofollow"属性。rel="nofollow"属性的作用是：告诉搜索引擎，无需追踪目标页，禁止蜘蛛爬行和传递权重。如果你不准备让搜索收录标签，可以通过下面的代码为标签添加该属性。将下面的代码添加到当前主... 查看详情
jquery怎么判断一个属性是不是存在
...中,我们会判断元素是否存在某个属性.比如是否包含class="new"的样式呢.JQuery判断就非常简单了,因为有hasClass这个方法$("input[name=new]").hasClass("new")即可判断.但是有时候我们需要判断别的属性,比如有的a链接包... 查看详情
a标签属性rel="noopenernoreferrer"
当你浏览一个页面点击一个a标签连接<ahref="www.baidu.com"target="_blank">跳转到另一个页面时，在新打开的页面（baidu）中可以通过window.opener获取到源页面的部分控制权， 即使新打开的页面是跨域的也照样可以（例如 locati... 查看详情
Jquery mobile data-rel="dialog" 在 iphone 或 ipad 上不起作用
】Jquerymobiledata-rel="dialog"在iphone或ipad上不起作用【英文标题】：Jquerymobiledata-rel="dialog"doesnotworkoniphoneoripad【发布时间】：2012-05-0905:53:09【问题描述】：以下代码<adata-rel="dialog"href="/Client/Events?ID=c2a7a58e-b 查看详情