javascript - 通过悬停 for wordpress 进行实时页面预览

Question

有没有一种方法或代码可以让我通过将鼠标悬停在指向它的链接上来实时预览页面？我知道插件 WP Live Preview Links , 但它运行缓慢。还有其他选择吗？

Answer 1

是的，没有缓存它会加载缓慢，因为:

• 需要加载外部页面
• 您的浏览器(或某些服务器端渲染器)需要渲染该页面

该插件在 iframe 中呈现网站，因此整个负载都转到了客户端。有些网站禁用了 iframe，因此您会遇到问题。

更好的方法是缓存预览。因此，一旦您的文章发布，您就可以在服务器上执行一个脚本来过滤文本中的所有链接，然后为每个链接创建预览。

这样，当用户将鼠标悬停在链接上时，他会看到一张图片，而无需加载整个网页。预览不会“实时”，但您可以刷新它们，比方说，每小时刷新一次。