原文地址:
https://juejin.im/post/6844903811232825357
以下仅供自己实践时做的笔记
当两个页面同源时:
- 使用 BroadcastChannel
先使用express 服务器启动 web 服务器。然后浏览器中打开两个自己 express 的页面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
这里是服务端渲染的文件
<div onclick="clickButton()">点击发送消息</div>
</body>
<script>
let bc = new BroadcastChannel("daimian");
bc.onmessage = function (e) {
console.log("这里是接收到的消息:"