Tag

browser API

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2024 · Frontend Development

Can sessionStorage Share Data Across Tabs? Experiments and Conclusions

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.

JavaScriptbrowser APIlocalStorage
0 likes · 4 min read
Can sessionStorage Share Data Across Tabs? Experiments and Conclusions
JD Tech Talk
JD Tech Talk
Nov 18, 2024 · Frontend Development

Step‑by‑Step Guide to Building a Chrome Extension with Manifest, UI, and Advanced Features

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.

Chrome ExtensionContent ScriptJavaScript
0 likes · 8 min read
Step‑by‑Step Guide to Building a Chrome Extension with Manifest, UI, and Advanced Features
Sohu Tech Products
Sohu Tech Products
Jun 20, 2024 · Frontend Development

Understanding the New <permission> Element in Chrome 126

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.

Chrome 126HTML elementUser experience
0 likes · 8 min read
Understanding the New <permission> Element in Chrome 126
Bilibili Tech
Bilibili Tech
Feb 6, 2024 · Frontend Development

Advanced Interception Techniques in Front-End Development: API Overriding, Service Workers, and Sandbox Strategies

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.

InterceptionJavaScriptProxy
0 likes · 16 min read
Advanced Interception Techniques in Front-End Development: API Overriding, Service Workers, and Sandbox Strategies
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 6, 2023 · Frontend Development

Cross‑Tab Communication with Drag‑and‑Drop Using BroadcastChannel in JavaScript

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.

BroadcastChannelDrag and DropJavaScript
0 likes · 8 min read
Cross‑Tab Communication with Drag‑and‑Drop Using BroadcastChannel in JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 20, 2023 · Frontend Development

WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough

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.

ICEReal-time CommunicationSTUN
0 likes · 20 min read
WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough
Sohu Tech Products
Sohu Tech Products
Jul 12, 2023 · Frontend Development

IndexedDB Overview and Practical Guide for Frontend CRUD Operations

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.

CRUDIndexedDBJavaScript
0 likes · 23 min read
IndexedDB Overview and Practical Guide for Frontend CRUD Operations
Laravel Tech Community
Laravel Tech Community
Oct 24, 2021 · Frontend Development

Useful JavaScript Code Snippets for Common Front‑End Tasks

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.

JavaScriptWeb Developmentbrowser API
0 likes · 8 min read
Useful JavaScript Code Snippets for Common Front‑End Tasks
58 Tech
58 Tech
Jul 11, 2019 · Frontend Development

WebRTC Technical Overview and Implementation Guide

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.

NAT traversalWebRTCbrowser API
0 likes · 10 min read
WebRTC Technical Overview and Implementation Guide
Qunar Tech Salon
Qunar Tech Salon
Dec 20, 2018 · Frontend Development

Introduction to the Web Share API: Usage, Syntax, and Browser Support

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.

JavaScriptWeb Share APIbrowser API
0 likes · 7 min read
Introduction to the Web Share API: Usage, Syntax, and Browser Support
Didi Tech
Didi Tech
Aug 14, 2018 · Frontend Development

Introduction to Chrome Extension Development

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.

Chrome ExtensionJavaScriptManifest
0 likes · 8 min read
Introduction to Chrome Extension Development