WebMCP is a new browser‑native API that lets webpages expose structured tools for AI agents to call directly, solving the fragility of UI‑based automation by moving interaction from the presentation layer to a semantic, contract‑driven layer.
This guide explains how to detect when a user leaves a web page using modern APIs like Page Visibility, beforeunload/unload, sendBeacon, and pagehide, compares their advantages and drawbacks, provides code snippets, and offers practical recommendations for reliable data reporting and UI handling.
This article walks through the complete front‑end architecture and implementation details for integrating Tencent Cloud speech‑to‑text into a React app, covering token authentication, SDK initialization, event handling, cursor‑aware text insertion, character limits, permission handling, error management, and state management with MobX.
This article explains the differences between localStorage and sessionStorage, demonstrates through code experiments that sessionStorage does not share data across multiple tabs unless the new page is opened via window.open or a link, and summarizes the resulting behavior.
This article explains what browser extensions are, outlines the Chrome extension file structure, walks through creating the manifest, popup UI, content and background scripts, demonstrates messaging APIs, and shows how to add features such as ad removal, context‑menu shortcuts, request blocking, custom new‑tab pages, and text‑highlighting.
This article explains WebTransport, an HTTP/3‑based API that offers multiplexing, flow control, and end‑to‑end encryption, compares it with WebSocket, and provides real‑world use cases such as cloud gaming and low‑latency live streaming with code examples.
Chrome 126 adds a new permission element that lets developers declaratively request camera, microphone, or combined permissions via a button‑like UI, addressing common permission‑prompt abuses such as premature prompts, hidden dialogs, and difficult revocation, while integrating with the Permissions API and providing state‑change events.
Advanced interception techniques—such as overriding browser APIs, using ServiceWorkers, employing MutationObservers, creating Proxy‑based sandboxes, and configuring server‑side gateways—provide a flexible middle layer for error reporting, request monitoring, micro‑frontend isolation, and remote debugging, while demanding careful adherence to security policies.
This article demonstrates how to implement cross‑tab communication in browsers by converting screen and client coordinates and using the BroadcastChannel API to synchronize draggable elements across multiple windows, complete with full HTML/JavaScript code examples.
This article provides a comprehensive beginner‑friendly guide to WebRTC, covering its definition, development history, application scenarios, core components, signaling server setup with Node.js and Socket.io, media negotiation, ICE candidate handling, STUN/TURN traversal, and complete code examples for building one‑to‑one real‑time audio/video communication.
This article provides a comprehensive introduction to IndexedDB, covering its concepts, key objects, versioning, transactions, and CRUD operations with detailed JavaScript examples, enabling developers to quickly build client‑side databases for modern web applications.
This article provides a collection of practical JavaScript snippets covering cookie handling, color conversion, clipboard operations, date validation, string manipulation, array utilities, URL query extraction, time formatting, and dark‑mode detection, all useful for front‑end developers.
The announcement that WebRTC 1.0 is now an official W3C/IETF standard highlights its role as a free, browser‑based JavaScript API that enables secure, plugin‑free audio‑video communication across devices, transforming education, healthcare, entertainment, and enterprise collaboration worldwide.
This article provides a comprehensive overview of WebRTC, covering its background, core architecture, key components such as MediaStream, RTCPeerConnection and RTCDataChannel, signaling and NAT traversal techniques, as well as a step‑by‑step audio‑video call flow and compatibility considerations across platforms.
This article introduces the Web Share API, explaining its purpose, syntax, usage examples, browser compatibility, and best practices for integrating native sharing functionality into mobile web pages; it also covers required HTTPS conditions, user‑gesture triggers, and provides sample ES6 code snippets for developers.
Chrome extensions are small HTML‑CSS‑JS programs whose functionality is defined in a manifest.json that lists permissions, icons, and components such as background scripts, content scripts, options pages, and UI actions, with communication via runtime messaging, storage via web or Chrome APIs, and updates managed through an update_url.
This guide walks you through the fundamentals of Chrome extension development, covering what extensions are, their architecture—including content scripts, popup, and background pages—message passing, sample manifest and code, and the steps to package and publish your extension to the Chrome Web Store.
