控制外部页面的空闲时间

Question

我制作了一个引用外部网页的简单网页。当外部页面保持空闲时，有没有办法回滚到我的网页？

示例我的内部页面

Default

示例我的控制页

<button class="button"> <a href = "https://www.searchsite.com"> Answer</button>

Answer 1

不是将它们发送到您无法控制的页面，而是将该页面加载到iframe中。 iframe可以在页面加载时创建（如果url是静态的），只是用css隐藏，或者你可以在点击时用javascript创建iframe。然后使用javascrpit将iframe大小设置为浏览器窗口的完整宽度和高度。它看起来像其他网站，但你仍然可以控制。

如果他们调整浏览器大小，您可能需要有一个resize事件监听器。此外，您可能希望修改浏览器历史记录，以便在回复后返回您的网站。

然后，当达到超时限制时，您可以使用setTimeout隐藏或删除iframe。

请注意，某些网站会阻止该网页加载到iframe中。所以先测试一下。如果他们不允许它变得相当复杂，你需要使用php来获取他们的页面html，css和javascript，进行所需的更改，然后将其加载到您的网站中。

根据您的代码示例中的网址，我必须假设您要加载一些搜索引擎页面，其中许多都有API，您可以使用它们将搜索功能合并到您的网站中。