有没有办法防止网站文本被搜索？答案

【问题标题】：Is there a way to prevent website text from being searchable?有没有办法防止网站文本被搜索？
【发布时间】：2012-10-17 13:57:52
【问题描述】：

在网站中使用Ctrl + F 搜索时，我想排除一些文本。有没有办法解决这个问题？

【问题讨论】：

我对此表示怀疑。具体用例是什么？
我开发了这个：chrome.google.com/webstore/detail/vertabs/… 并希望排除注入的文本。
是的，使用图像或画布；)
或者在每两个字符之间添加一些白色的 1px 文本。
@IanKuca 我喜欢画布的想法。

标签： javascript css search web

【解决方案1】：

显然

一些快速测试表明，通过伪元素添加的文本内容将找不到。请参阅 this fiddle（以搜索“Google”为例），它使用以下示例代码 (HTML5)。我知道您可能想要使用 a 标记或其他东西，并且可能需要使用 javascript 来实现功能，但关键是，您可以根据您的需要制作少量文本，这对搜索是不可见的。

HTML

<ul class="hideText">
    <li data-cB="Google" data-cA="https://www.google.se"></li>
    <li data-cB="GitHub" data-cA="https://github.com"></li>
</ul>

CSS

.hideText {list-style: none}
.hideText li {
    width: 200px;
    height: 50px;
    padding: 2px;
    background-color: #ddd;
    border: 1px solid #bbb;
    border-top-color: #eee;
    border-left-color: #eee;
}
.hideText li:before {
    content: attr(data-cB);
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
.hideText li:after{
    content: attr(data-cA);
    font-size: .8em;
}

【讨论】：

谢谢！这样就可以了:)

【解决方案2】：

我觉得这有点超出了这个问题的范围，但是 Mozillazine 上有一个论坛帖子讨论了 Google 如何覆盖 Cmd-F。帖子在这里

forums.mozillazine.org/viewtopic.php?f=12&t=2011073

这是一个错误报告，讨论了如何永远不允许网站捕获命令快捷方式

https://bugzilla.mozilla.org/show_bug.cgi?id=459744

我建议您使用图像或画布作为您不希望人们使用 Cmd-F 的文本，因为这会得到您想要的结果。

【讨论】：