cost 222 ms
与 BroadcastChannel 反应 - React with BroadcastChannel

在 React 应用程序中,我单击按钮打开新选项卡。 当我打开新标签时,我想将一些数据传递给新标签。 我的按钮组件中的代码 来自新标签组件的代码 我的期望:我在新选项卡的控制台中看到“GREEEENNNNNNNN” 发生了什么: 如果我只打开一个新标签,我不会在控制台中看到“GRE ...

如何在 React 中实现广播频道 API - How to implement Broadcast Channel API in React

如果浏览器中打开了任何其他选项卡,我需要检查用户何时打开新选项卡。 所以当我们能够发现已经没有打开的标签页时,我们需要做一些操作,如果没有我们可以离开 我们如何使用广播频道 API来实现这一点? 尤其是如何在 React 中实现这个概念? 提前致谢!! ...

如何在 React 中与其他打开的浏览器选项卡共享 Session 存储数据 - How to share Session storage data with other opened browser tabs in React

在这里,我有一部分代码,我需要在其中登录应用程序,并且我将令牌存储在本地和会话存储中,以便它可以在beforeunload事件期间处理,存储在会话中将有助于刷新和本地与多个选项卡共享数据,这样我每次打开新选项卡时都不必登录。 但我面临的问题是—— 当我登录应用程序时,如果我在加载新选项卡时打 ...

*ng用于在通过 BroadcastChannel 接收数据时不更新 - *ngFor not updating when data is received through a BroadcastChannel

我创建这个 stackblitz是为了获得解决不同问题的帮助,并遇到了我现在遇到的问题。 我正在使用BroadcastChannel通过ViewContanierRef.createComponenent()将数据发送到嵌入在<iframe>中的组件。 一切都按我预期的那样工作,但是我的 ...

仅在 web 应用程序上强制使用一个选项卡(例如类似于 WhatsApp 和 Google Messenger) - Force one tab only on web app (e.g. similar to WhatsApp and Google Messenger)

我有一个严格的要求,只允许登录用户在一个选项卡中打开我的 web 应用程序。 我注意到 WhatsApp 和 Google Messenger 的 web 应用程序已经实现了这一点。 例如,尝试在多个选项卡(在同一浏览器、不同浏览器,甚至不同设备)中打开这些应用程序会导致以下警告: 有人知道这 ...

如何以编程方式使选项卡成为活动选项卡? - How to programmatically make a tab become the active tab?

我正在使用BroadcastChannel远程控制投影仪上显示的另一个浏览器 window(在同一台 PC 上)中显示的内容。 (基本上,投影的 window 是一个扩展的桌面显示器。)到目前为止,它在 Chrome 和 Edge 上运行良好,在远程控制页面和受控页面中各有一个简短的 JS 脚本 ...

具有 2 个页面/Web 部件通信的 SPFx 解决方案 - SPFx solution with 2 pages / web-parts communicating

我正在替换允许主应用程序页面触发与原始页面对话的无头 window 的服务器端解决方案。 现在我正在使用 SPFx 在 SPO 中执行此操作,到目前为止,我只使用了一个页面和 web 部分,其中包含一个无法退出发送页面的大对话框。 我的用户希望能够将对话框放在第二台显示器上,所以我认为我必须在不同的 ...

使用 BroadcastChannel API 反应出现错误 - React Getting error with BroadcastChannel API

我正在使用 sessionStorage 来保留身份验证信息,并且需要将此信息复制到正在打开的其他选项卡。 我创建了一个代码框来重新创建问题。 我没有在这篇文章中包含代码,因为它很长。 在另一个 window 中打开 Dashboard 链接时,由于弹出错误而无法渲染。 编辑:我在下面包含了所有必要 ...

Angular BroadcastChannel 在 Safari 上不工作 - Angular BroadcastChannel not working on Safari

BroadcastChannel是Angular中原生的function,不需要额外导入库。 你只是像这样声明它...... 你发这样的信息... 然后你像这样收到它们...... 这适用于所有浏览器,除了 Safari 在所有 Apple 设备上,我们得到: 有什么建议么? 谢谢。 ...

一旦用户在 Laravel 中使用 Redis 加入广播频道,在后端获取事件 - Get an event on backend side once a user has joined a broadcast channel with Redis in Laravel

我试图了解如何在用户加入频道后捕获事件后端。 我的意思是在对私有或在线通道进行身份验证之后。 例如,在那之后: 成功进行,我希望有可能捕捉到一个事件来知道用户加入了频道(不仅仅是前端)。 关于如何处理它的任何提示? 参考: https : //laravel.com/docs/6.x/br ...

有没有办法在收到 BroadcastChannel 消息后只回复发件人? - Is there a way to reply to only the sender, after receiving a BroadcastChannel message?

假设我有一堆同源 windows 或选项卡A 、 B 、 C 、 D和E ,它们之间没有相互引用。 (例如,用户独立打开它们)。 假设A向其他人发送BroadcastChannel消息,因此D需要将一些数据发送回A ,理想情况下不涉及B 、 C或E 。 这是否可能,使用任何消息传递 API? 广 ...

Angular BroadcastChannel:在两个浏览器选项卡之间发送数据,“BroadcastChannel”类型上不存在属性 - Angular BroadcastChannel: Send Data between Two Browser Tabs, Property does not exist on type 'BroadcastChannel'

如何将广播频道与 Angular Typescript 一起使用? 我们在两个浏览器 windows 之间发送数据(这是每个 UX 设计)。 下面出现错误。 为什么财产不存在? 尝试在第二个组件中连续接收数据,无论何时发送某些东西。 阅读此资源: https://developer.mozilla. ...

chrome 开发者工具控制台中的 BroadcastChannel 测试不起作用 - BroadcastChannel testing in chrome developer tools console isn't working

我正在测试BroadcastChannel功能,但遇到了麻烦。 我打开两个 Chrome windows 和每个的开发工具。 在控制台上我写: 我可以检查 z 并且它有 function 保存到 onmessage 道具所以一切看起来都很好。 但是,当我测试时: 在其中一个控制台中,另一个控制台中没 ...

JavaScript 的广播频道是否仅限于每秒接收一条消息? - Is JavaScript's broadcast channel limited to one received message per second?

我可能已经为自己回答了这个问题,但我需要进行理智检查...... 我每 500 毫秒通过广播频道向另一个选项卡广播。 第二个选项卡设置为接收广播并在控制台日志中打印它们。 发送标签: 接收标签: 我观察到以下情况:无论我将 queueInterval 时间设置为什么,接收选项卡都不会每 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM