Programming

Introducing xterm-headless

What xterm-headless is and how to use it to implement terminal functionality on Node.js, with use cases and notes.

· 2 min
WebShell

How to Use Tampermonkey (Step-by-Step Guide)

How I use Tampermonkey to enhance websites: common scripts, sync setup, and tips.

· 1 min
JavaScriptEfficiency Tools

The inspect Command in Node

This article introduces the inspect command in Node, including its advantages, implementation details, and relevant …

· 2 min
Node.js

Common npm Packages for Frontend Development

This article introduces common npm packages for frontend development, including usage scenarios and implementation …

· 1 min
Node.jsFrontend Development

Ways to Open a New Page in JavaScript

This post summarizes ways to open a new page in JavaScript, with notes on behavior and practical considerations.

· 1 min
JavaScript

guacamole-common-js

This article provides an introduction to guacamole-common-js, covering its advantages, implementation details, and …

· 1 min

Online Failure - Hidden Timer Issues

How hidden timers caused a production flood of heartbeat requests, the investigation process, and key takeaways for …

· 2 min
JavaScript

Implementing Input Autocomplete Visuals

For WebShell-like command inputs, fake partial highlighting by layering a positioned div behind the input; CSS alone …

· 1 min
WebShellCSSJavaScript

Copy/Paste Support in WebShell

A summary of copy/paste support in WebShell, covering browser clipboard permissions, default hotkeys, xterm.js behavior, …

· 2 min
WebShell

How to Use Mousetrap (Step-by-Step Guide)

This article introduces the usage of Mousetrap, including its advantages, implementation details, and relevant …

· 3 min
JavaScript

Command Palette in WebShell

Design and implementation of a command palette in WebShell, including motivation, command modeling, filtering, …

· 3 min
WebShell

How to Use the keyboard.lock API (Step-by-Step Guide)

Using navigator.keyboard.lock to bypass browser limitations on capturing certain hotkeys (like Command+T) in web …

· 2 min
JavaScript

Displaying Images in WebShell

How to display images in a terminal via WebShell using xterm.js, including prerequisites, setup, and caveats.

· 2 min
WebShell

How to Use CSS :has() Function (Step-by-Step Guide)

This article introduces the use of CSS :has() function, including its advantages, implementation details, and related …

· 1 min
CSSWeb Development

Installing and Switching Shells

Quick reference for installing Bash, Zsh, Fish, and Tcsh on Ubuntu plus notes on printf escaping differences.

· 1 min
Linux

Implementing SFTP File Management in WebShell

How to implement visual file management in WebShell using ssh2 and ssh2-sftp-client, including listing, upload/download, …

· 3 min
WebShell

Integrating AI into WebShell

How WebShell integrates AI features: prompt engineering, context handling, token cost control, streaming advantages, and …

· 3 min
WebShellAI

Developing Mini Programs with Taro

This article introduces developing mini programs with Taro, including usage scenarios and implementation details to …

· 11 min

The time-style Parameter in Linux ls

This post explains the time-style parameter in Linux ls, including format output, compatibility, and workarounds.

· 1 min
LinuxWebShell

Terminal Search in WebShell

How to implement terminal search in WebShell using the xterm search addon, plus notes about normal vs alternate screen …

· 1 min

How to Use monaco-editor (Step-by-Step Guide)

This post introduces how to use monaco-editor, covering installation, Webpack bundling, and related references.

· 1 min
React

How to Use xterm-addon-web-links (Step-by-Step Guide)

This article introduces how to use the xterm-addon-web-links plugin to implement link recognition and click …

· 2 min
WebShell

AntiDebug Implementation

This article introduces AntiDebug implementation, including its advantages, implementation details, and related …

· 2 min
JavaScript

Upgrade Blog Theme: 2.0

This post covers upgrading the blog theme, including workflow and key details, to streamline the process.

· 1 min
BlogTooling

Deploy a Personal chatgpt-telegram-bot

Steps to deploy a private ChatGPT Telegram bot with Docker, plus auto‑restart on config changes.

· 2 min
AICommunication Tools