启用 Chrome 插件后如何从我网站上的图像中隐藏 Pin It 按钮
Posted
技术标签:
【中文标题】启用 Chrome 插件后如何从我网站上的图像中隐藏 Pin It 按钮【英文标题】：How to hide Pin It button from images on my website when Chrome plugin is enabled 【发布时间】：2014-04-09 11:54:42 【问题描述】：您好，我安装了 chrome Pinterest 插件，启用后，我在我网站上的所有图像上看到“Pin It”按钮（悬停时），我怎样才能停止“Pin It”按钮出现在我的网站上，甚至启用 chrome 扩展时
谷歌搜索后，我在博客上找到了以下内容：
作为安装了 扩展，但如果您不希望它与任何其他社交冲突 您网站上可能拥有的软件，您需要做的就是将其添加到 曾经的IMG标签：
<img src="myimage.jpg" data-pin-no-hover />
但这是针对单个图像的，有没有其他方法可以覆盖插件以禁用 chrome 扩展中的“固定”按钮？使用 JS/jQuery？
Chrome扩展js：http://assets.pinterest.com/ext/cr.js
编辑
<img src="myimage.jpg" data-pin-no-hover /> 似乎不再工作了
【问题讨论】：
【参考方案1】：好的，我刚刚阅读了 Pinterest 文档，要禁用页面或网站上的 pinterest， 只需添加一个元标记：
<meta name="pinterest" content="nopin" />
并且 pinterest 按钮将不再出现在网站上。
【讨论】：
太棒了！很高兴您找到了解决方案！ 感谢您的帮助@TheVanillaThrilla【参考方案2】：编辑，抱歉应该说我的回复专门针对您的编辑：
如果您只想禁用一个图像上的悬停固定按钮，则需要为属性指定 true 开关。
<img src="myimage.jpg" data-pin-no-hover="true" />
...会做到的
【讨论】：
data-pin-no-hover="true" 不再起作用，使用nopin="nopin" help.pinterest.com/en/articles/…【参考方案3】：
如果您想禁用 Google Chrome 上的悬停固定按钮，请在您的 HEAD 中使用此标记：
<meta name="pinterest" content="nohover"></meta>
您可以在 Pinterest 的博客上阅读更多信息：http://businessblog.pinterest.com/post/77184942682/a-smarter-pin-it-button
使用no pin 代码禁用固定在该图像上
希望对你有帮助，
克里斯蒂
【讨论】：
谢谢，这也是一个不错的解决方案 :)【参考方案4】：我花了好几个小时才弄明白，结果发现就像把它添加到你的图片标签一样简单
nopin="nopin"
【讨论】：
@j morley 这对我有帮助【参考方案5】：您有两种方法：
1) 将其禁用为单张图像 (Charlie's answer)，就像您已经完成的那样，但是您忘记了"true" 的值，这是必要的：
<img src="myimage.jpg" data-pin-no-hover="true" />
2) 将其禁用到整个文档 (Saurabh Sharma's answer)，在文档的<head>:
<meta name="pinterest" content="nopin" />
您只需要选择哪种情况更适合您。
【讨论】：
【参考方案6】：如果你想对所有图片禁用它，你可以试试下面的 jQuery：
$('img').attr('data-pin-no-hover', '');
【讨论】：
请检查编辑，因为data-pin-no-hover 似乎不再起作用了
能否提供相关网站的网址，以便我查看标记？【参考方案7】：
查理在 2014 年 3 月 12 日 20:34 的回答现已过时。最靠谱的方法是添加nopin="nopin"作为图片属性：
<img class="block__el--hide" src="path/imgname_1500x900.png" nopin="nopin">
~DR
【讨论】：
以上是关于启用 Chrome 插件后如何从我网站上的图像中隐藏 Pin It 按钮的主要内容，如果未能解决你的问题，请参考以下文章