在 React 应用程序中,我单击按钮打开新选项卡。 当我打开新标签时,我想将一些数据传递给新标签。 我的按钮组件中的代码 来自新标签组件的代码 我的期望:我在新选项卡的控制台中看到“GREEEENNNNNNNN” 发生了什么: 如果我只打开一个新标签,我不会在控制台中看到“GRE ...
在 React 应用程序中,我单击按钮打开新选项卡。 当我打开新标签时,我想将一些数据传递给新标签。 我的按钮组件中的代码 来自新标签组件的代码 我的期望:我在新选项卡的控制台中看到“GREEEENNNNNNNN” 发生了什么: 如果我只打开一个新标签,我不会在控制台中看到“GRE ...
如果浏览器中打开了任何其他选项卡,我需要检查用户何时打开新选项卡。 所以当我们能够发现已经没有打开的标签页时,我们需要做一些操作,如果没有我们可以离开 我们如何使用广播频道 API来实现这一点? 尤其是如何在 React 中实现这个概念? 提前致谢!! ...
在这里,我有一部分代码,我需要在其中登录应用程序,并且我将令牌存储在本地和会话存储中,以便它可以在beforeunload事件期间处理,存储在会话中将有助于刷新和本地与多个选项卡共享数据,这样我每次打开新选项卡时都不必登录。 但我面临的问题是—— 当我登录应用程序时,如果我在加载新选项卡时打 ...
我创建这个 stackblitz是为了获得解决不同问题的帮助,并遇到了我现在遇到的问题。 我正在使用BroadcastChannel通过ViewContanierRef.createComponenent()将数据发送到嵌入在<iframe>中的组件。 一切都按我预期的那样工作,但是我的 ...
我创建了这个广播服务。 动态生成 addEventListener 的事件处理程序时,如何添加 BroadcastChannel.removeEventListener 方法? @Injectable({ providedIn: 'root' }) export class BroadcastS ...
我有一个严格的要求,只允许登录用户在一个选项卡中打开我的 web 应用程序。 我注意到 WhatsApp 和 Google Messenger 的 web 应用程序已经实现了这一点。 例如,尝试在多个选项卡(在同一浏览器、不同浏览器,甚至不同设备)中打开这些应用程序会导致以下警告: 有人知道这 ...
我正在使用BroadcastChannel远程控制投影仪上显示的另一个浏览器 window(在同一台 PC 上)中显示的内容。 (基本上,投影的 window 是一个扩展的桌面显示器。)到目前为止,它在 Chrome 和 Edge 上运行良好,在远程控制页面和受控页面中各有一个简短的 JS 脚本 ...
HTML5 BroadcastChannel API是在选项卡/窗口之间发送数据的绝佳解决方案。 它们使用new BroadcastChannel(name)打开并通过调用.close() function 关闭。 但是,它没有说明如何查看现有打开的广播频道。 如果我动态创建 Broadcast ...
我是 Electron 的新手,并且有一些代码可以创建新的 window。 我想让 window 打开一个 BroadcastChannel 但我收到错误: 代码如下所示: main.ts... function createWindow() { // Create the browser ...
我正在替换允许主应用程序页面触发与原始页面对话的无头 window 的服务器端解决方案。 现在我正在使用 SPFx 在 SPO 中执行此操作,到目前为止,我只使用了一个页面和 web 部分,其中包含一个无法退出发送页面的大对话框。 我的用户希望能够将对话框放在第二台显示器上,所以我认为我必须在不同的 ...
我正在使用 sessionStorage 来保留身份验证信息,并且需要将此信息复制到正在打开的其他选项卡。 我创建了一个代码框来重新创建问题。 我没有在这篇文章中包含代码,因为它很长。 在另一个 window 中打开 Dashboard 链接时,由于弹出错误而无法渲染。 编辑:我在下面包含了所有必要 ...
BroadcastChannel是Angular中原生的function,不需要额外导入库。 你只是像这样声明它...... 你发这样的信息... 然后你像这样收到它们...... 这适用于所有浏览器,除了 Safari 在所有 Apple 设备上,我们得到: 有什么建议么? 谢谢。 ...
我试图了解如何在用户加入频道后捕获事件后端。 我的意思是在对私有或在线通道进行身份验证之后。 例如,在那之后: 成功进行,我希望有可能捕捉到一个事件来知道用户加入了频道(不仅仅是前端)。 关于如何处理它的任何提示? 参考: https : //laravel.com/docs/6.x/br ...
如何判断广播频道是否存在及其订阅者数量? 我们有一个产品链接,并且一些 chrome 页面选项卡正在订阅广播频道。 想看看有多少人在听。 资源: https://medium.com/javascript-in-plain-english/using-javascript-and-the-broa ...
假设我有一堆同源 windows 或选项卡A 、 B 、 C 、 D和E ,它们之间没有相互引用。 (例如,用户独立打开它们)。 假设A向其他人发送BroadcastChannel消息,因此D需要将一些数据发送回A ,理想情况下不涉及B 、 C或E 。 这是否可能,使用任何消息传递 API? 广 ...
如何将广播频道与 Angular Typescript 一起使用? 我们在两个浏览器 windows 之间发送数据(这是每个 UX 设计)。 下面出现错误。 为什么财产不存在? 尝试在第二个组件中连续接收数据,无论何时发送某些东西。 阅读此资源: https://developer.mozilla. ...
我正在测试BroadcastChannel功能,但遇到了麻烦。 我打开两个 Chrome windows 和每个的开发工具。 在控制台上我写: 我可以检查 z 并且它有 function 保存到 onmessage 道具所以一切看起来都很好。 但是,当我测试时: 在其中一个控制台中,另一个控制台中没 ...
我可能已经为自己回答了这个问题,但我需要进行理智检查...... 我每 500 毫秒通过广播频道向另一个选项卡广播。 第二个选项卡设置为接收广播并在控制台日志中打印它们。 发送标签: 接收标签: 我观察到以下情况:无论我将 queueInterval 时间设置为什么,接收选项卡都不会每 ...
有没有办法使用 Chrome DevTools 来查看BroadcastChannel发生的事情,而不是将message事件侦听器附加到它,以便我可以看到谁在postMessage -ing 什么? ...
我需要在指向同一站点的同一浏览器的 2 个选项卡之间共享一些信息。 我正在使用 BroadcastChannel.onmessage 事件处理程序,详情如下: https : //developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel/on ...