ESP8266怎么在网页上接收串口信息

要在网页上接收串口信息，你需要使用ESP8266的Websocket功能。以下是一些大致的步骤：

1. 在ESP8266上创建一个Websocket服务器。

#include <WebSocketsServer.h>

WebSocketsServer webSocket(81); // create a websocket server on port 81

2. 在loop()函数中监听Websocket连接并处理接收的消息。

void loop() {
  webSocket.loop(); // listen for incoming websocket data
}

3. 在串口接收到数据时，将其发送到Websocket客户端。

void serialEvent() {
  while (Serial.available()) {
    char c = Serial.read();
    webSocket.broadcastTXT(String(c)); // broadcast the received character to all connected websocket clients
  }
}

4. 在Web页面上使用JavaScript代码连接Websocket服务器并处理接收到的消息。

var ws = new WebSocket("ws://ESP8266_IP_ADDRESS:81/"); // connect to ESP8266 websocket server

ws.onmessage = function(event) { 
  var msg = event.data; // get the message data from the websocket event
  // handle received message
};

在以上的代码中，ESP8266_IP_ADDRESS指的是ESP8266设备的IP地址。当Websocket连接成功并接收到数据时，onmessage事件会被触发，你可以在其中处理接收到的数据。