javascript - 有没有办法防止网站文本被搜索到？

Question

在网站中使用 Ctrl + F 进行搜索时，我想排除一些文本。有办法解决吗？

Answer 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;
}