SerialWebViewer

SerialWebViewer is a web-based serial port logging and viewing tool with real-time monitoring, multi-theme support, and bilingual interface (English/Chinese). It's perfect for embedded development, hardware debugging, and more.

• Multiple baud rate support (9600-115200)
• Configurable data bits, parity, stop bits
• RTS/DTR flow control support
• Auto-scan available serial ports
• Auto-save configuration

• Real-time log display (SSE push)
• Text/HEX dual mode display
• Optional timestamp display
• Auto-save logs to files
• Historical log management (view, download, delete)

• Modern UI: Apple-style light theme
• Multi-theme Support: 9 preset themes + custom theme
• Customizable: Background, text, timestamp colors, and font size
• Responsive Layout: Adapts to different screen sizes
• Internationalization: Complete bilingual interface (EN/CN)

Main Interface

Configuration Panel

• Auto-record logs to files
• Time-stamped file naming
• Online historical log viewing
• One-click log download
• Latest files displayed first

Download from GitHub Releases: 👉 https://github.com/forqzy/SerialWebViewer/releases

Windows:

1. Download SerialWebViewer.exe
2. Double-click to run
3. Open browser to http://localhost:8088

Linux/macOS:

# Download and make executable
chmod +x serialwebviewer  # or SerialWebViewer.mac

# Run
./serialwebviewer

Then open browser to http://localhost:8088

View all releases and previous versions: 👉 https://github.com/forqzy/SerialWebViewer/releases

# Build
GOOS=windows GOARCH=amd64 go build -o SerialWebViewer.exe main.go

# Run
./SerialWebViewer.exe

# Build
go build -o serialwebviewer main.go

# Run
./serialwebviewer

# Build
GOOS=darwin GOARCH=amd64 go build -o SerialWebViewer.mac main.go

# Run
./SerialWebViewer.mac

1. Launch the program and open http://localhost:8088 in your browser
2. Click the "Config" button to open the configuration panel
3. Select serial port and baud rate, then click "Connect"
4. View real-time serial data
5. Switch display modes, themes, and languages as needed

• Light (Default): White background with black text, suitable for daytime
• Default: Dark gray background, eye-protection mode
• Dracula: Purple-toned dark theme
• Nord: Cold-toned Nordic style
• Monokai: Classic dark theme
• Solarized Dark: Eye-protection colors
• GitHub Dark: GitHub official dark theme
• One Dark: Atom editor style
• Material: Material Design style
• Custom: Fully customizable appearance

• Click "Config": Toggle configuration panel
• Click "Files": Expand/collapse historical file list
• Select theme: Real-time switch log display theme

• Backend: Go 1.19+
• Serial Communication: go.bug.st/serial
• Frontend: Vanilla HTML/CSS/JavaScript
• UI Framework: Bootstrap 5
• Icons: Bootstrap Icons
• Real-time Communication: Server-Sent Events (SSE)

SerialWebViewer/
├── main.go           # Main program file
├── go.mod            # Go module dependencies
├── go.sum            # Dependency checksum
├── logs/             # Log files directory
├── LICENSE           # MIT License
├── README.md         # Project documentation
└── .gitignore        # Git ignore file

go get go.bug.st/serial

# Windows
GOOS=windows GOARCH=amd64 go build -o SerialWebViewer.exe main.go

# Linux
go build -o serialwebviewer main.go

# macOS
GOOS=darwin GOARCH=amd64 go build -o SerialWebViewer.mac main.go

• Multi-port simultaneous monitoring
• Data filtering and search
• Data export (CSV, JSON)
• Command-line parameter support
• Configuration import/export
• Data statistics and charts

Issues and Pull Requests are welcome!

This project is licensed under the MIT License.

forqzy - GitHub

• go.bug.st/serial - Serial communication library
• Bootstrap - UI framework
• Bootstrap Icons - Icon library