Html 如何使用Puppeter连接到websocket并在该websocket上执行自动化

在我的HTML页面上，我正在尝试使用Puppeter在websocket上执行web自动化。我尝试了不同的方法来运行这段代码，但每次尝试，我都会遇到各种不同的错误。我想知道是否有一个特定的代码，我可以使用，以使这项工作

我的HTML代码：

<script src="https://unpkg.com/puppeteer-web">
</script>
<script>
async function run() {
let socket = new WebSocket("wss://javascript.info/article/websocket/demo/hello");

socket.onopen = function(e) {
  console.log("[open] Connection established");
  console.log("Sending to server");
  socket.send("hey");
};

socket.onmessage = function(event) {
  console.log(`[message] Data received from server: ${event.data}`);
};

socket.onerror = function(error) {
  console.log(`[error] ${error.message}`);
};

const browser = await puppeteer.connect({socket});
    const pagesCount = (await browser.pages()).length;
}
run();

</script>

异步函数run（）{
让套接字=新的WebSocket（“wss://javascript.info/article/websocket/demo/hello");
socket.onopen=函数（e）{
console.log（“[打开]连接已建立”）；
日志（“发送到服务器”）；
socket.send（“嘿”）；
};
socket.onmessage=函数（事件）{
log（`message]从服务器接收的数据：${event.Data}`）；
};
socket.onerror=函数（错误）{
log（`[error]${error.message}`）；
};
const browser=wait puppeter.connect（{socket}）；
const pageScont=（wait browser.pages（））.length；
}
run（）；

早些时候，可以使用，但现在不行了。即使您已将它们添加到HTML源代码中，也不会再工作

您需要在服务器（后端）端使用Puppeter。因此，如果你的应用程序目前只是客户端：你还需要一个Node.Js服务器来运行scraper，并通过一个端点将其输出数据提供给你的前端应用程序（很可能你会选择这样做）