有一个链接在 Wordpress 上打开搜索功能 (Ctrl+F)

Question

我正在寻找一种方法来打开浏览器搜索功能，以便仅在我的 Wordpress 网站的一个页面上查找文本。 我希望它在一页上独立。基本上是按 Ctrl+F 的功能，但将其作为链接或按钮，用我老板的话来说，是“面向不太懂技术的用户。”

这是我目前发现的

点击此处搜索页面

这在 FireFox 上效果很好，但在 Chrome 中却没有。

有没有办法在其他浏览器中进行这项工作，或者当我点击页面上的链接时，它会执行 Ctrl+F 功能来打开搜索框？

谢谢

Answer 1

据我所知，如果不点击cmd + F，就无法触发 Chrome 的原生查找功能。但您始终可以使用window.find()。也许这会对你有更好的帮助

编辑：

经过一些测试，我想出了this pen。它工作，有点。我在 Chrome、Firefox 和 IE 上对其进行了测试。 Chrome 和 Firefox 会突出显示第一次出现的单词。如果您单击该按钮的速度足够快，他们可能会突出显示第二个按钮。 IE 不做 sh*t。也许您可以为不同的浏览器编写不同的解决方案，但我不知道这如何适合您当前的代码。无论如何，window.find() 有一个documentation，但this 错误报告建议应该终止此方法。

完全另一种解决方案：使用 Javascript 的 search() 或 indexOf() 遍历整个页面（是的，我知道），然后根据这些返回，您可以硬编码一些突出匹配区域的内容，例如将其包裹在 @ 987654329@ 有黄色背景。这只是一个建议，因为我没有考虑太多，但我认为它会有所帮助。