google-chrome - 在 Chrome 中复制选项卡而不重新加载页面?

标签 google-chrome google-chrome-extension google-chrome-devtools

有没有办法完全复制 Google Chrome 中当前选项卡的状态?我想要页面当前状态的精确副本,而无需在另一个选项卡中重新加载页面。

示例用例:

在新闻网站上浏览“幻灯片”时,我想保留当前所在的幻灯片,但创建一个副本,以便可以继续查看下一张幻灯片。如果我只是右键单击并“复制”选项卡,新页面将完全重新加载,重新处理所有 JavaScript 并再次运行幻灯片放映前的广告。

最佳答案

简而言之,“不”,你不能。

我不是这方面的专家 但我知道可以通过某些方式实现类似的行为:

转储整个 DOM

不过从来没有尝试过这个。您可以将 DOM 转换为字符串,将其传递到新窗口,然后将其解析为文档。这会让你失去 DOM 事件和状态操作 javascript。 (但这对你的情况有好处)

var dtab = window.open('about:blank', 'duplicate_a_tab');
dtab.document.open();
dtab.document.write("... yout html string ..");
dtab.document.close();

开发扩展

让用户继续在当前选项卡上保持当前状态,您的扩展程序应该能够捕获该区域的屏幕截图并在新选项卡中打开该屏幕截图。市场上有很多屏幕截图扩展程序可用。

如果该网站是您自己的

您可以开发使用本地状态的服务,例如渐进式 Web 应用程序。单独提供一个指向“重复”的链接,该链接最终将在不同的选项卡中打开相同的 URL,具有相同的本地状态并带有“不同步”标志。

This will not work when the user uses browser inbuilt duplicate feature.

关于google-chrome - 在 Chrome 中复制选项卡而不重新加载页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15281000/

相关文章:

google-chrome - Shiny 的 sliderInput 在 Chrome 浏览器中不起作用

google-chrome-extension - 无法使用文件或目录名称 _metadata 加载扩展

javascript - chrome 扩展程序弹出窗口未显示

google-chrome - 无法在 Chrome 设备模式下更新模拟设备列表

google-chrome-extension - Chrome 运行缓慢,正在访问 Local Storage\chrome-extension_randomname

css - 使用 Chrome Devtools 调试 CSS 动画

带有线性渐变的 CSS 导航栏在 Chrome 中不显示背景

jquery - jQuery-查找确切的点击目标(代码在Chrome中有效,但在Firefox中无效)

javascript - 为什么我的 Chrome 扩展中从未收到过 onCreated 事件的选项卡会收到 webNavigation.onCompleted 事件?

javascript - 如何在 Chrome 的元素选项卡中设置事件监听器断点?