实现浏览器内多个标签页之间的通信方法

在现代 Web 应用程序中，多个标签页之间的通信变得越来越重要。例如，当用户在一个标签页中进行某项操作时，可能需要在其他标签页中反映出这个变化。本文将介绍两种实现浏览器内多个标签页之间通信的方法，并提供相应的源代码示例。

方法一：使用 localStorage

HTML5 中的 localStorage 提供了一种简单的方式在不同标签页之间共享数据。它允许我们在一个标签页中写入数据，并在其他标签页中读取这些数据。

以下是一个示例，展示了如何使用 localStorage 实现跨标签页通信：

// 在发送数据的标签页中
localStorage.setItem('message', 'Hello, other tabs!');