BestHub
Sign in
Tagged articles

webview

110 articles · Page 1 of 2
21CTO
21CTO
Jun 26, 2026 · Frontend Development

Can TypeScript Build Native Desktop Apps? A Deep Dive into Deno Desktop

Deno Desktop, introduced in Deno 2.9, lets developers compile TypeScript projects into native macOS, Windows, or Linux binaries using either the system WebView or a bundled Chromium engine, and the article compares its features, trade‑offs, and ecosystem against Electron and Tauri, while outlining practical usage scenarios and current limitations.

ElectronTauriTypeScript
0 likes · 12 min read
Can TypeScript Build Native Desktop Apps? A Deep Dive into Deno Desktop
21CTO
21CTO
Jun 22, 2026 · Frontend Development

Deno Desktop: A New Cross‑Platform Desktop Solution for JavaScript Developers

Deno Desktop, introduced at JSNation 2026, lets JavaScript/TypeScript developers convert web apps into native desktop binaries without rewriting code, offering a single‑process architecture, optional rendering engines, seamless npm integration, zero‑config framework detection, and cross‑platform packaging, positioning itself between Electron’s bulk and Tauri’s Rust requirement.

Cross-PlatformDenoDesktop
0 likes · 11 min read
Deno Desktop: A New Cross‑Platform Desktop Solution for JavaScript Developers
Node.js Tech Stack
Node.js Tech Stack
Jun 17, 2026 · Frontend Development

Build Cross‑Platform Desktop Apps with a Single Deno Command—No Electron or Tauri

The new deno desktop subcommand lets developers compile a Deno or modern front‑end project into a self‑contained, cross‑platform desktop application with a single command, offering three rendering back‑ends, automatic framework detection, native window APIs, and features like auto‑update, while still lacking full production‑grade capabilities compared to Electron and Tauri.

CEFCross-PlatformDeno
0 likes · 8 min read
Build Cross‑Platform Desktop Apps with a Single Deno Command—No Electron or Tauri
Black & White Path
Black & White Path
Jun 3, 2026 · Information Security

Stealing GitHub Tokens via a One‑Click VSCode WebView Exploit

The article details how a VSCode WebView vulnerability lets an attacker capture the OAuth token issued to github.dev, use keyboard‑event relay to install a malicious extension, and ultimately gain read‑write access to all of a victim’s private GitHub repositories, while also providing a PoC and mitigation steps.

ExtensionGitHub tokenOAuth
0 likes · 12 min read
Stealing GitHub Tokens via a One‑Click VSCode WebView Exploit
Java Captain
Java Captain
Apr 7, 2026 · Frontend Development

How to Build a Cross‑Platform Java Desktop App with React and shadcn/ui

This article explains how to embed modern web UI built with React, TypeScript, and shadcn/ui into a Java desktop application using JxBrowser, covering reliable web view integration, server‑less resource loading, and bidirectional Java‑JavaScript communication via bridges or gRPC.

Desktop UIJxBrowserReAct
0 likes · 6 min read
How to Build a Cross‑Platform Java Desktop App with React and shadcn/ui
Black & White Path
Black & White Path
Mar 3, 2026 · Information Security

How Malicious Chrome Extensions Exploit Gemini AI to Steal Local Files (CVE‑2026‑0628)

The article dissects Chrome’s high‑severity CVE‑2026‑0628 zero‑day, showing how a policy enforcement flaw in the WebView tag lets malicious extensions hijack the privileged Gemini Panel to read local files, capture audio/video, take screenshots, and achieve privilege escalation, and outlines affected versions, risk assessment, and remediation steps.

Browser SecurityCVE-2026-0628Chrome
0 likes · 10 min read
How Malicious Chrome Extensions Exploit Gemini AI to Steal Local Files (CVE‑2026‑0628)
vivo Internet Technology
vivo Internet Technology
Dec 3, 2025 · Mobile Development

How Parallel Loading Supercharges H5 Instant SDK: Challenges, Early Designs, and Optimized Solutions

This article explains the parallel loading technique used in the H5 instant SDK to accelerate page startup, details the three resource‑handoff scenarios that cause synchronization challenges, reviews the early simple design and its drawbacks, and presents an optimized producer‑consumer model with fair locks and bridge streams to eliminate wasteful waiting and memory consumption.

H5 instant SDKJava concurrencyParallel Loading
0 likes · 31 min read
How Parallel Loading Supercharges H5 Instant SDK: Challenges, Early Designs, and Optimized Solutions
WeiLi Technology Team
WeiLi Technology Team
Oct 30, 2025 · Mobile Development

How to Build a Secure Android Payment SDK from Scratch

This article walks through the complete process of designing and implementing a secure, stable, and easy‑to‑use Android third‑party payment SDK, covering project background, technical challenges, layered architecture, core components, security mechanisms, memory management, UI design, performance optimizations, testing strategies, monitoring, and future roadmap.

AndroidKotlinarchitecture
0 likes · 34 min read
How to Build a Secure Android Payment SDK from Scratch
JD Cloud Developers
JD Cloud Developers
Oct 29, 2025 · Mobile Development

How JD Finance Accelerated iOS Chart Rendering with ROMA and ECharts

This article details JD Finance's iOS app chart rendering challenges, the integration of Apache ECharts via a custom ROMA WebView, cache design, data communication between Native and WebView, and performance gains achieved through automated retries and WebView pooling.

EChartsPerformance OptimizationROMA
0 likes · 8 min read
How JD Finance Accelerated iOS Chart Rendering with ROMA and ECharts
DeWu Technology
DeWu Technology
Oct 20, 2025 · Backend Development

How Apex Turns AI into a Seamless VSCode Plugin: Architecture, Auth, and Automation Explained

This article details the technical design of the Apex VSCode plugin, covering its background, overall architecture, activation flow, SSO authentication, rule‑knowledge‑base engineering, remote Webview integration, version orchestration, project service handling, logging, and future enhancements for AI‑driven development efficiency.

VSCodeauthenticationplugin architecture
0 likes · 12 min read
How Apex Turns AI into a Seamless VSCode Plugin: Architecture, Auth, and Automation Explained
21CTO
21CTO
Jun 30, 2025 · Frontend Development

Tauri vs Electron: Which Framework Wins in Performance and Size?

This article compares Tauri and Electron for building cross‑platform desktop applications, examining their architectural differences, benchmark results for startup time, memory usage and bundle size, and explains why the Hopp team ultimately chose Tauri for its low‑overhead Rust backend and native WebView approach.

ElectronTauribundle size
0 likes · 10 min read
Tauri vs Electron: Which Framework Wins in Performance and Size?
DeWu Technology
DeWu Technology
Dec 2, 2024 · Frontend Development

Migrating a Desktop Application from Electron to Tauri: Architecture, Implementation, and Lessons Learned

By rewriting the “得物商家客服” client’s backend in Rust and swapping Electron’s Chromium renderer for Tauri’s native WebView, the team cut binary size by 91%, halved memory use, reduced CPU load, improved startup, and documented challenges such as WebView2 installation, notification callbacks, and limited Tauri documentation.

DesktopAppElectronTauri
0 likes · 44 min read
Migrating a Desktop Application from Electron to Tauri: Architecture, Implementation, and Lessons Learned
Code Mala Tang
Code Mala Tang
Jun 17, 2024 · Mobile Development

How to Achieve Instant H5 Page Load in WebView: Proven Optimization Techniques

This article explores common performance bottlenecks of WebView and H5 pages in mobile apps and presents a comprehensive set of optimization strategies—including preloading, rendering tweaks, network enhancements, and memory management—to achieve near‑instant page loads and improve overall user experience.

Mobile DevelopmentPerformance OptimizationRendering
0 likes · 13 min read
How to Achieve Instant H5 Page Load in WebView: Proven Optimization Techniques
Goodme Frontend Team
Goodme Frontend Team
May 27, 2024 · Frontend Development

How to Build a VSCode Extension that Visualizes All Project Colors

This article walks through the complete process of creating a VSCode extension that scans the workspace for color values, visualizes them in a grid, supports Hex and RGB formats, and provides quick copy and refresh features using WebView panels and TypeScript.

Extensioncolor visualizationregex
0 likes · 26 min read
How to Build a VSCode Extension that Visualizes All Project Colors
Bilibili Tech
Bilibili Tech
May 21, 2024 · Frontend Development

Bilibili Offline Package Solution for Accelerating H5 Page Load Speed

Bilibili's offline package solution accelerates H5 page load by pre‑downloading resources, intercepting WebView requests, offering snapshot, AB testing, QR‑code debugging, version control, and off‑peak releases; deployed across many projects, it cuts load times by roughly 20‑30% and improves first‑contentful‑paint.

AB testingH5 performanceMobile Frontend
0 likes · 35 min read
Bilibili Offline Package Solution for Accelerating H5 Page Load Speed
Architect
Architect
May 19, 2024 · Mobile Development

Implementing Offline‑Capable H5 in Mobile Apps Using WebView and JSBridge

This article explores the architecture and implementation of hybrid mobile applications that run H5 pages with offline package support, detailing communication schemes between JavaScript and native code, JSBridge SDK design, offline package construction, management, version control, and related stability and security considerations.

Hybrid AppJSBridgeMobile Development
0 likes · 33 min read
Implementing Offline‑Capable H5 in Mobile Apps Using WebView and JSBridge
HelloTech
HelloTech
Apr 18, 2024 · Mobile Development

Understanding JSBridge in Hybrid Mobile App Development

JSBridge is a bidirectional communication layer that lets hybrid mobile apps combine native performance with web flexibility by allowing JavaScript to invoke native functions and native code to call back into the WebView, using techniques such as URL schemes, injected APIs, and platform‑specific evaluateJavascript methods.

AndroidHybrid AppJSBridge
0 likes · 13 min read
Understanding JSBridge in Hybrid Mobile App Development
Baidu Geek Talk
Baidu Geek Talk
Apr 15, 2024 · Frontend Development

Transparent Video Visual Enhancement Scheme for Front-End Development

The growth front‑end team’s transparent‑video visual enhancement scheme uses split‑RGB/alpha MP4s cached as blobs in IndexedDB and rendered via OpenGL, delivering high‑fidelity, low‑size animations with transparent backgrounds, cutting development time by 75 % and achieving 30‑60 fps performance.

OpenGLanimationfrontend
0 likes · 8 min read
Transparent Video Visual Enhancement Scheme for Front-End Development
Tencent Cloud Developer
Tencent Cloud Developer
Apr 11, 2024 · Mobile Development

WebView-Based Offline H5 Implementation and JSBridge Design for Mobile Apps

This article details a hybrid WebView architecture for mobile apps that enables offline‑packaged H5 pages, describes bidirectional JSBridge communication methods, outlines a platform‑agnostic JavaScript SDK, explains package structure and version management, and covers development tools, UI integration, and security measures for stable cross‑platform deployment.

Hybrid AppJSBridgeMobile Development
0 likes · 34 min read
WebView-Based Offline H5 Implementation and JSBridge Design for Mobile Apps
iQIYI Technical Product Team
iQIYI Technical Product Team
Nov 24, 2023 · Frontend Development

Performance and Experience Optimization of H5 Special Topic Pages in Mobile App WebView

By implementing offline caching of libraries, template pre‑rendering, native player embedding, split‑screen loading, API slimming, WebP image delivery, and UI tweaks such as title‑bar customization, hide‑nav flags, pull‑to‑refresh, early background color and placeholder optimization, the H5 special‑topic pages in the mobile app WebView achieve up to 60 % faster first‑screen loads, dramatically lower network usage, and a smoother, more immersive user experience.

H5Performance Optimizationfrontend
0 likes · 10 min read
Performance and Experience Optimization of H5 Special Topic Pages in Mobile App WebView
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Jun 23, 2023 · Fundamentals

Chromium Process Architecture: Evolution, Process Types, and Thread Details

Chromium evolved from a single‑process browser to a service‑oriented, multi‑process architecture—separating Browser, Renderer, GPU, Network, Storage, and other services into isolated processes and threads—to improve stability, performance, and security while allowing configurable trade‑offs for memory‑constrained devices such as Android WebView.

Browser ArchitectureChromiummulti-process
0 likes · 11 min read
Chromium Process Architecture: Evolution, Process Types, and Thread Details
Huolala Tech
Huolala Tech
Jun 20, 2023 · Mobile Development

How to Prevent Webview Layout Breakage When Users Enable Large Font Mode

This article examines how enabling system-wide large‑font mode on Android and iOS can distort Webview layouts for driver‑focused apps, presents data on user font‑size usage, compares approaches from other apps, and offers practical CSS and code solutions to reliably disable or adapt to large fonts.

AndroidLarge Fontaccessibility
0 likes · 11 min read
How to Prevent Webview Layout Breakage When Users Enable Large Font Mode
DeWu Technology
DeWu Technology
May 29, 2023 · Mobile Development

iOS WebView Crash Analysis and Solution

The article investigates a rapid increase in WebView crashes on iOS 4.9.x caused by a UIScrollView animation accessing a released object after an H5 page is dismissed, discovers the offending WKChildScrollView delegate (WKScrollingNodeScrollViewDelegate), and resolves the issue by nullifying that delegate in the view’s deallocation, supplementing earlier gesture‑disable workarounds.

Technical SolutionWebKitcrash-analysis
0 likes · 16 min read
iOS WebView Crash Analysis and Solution
Tuanzi Tech Team
Tuanzi Tech Team
Apr 15, 2023 · Mobile Development

How to Choose the Right WebView and JSBridge for Cross‑Platform Mobile Apps

This guide explains how to improve development efficiency by selecting appropriate cross‑platform technologies such as Uni‑app, Taro, or Kbone combined with JSBridge, outlines suitable scenarios, compares Android and iOS WebView kernels, and provides practical code examples for implementing bidirectional communication.

AndroidJSBridgeMobile Development
0 likes · 9 min read
How to Choose the Right WebView and JSBridge for Cross‑Platform Mobile Apps
Ctrip Technology
Ctrip Technology
Apr 13, 2023 · Frontend Development

Development Experience and Solutions for Mini‑Program WebView Integration

This article shares the team’s practical experience and solutions for embedding H5 pages in mini‑program WebViews, covering platform differences, communication mechanisms, onShow handling, common pitfalls, login‑state synchronization, payment integration, and the use of WebSocket to achieve real‑time cross‑page updates.

Cross-PlatformWebSocketcommunication
0 likes · 17 min read
Development Experience and Solutions for Mini‑Program WebView Integration
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Mar 20, 2023 · Mobile Development

Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan

At NetEase Yanxuan, successful webview‑plus‑APP hybrid development hinges on close frontend‑client collaboration, detailed attention to presentation, workflow, and error handling, strict JSBridge standards with unified SDK and documentation, and proactive communication to bridge knowledge, business, and legacy gaps across Android and iOS.

API standardizationCross-Platformfrontend collaboration
0 likes · 12 min read
Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan
Sohu Tech Products
Sohu Tech Products
Mar 8, 2023 · Frontend Development

Building VSCode Extensions: From Basics to FAW Plugin Architecture

This article provides a comprehensive guide to developing VSCode extensions, covering core capabilities, project scaffolding, Webview integration, internationalization, communication between Webview and VSCode, and a detailed case study of the FAW plugin that streamlines project and component creation for frontend teams.

ExtensionInternationalizationPlugin
0 likes · 23 min read
Building VSCode Extensions: From Basics to FAW Plugin Architecture
HelloTech
HelloTech
Feb 13, 2023 · Mobile Development

Hybrid Native Map and H5 Integration via WebView for Overseas Projects

The project replaces costly Google Dynamic Maps with a hybrid solution that overlays a transparent WebView on a native map component, using a JSBridge to route H5 events and native map interactions, dynamically managing hot‑zone data, thereby cutting service fees, boosting performance, and preserving H5 development flexibility.

HotzoneHybrid AppJSBridge
0 likes · 10 min read
Hybrid Native Map and H5 Integration via WebView for Overseas Projects
JD Retail Technology
JD Retail Technology
Feb 8, 2023 · Frontend Development

XView Popup Framework: Background, Pain Points, Upgrade Solutions, Architecture, and Future Plans

The document outlines XView—a WebView‑based popup container—its development inefficiencies and low exposure, describes three upgrade eras from H5 to configurable to visual construction, details the new build process, mutual‑exclusion, pre‑loading, page management, integration, post‑upgrade architecture, data center capabilities, current status, and future technical and business roadmaps.

CMSXViewarchitecture
0 likes · 8 min read
XView Popup Framework: Background, Pain Points, Upgrade Solutions, Architecture, and Future Plans
ELab Team
ELab Team
Nov 17, 2022 · Frontend Development

Mastering Remote Debugging for Mobile Web: From Basics to Best Practices

This article explores the evolution, core principles, and practical solutions for remote debugging of mobile web pages, covering protocols, transport channels, toolchains, and future directions to help front‑end engineers efficiently troubleshoot white‑screen issues on phones.

Chrome DevToolsMobile WebRemote Debugging
0 likes · 18 min read
Mastering Remote Debugging for Mobile Web: From Basics to Best Practices
Snowball Engineer Team
Snowball Engineer Team
Nov 14, 2022 · Mobile Development

Snowball Cross-Platform Architecture: RN and WebView Container Overview

This article presents Snowball's cross‑platform container architecture, detailing the overall design, the RN and WebView containers, the JSBridge communication layer, native component integration, and future directions for improving dynamic updates, performance, and open‑platform capabilities.

Container ArchitectureJSBridgeReact Native
0 likes · 20 min read
Snowball Cross-Platform Architecture: RN and WebView Container Overview
ELab Team
ELab Team
Oct 13, 2022 · Frontend Development

Why Tauri Is the Next Big Thing for Cross‑Platform Desktop Apps

This article provides a comprehensive overview of desktop application development, comparing native, web‑based, and self‑rendering technology stacks, and explains how Tauri leverages Rust, system webviews, and a secure multi‑process architecture to deliver high‑performance, small‑size cross‑platform desktop applications.

Cross-PlatformElectronTauri
0 likes · 23 min read
Why Tauri Is the Next Big Thing for Cross‑Platform Desktop Apps
JD Retail Technology
JD Retail Technology
Jul 13, 2022 · Mobile Development

How JDHybrid Offline Loading Supercharges Mobile App Performance

This article analyzes JDHybrid's offline loading architecture for Android and iOS, detailing mechanisms such as direct file loading, request interception, WKURLSchemeHandler, package generation, download tiering, preloading strategies, memory warm‑up, debugging tools, and performance monitoring that together boost first‑screen speed and reduce bandwidth during high‑traffic events.

AndroidHybridOffline Loading
0 likes · 39 min read
How JDHybrid Offline Loading Supercharges Mobile App Performance
21CTO
21CTO
Jun 21, 2022 · Frontend Development

Is Tauri the Future of Lightweight Desktop Apps? A Deep Dive vs Electron

This article compares Tauri and Electron, highlighting Tauri's smaller binaries, faster launch, lower memory usage, Rust‑based backend, and native auto‑update support, while also discussing development workflow, build process, architecture differences, and the trade‑offs each framework presents for cross‑platform desktop applications.

ElectronTauridesktop-apps
0 likes · 9 min read
Is Tauri the Future of Lightweight Desktop Apps? A Deep Dive vs Electron
DeWu Technology
DeWu Technology
Jun 17, 2022 · Mobile Development

Analyzing Android WebView Multi‑Process Initialization and Optimization

The article dissects Android WebView’s evolution to Chromium‑based multi‑process mode, explains the costly initialization steps—including thread checks, provider creation, and Chromium engine startup in a sandbox process—highlights common security pitfalls, and offers idle‑time pre‑initialization and request‑interception techniques to boost performance.

Androidmulti-processperformance
0 likes · 27 min read
Analyzing Android WebView Multi‑Process Initialization and Optimization
Zuoyebang Tech Team
Zuoyebang Tech Team
Jun 9, 2022 · Frontend Development

Re‑engineering a Live‑Streaming Frontend to Cut Black‑Screen Errors & Boost Performance

Facing fragmented devices, high memory usage, and unreliable signaling, the Zuoyebang live‑streaming frontend was redesigned with container‑based isolation, a modular SDK, and state‑synchronization mechanisms, resulting in timely memory reclamation, reduced CPU load, and dramatically lower black‑screen incidents.

Container ArchitectureLive StreamingMemory Management
0 likes · 13 min read
Re‑engineering a Live‑Streaming Frontend to Cut Black‑Screen Errors & Boost Performance
ByteDance Web Infra
ByteDance Web Infra
Jun 6, 2022 · Mobile Development

Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations

The article explores cross‑platform mobile development techniques, from simple WebView‑based app‑to‑web solutions to advanced virtual‑machine designs and interpreter optimizations, detailing WebView implementations, mini‑programs, React Native, Flutter, and various VM encoding strategies for efficient JavaScript execution.

Cross-PlatformJavaScriptMobile Development
0 likes · 28 min read
Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations
Alibaba Terminal Technology
Alibaba Terminal Technology
May 17, 2022 · Frontend Development

How UC Browser’s New Web Container Tackles Video, Audio, and UI Limits

This article shares the author’s reflections on designing UC Browser’s next‑generation Web container, outlining typical boundary challenges—such as complex video/audio control, high‑performance long lists, parallax effects, multi‑tab navigation, and local pop‑ups—and argues that extending the container with private APIs can bridge these gaps, improving performance and user experience.

frontendmobileperformance
0 likes · 27 min read
How UC Browser’s New Web Container Tackles Video, Audio, and UI Limits
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 20, 2022 · Frontend Development

Overcoming Webview Limits: When to Choose Web, Native, or Flutter

This article shares the author’s experience designing UC Browser’s next‑generation web container, examining its technical boundaries—such as complex media control, high‑performance long lists, parallax interactions, multi‑tab pages, and modal dialogs—and discusses when web, native, or Flutter solutions are most appropriate.

Nativecontainermobile
0 likes · 26 min read
Overcoming Webview Limits: When to Choose Web, Native, or Flutter
Ziru Technology
Ziru Technology
Mar 24, 2022 · Frontend Development

Building a High‑Performance Sketch Plugin with Vue3, Skpm, and Webview

This article details the end‑to‑end development of a Sketch plugin—covering background motivations, toolchain setup with Skpm, Vue3, and webview, project architecture, build scripts, communication between webview and plugin, resource handling, drag‑and‑drop, data caching, and design‑validation features—providing practical solutions to common challenges.

Sketch PluginVue3frontend development
0 likes · 11 min read
Building a High‑Performance Sketch Plugin with Vue3, Skpm, and Webview
政采云技术
政采云技术
Nov 23, 2021 · Frontend Development

Sketch Plugin Development Guide: From Setup to Advanced Features

This article provides a comprehensive tutorial on developing Sketch plugins using JavaScript, CocoaScript, and skpm, covering background motivation, required knowledge, quick start steps, project structure, manifest configuration, menu nesting, API usage, actions, WebView integration, debugging, hands‑on examples, and best practices for front‑end engineers seeking to bridge design and code.

Sketchplugin-developmentskpm
0 likes · 16 min read
Sketch Plugin Development Guide: From Setup to Advanced Features
Sohu Tech Products
Sohu Tech Products
Oct 20, 2021 · Mobile Development

Comprehensive Guide to WKWebView: Migration, Performance, Delegates, Caching, and Cookie Management

This article explains why UIWebView was deprecated, how WKWebView improves performance and memory usage, details its multi‑process architecture, outlines page loading flow, delegate methods, container design, caching strategies, cookie handling across processes, and solutions for white‑screen crashes in iOS apps.

CachingCookieWKWebView
0 likes · 22 min read
Comprehensive Guide to WKWebView: Migration, Performance, Delegates, Caching, and Cookie Management
Beike Product & Technology
Beike Product & Technology
Sep 8, 2021 · Mobile Development

iOS Crash Analysis and Mitigation: Principles, Mechanisms, and a Case Study of WebView Container Crash on iOS 15

This article explains the fundamentals of iOS crashes, describes exception types such as Mach and Signal, details stack memory layout and recovery techniques, and walks through several real‑world crash investigations—including WKWebView, ImageIO, and fishhook issues—culminating in practical mitigation steps that reduced crash rates by over 60%.

CrashMachExceptiondebugging
0 likes · 17 min read
iOS Crash Analysis and Mitigation: Principles, Mechanisms, and a Case Study of WebView Container Crash on iOS 15
php Courses
php Courses
Aug 31, 2021 · Mobile Development

React Native and H5 Interaction: Communication Methods and Code Examples

This article explains how to enable two-way communication between React Native and H5 pages using WebView, covering message handling in both directions, code examples for sending and receiving data, and important migration notes from the built‑in WebView to react‑native‑webview.

AndroidH5JavaScript
0 likes · 5 min read
React Native and H5 Interaction: Communication Methods and Code Examples
ELab Team
ELab Team
Aug 4, 2021 · Mobile Development

Which Cross‑Platform Mobile Solution Wins? Web, Native, or Flutter Explained

This article examines the evolution of China's mobile internet, outlines three cross‑platform development approaches—Web rendering, native rendering, and custom rendering engines like Flutter—analyzes their architectures, advantages, and trade‑offs, and offers guidance for selecting the right solution for different product needs.

Cross-PlatformReact Nativearchitecture
0 likes · 20 min read
Which Cross‑Platform Mobile Solution Wins? Web, Native, or Flutter Explained
Baidu Geek Talk
Baidu Geek Talk
Aug 2, 2021 · Mobile Development

Optimizing Mobile Web Performance in Baidu iFanFan App: Strategies and Practices

The article outlines how Baidu iFanFan reduces mobile web page load times from 2‑3 seconds to under one second by bundling static resources, pre‑rendering and pre‑initializing WebViews, employing a micro‑frontend master‑slave architecture, using offline packages, native request routing, and early network pre‑loading.

Mobile WebNetwork PreloadingPerformance Optimization
0 likes · 18 min read
Optimizing Mobile Web Performance in Baidu iFanFan App: Strategies and Practices
ByteFE
ByteFE
Jul 27, 2021 · Mobile Development

Bridge Communication Between Native and Webview in Hybrid Development: Methods, Implementation, and Event Handling

This article explains from a frontend perspective how JavaScript and native code communicate in hybrid apps, covering injection and interception bridge methods, their implementation details, SDK initialization, message flow, and native event listening with code examples and compatibility considerations.

HybridJavaScriptNative
0 likes · 15 min read
Bridge Communication Between Native and Webview in Hybrid Development: Methods, Implementation, and Event Handling
LOFTER Tech Team
LOFTER Tech Team
Jul 20, 2021 · Frontend Development

Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps

This article presents the design, implementation, and performance analysis of an offline‑package system that bundles H5 resources for WebView‑based mobile apps, detailing the configuration platform, webpack plugin, client SDK integration, and measured improvements in DNS, TCP, DOM‑Ready, and WebVitals metrics across various network conditions.

mobileoffline packagewebview
0 likes · 14 min read
Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps
WeChat Client Technology Team
WeChat Client Technology Team
Jun 17, 2021 · Mobile Development

Why Setting a Low Thread Priority on Android Can Crash the Main Thread

An in‑depth investigation reveals that calling Thread.start() before setPriority() on Android can unintentionally lower the main thread’s priority and increase TimerSlack, causing sleep/wait delays, video stutter, and a major WeChat outage, with root causes traced to timing issues and WebView initialization.

AndroidThread PriorityTimerSlack
0 likes · 22 min read
Why Setting a Low Thread Priority on Android Can Crash the Main Thread
DeWu Technology
DeWu Technology
Jun 4, 2021 · Mobile Development

Page Performance Optimization for Mobile App Webview

The DeWu app boosted WebView H5 page load speed by combining native‑level tactics—static JS/CSS bundling, HTML preloading—and web‑only strategies such as SSR, WebP image conversion, unused‑component removal, on‑demand lodash loading, and off‑screen image lazy‑loading, raising second‑open rates from ~5% to ~40%, improving Lighthouse scores by over 20% and cutting transferred bytes by roughly 20%, delivering an overall ~10% performance gain.

LighthousePerformanceOptimizationSPA
0 likes · 4 min read
Page Performance Optimization for Mobile App Webview
ELab Team
ELab Team
May 13, 2021 · Mobile Development

How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up

This article explains why fixed elements break when the iOS soft keyboard appears in a WebView, compares iOS and Android keyboard behaviors, shows how to listen for keyboard events, and provides practical solutions—including native headers, scrollIntoView tricks and scroll adjustments—to keep sticky UI components correctly positioned.

AndroidKeyboardUI
0 likes · 12 min read
How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up
21CTO
21CTO
Mar 20, 2021 · Information Security

How TikTok’s Android WebView Exposes Multiple Vulnerabilities Leading to Remote Code Execution

Egyptian security researchers discovered a chain of flaws in TikTok’s Android app—including generic WebView XSS, Add Wiki Activity XSS, intent-based component launch, a Zip Slip in Tma Test Activity, and an RCE exploit—that can be combined to achieve remote code execution, and the report details TikTok’s remediation steps.

AndroidRemote Code ExecutionSecurity Research
0 likes · 10 min read
How TikTok’s Android WebView Exposes Multiple Vulnerabilities Leading to Remote Code Execution
Beike Product & Technology
Beike Product & Technology
Mar 5, 2021 · Mobile Development

Implementing Various TitleBar Styles for Hybrid Native+H5 Pages in Android Apps

This article explains how to design and implement multiple TitleBar styles—including standard, colored, immersive, and immersive with IconTextBtn—for hybrid Native+H5 Android applications, detailing the required URL parameters, layout adjustments, Java code snippets, and interaction between WebView and native components.

Hybrid DevelopmentJavaTitleBar
0 likes · 10 min read
Implementing Various TitleBar Styles for Hybrid Native+H5 Pages in Android Apps
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 23, 2021 · Mobile Development

Mastering WebView & JSBridge: Seamless Native‑Web Communication on Android & iOS

This article explains the fundamentals of WebView as a native container for H5, introduces the JSBridge concept for two‑way JavaScript‑Native messaging, and provides detailed implementation patterns and code samples for Android (JavascriptInterface, URL‑Scheme, WebChromeClient) and iOS (WKWebView, user scripts, message handlers).

AndroidJSBridgeMobile Development
0 likes · 11 min read
Mastering WebView & JSBridge: Seamless Native‑Web Communication on Android & iOS
HelloTech
HelloTech
Jan 13, 2021 · Mobile Development

Hybrid Container Optimization for Puhui Ride‑Hailing Business

The report details a comprehensive overhaul of Puhui’s hybrid container for ride‑hailing services, introducing full‑link tracing, container reuse, offline resource caching, image WebP conversion and pre‑fetching, which together slash first‑screen load times by over 70 % and boost the 1‑second open rate from 12 % to 91 %.

Hybrid ContainerMobile FrontendMonitoring
0 likes · 19 min read
Hybrid Container Optimization for Puhui Ride‑Hailing Business
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 30, 2020 · Mobile Development

Poplayer: A Solution for Separating Temporary and Stable Business in Mobile Apps

NetEase Cloud Music’s Poplayer adds a WebView overlay to Android apps, isolating temporary features from core functionality while enabling hot‑swappable, reusable modules, and achieves massive memory savings—over 80,000‑fold—and up to 90‑times faster drawing through position/alpha caching, bitmap size reduction, clipRect drawing, and ARGB‑to‑ALPHA_8 optimization.

AndroidArchitecture PatternBitmap optimization
0 likes · 10 min read
Poplayer: A Solution for Separating Temporary and Stable Business in Mobile Apps
Meituan Technology Team
Meituan Technology Team
Oct 29, 2020 · Mobile Development

Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing

Meituan Ride‑hailing replaced its slow JavaScript map with a two‑layer Fusion Framework that places a full‑screen native Tencent map beneath a transparent WebView, uses hot‑region data to dispatch touches to the appropriate layer, and synchronizes UI via a Vue directive and JSBridge, dramatically speeding load times and delivering smoother map interactions.

AndroidGesture DispatchHybrid Development
0 likes · 17 min read
Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing
Youku Technology
Youku Technology
Sep 25, 2020 · Frontend Development

How Weex Revolutionized OTT Front‑End Performance at Alibaba Entertainment

This article examines Alibaba Entertainment's three‑stage evolution of OTT front‑end technology—from early WebView implementations through a custom Blitz engine to the current Weex (RAX) solution—detailing implementation steps, performance‑boosting techniques, and measurable results that cut page load times by over 50%.

AlibabaCustom EngineFront-end
0 likes · 5 min read
How Weex Revolutionized OTT Front‑End Performance at Alibaba Entertainment
Tencent Cloud Developer
Tencent Cloud Developer
Jul 15, 2020 · Mobile Development

Performance Optimization of Web Pages in the QQ Music Android Client

The article details how QQ Music’s Android client reduced WebView page load latency by over 25% through pre‑loading the TBS kernel, pooling WebView instances, parallel request loading, shared asset caching, and precise timing metrics that combine native callbacks with DOM‑interactive timestamps, offering cross‑platform lessons.

AndroidCross-PlatformMobile Development
0 likes · 11 min read
Performance Optimization of Web Pages in the QQ Music Android Client
58 Tech
58 Tech
May 11, 2020 · Mobile Development

Android WebView Loading Optimization for Faster H5 Page Rendering

This article analyzes the default Android WebView loading process, identifies performance bottlenecks, and presents a multi‑stage optimization strategy—including custom caching, pre‑initializing the WebView, offline packages, and code examples—that reduces H5 page load time to under one second in the 58 Business app.

AndroidCachingMobile Development
0 likes · 15 min read
Android WebView Loading Optimization for Faster H5 Page Rendering
vivo Internet Technology
vivo Internet Technology
Mar 25, 2020 · Mobile Development

Dynamic Multi-language Resource Replacement and WebView Crash Resolution in Android

To prevent translation errors and post‑release crashes in multilingual Android apps, the article describes a dynamic resource‑replacement system that loads external language packs via AssetManager, proxies Resources through reflection, integrates the proxy with ResourcesManager, and updates WebView assets, eliminating garbled text and long‑press crashes.

AndroidDynamic LocalizationHooking
0 likes · 31 min read
Dynamic Multi-language Resource Replacement and WebView Crash Resolution in Android
政采云技术
政采云技术
Feb 23, 2020 · Mobile Development

An Introduction to JSBridge: Origin, Dual‑Communication Principles, and Usage

This article explains the origin of JSBridge, compares H5 and native development, details the two‑way communication mechanisms—including URL Scheme interception, prompt rewriting, and API injection—and provides practical usage guidelines and code examples for integrating JSBridge in hybrid mobile apps.

Hybrid DevelopmentJSBridgeNative
0 likes · 14 min read
An Introduction to JSBridge: Origin, Dual‑Communication Principles, and Usage
JD Retail Technology
JD Retail Technology
Nov 14, 2019 · Mobile Development

Shooter Mobile Performance Monitoring Platform: Architecture, Implementation, and Key Monitoring Dimensions

The article introduces Shooter, a mobile performance monitoring platform for Android that provides non‑intrusive, lightweight SDKs to monitor app startup, jank, network, native page, and WebView performance, explains the technical solutions, data collection methods, and showcases console visualizations and real‑world empowerment cases.

Androidapp startupjank monitoring
0 likes · 14 min read
Shooter Mobile Performance Monitoring Platform: Architecture, Implementation, and Key Monitoring Dimensions
vivo Internet Technology
vivo Internet Technology
Nov 12, 2019 · Mobile Development

Analysis of Vivo Web Service Engine Based on the Qidian Kernel

The article examines Vivo Web Service, a lightweight, extensible SDK built on the high‑performance Qidian kernel, which delivers superior dark‑mode rendering, stability, compatibility and security, and enables dynamic WebView switching, cloud proxy, JSBridge, a fast media player, and a plugin‑based architecture that supports independent app instances and future kernel upgrades.

AndroidMobile Developmentsdk
0 likes · 9 min read
Analysis of Vivo Web Service Engine Based on the Qidian Kernel
Qunar Tech Salon
Qunar Tech Salon
Aug 7, 2019 · Mobile Development

Performance Optimization of Baidu App Landing Page: Hybrid Architecture, Backend Direct Output, Prefetch and Interception

This article details how Baidu App reduced the landing‑page first‑screen load from over 2600 ms to under 2000 ms by analyzing user feedback, instrumenting each loading stage of its Hybrid H5 solution, and applying a series of backend‑direct‑output, prefetch, WebView pre‑creation, lazy‑load and kernel‑level rendering optimizations together with code‑level fixes.

AndroidHybridMobile Development
0 likes · 18 min read
Performance Optimization of Baidu App Landing Page: Hybrid Architecture, Backend Direct Output, Prefetch and Interception
Ctrip Technology
Ctrip Technology
May 7, 2019 · Frontend Development

Ctrip Hotel Mini‑Program Development Experience and Practices

The article shares Ctrip Hotel’s practical experiences and lessons learned while developing multiple mini‑programs (WeChat, Alipay, Baidu, Toutiao), covering product‑development collaboration, UI constraints, webview login handling, QR‑code strategies, “black‑tech” workarounds, and cross‑platform conversion tools.

APICross-PlatformMini Program
0 likes · 13 min read
Ctrip Hotel Mini‑Program Development Experience and Practices
Baidu App Technology
Baidu App Technology
Apr 22, 2019 · Mobile Development

How Baidu App Cut Landing‑Page Load to Sub‑Second with Hybrid Optimizations

This article details Baidu App’s systematic analysis and multi‑layer optimization of its Hybrid landing‑page, covering performance bottlenecks, a CloudHybrid server‑rendered solution, WebView pre‑creation, lazy NA loading, kernel tweaks, intelligent prefetching, and the resulting sub‑second user experience.

AndroidHybrid AppPerformance Optimization
0 likes · 18 min read
How Baidu App Cut Landing‑Page Load to Sub‑Second with Hybrid Optimizations
iQIYI Technical Product Team
iQIYI Technical Product Team
Nov 30, 2018 · Mobile Development

Offline Caching System for iQIYI Hybrid App: Architecture, Implementation, and Performance Optimization

The iQIYI offline caching system for its hybrid app provides controllable, selective, compressed and deduplicated resource packages via an automated CLI/GUI workflow, distributes them through CDN, updates in background, and intercepts WebView requests to deliver fast, reliable H5 page loading even on weak or no‑network conditions.

Hybrid Appoffline cachingpackaging
0 likes · 8 min read
Offline Caching System for iQIYI Hybrid App: Architecture, Implementation, and Performance Optimization
Meitu Technology
Meitu Technology
Oct 26, 2018 · Mobile Development

Building a Hybrid App Bridge: Architecture, Implementation, and Protocol Design

The article details a production‑ready Hybrid app bridge built with a custom bridge.js that enables bidirectional communication between Native code and H5 pages, outlines its four‑step nativeCall flow, Android compatibility tricks, protocol categories, event hub, proxy requests, and a suite of reusable functional APIs.

Hybrid AppJavaScriptMobile Development
0 likes · 14 min read
Building a Hybrid App Bridge: Architecture, Implementation, and Protocol Design
Meitu Technology
Meitu Technology
Oct 17, 2018 · Mobile Development

Hybrid App Architecture and JSBridge Implementation Overview

The article explains hybrid app architecture, comparing WebView‑based, native‑UI, and mini‑program approaches, and details a custom‑scheme JSBridge that enables bidirectional communication between JavaScript and native code, its injection, callback handling, SDK packaging, and the trade‑offs of online versus embedded H5 integration.

Cross-PlatformHybrid AppJSBridge
0 likes · 15 min read
Hybrid App Architecture and JSBridge Implementation Overview
360 Tech Engineering
360 Tech Engineering
Aug 30, 2018 · Mobile Development

Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparisons

This article examines the difficulties of mobile H5 performance testing—including root‑required tcpdump, JavaScript injection, HTTPS pcap parsing, and white‑screen timing—provides background on mobile browsers, outlines performance metrics, compares four testing approaches, and describes a WebView monitoring workflow with data conversion and visualization.

mitmproxymobileperformance
0 likes · 10 min read
Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparisons
360 Quality & Efficiency
360 Quality & Efficiency
Aug 29, 2018 · Frontend Development

Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparison

This article examines the difficulties of automating mobile H5 performance testing—such as root‑required tcpdump, HTTPS pcap parsing, and ambiguous white‑screen timing—and presents background on mobile browsers, W3C performance metrics, and a comparative review of practical testing tools and a custom WebView monitoring workflow.

mitmproxymobileperformance
0 likes · 10 min read
Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparison
21CTO
21CTO
Jul 15, 2018 · Mobile Development

Mastering WebView Caching: Reduce Network Calls in Hybrid Android Apps

This article explains the principles and practical methods for caching JavaScript and other resources in Android WebView, covering HTTP cache headers, WebView cache modes, storage locations across Android versions, and the use of HTML5 AppCache to minimize network traffic and improve app performance.

AndroidAppCacheCache-Control
0 likes · 16 min read
Mastering WebView Caching: Reduce Network Calls in Hybrid Android Apps
Tencent Cloud Developer
Tencent Cloud Developer
May 8, 2018 · Mobile Development

Tencent Cloud Mini Program Solution and Wafer Architecture Overview

Senior Tencent Cloud engineer Zhu Zhan explained the Mini Program solution, detailing its hybrid web‑native architecture, loading strategies, and the evolution from Wafer 1 to the managed Wafer 2 platform that simplifies session, channel, and business services, enabling rapid deployment and integration with WeChat.

Mini ProgramMobile DevelopmentTencent Cloud
0 likes · 12 min read
Tencent Cloud Mini Program Solution and Wafer Architecture Overview
Suishouji Tech Team
Suishouji Tech Team
Jan 2, 2018 · Mobile Development

Designing a Secure, Extensible JS Bridge for Android Hybrid Apps

This article explores the challenges of JavaScript‑Native communication in Android WebView, compares Android‑to‑JS and JS‑to‑Android invocation methods, and presents a custom, secure, and extensible JS bridge framework with protocol design, interceptors, annotations, and implementation examples for hybrid app development.

Hybrid AppJS BridgeJavaScript Interface
0 likes · 13 min read
Designing a Secure, Extensible JS Bridge for Android Hybrid Apps
Baidu Intelligent Testing
Baidu Intelligent Testing
Sep 25, 2017 · Mobile Development

Automated Measurement of Mobile H5 Page Load Time Using Chrome DevTools Protocol and Machine Vision

This article presents two experimental methods for automatically obtaining load‑time metrics of mobile H5 pages—one leveraging Chrome DevTools Protocol to collect network, page, DOM and runtime data from Android Chrome/WebView, and another using computer‑vision techniques to detect progress‑bar visual cues in recorded screen videos.

AndroidChrome DevTools Protocolmachine vision
0 likes · 9 min read
Automated Measurement of Mobile H5 Page Load Time Using Chrome DevTools Protocol and Machine Vision
Hujiang Technology
Hujiang Technology
Jul 20, 2017 · Mobile Development

Understanding WKWebView: Comparison with UIWebView, Usage, Issues, and Solutions

This article introduces WKWebView, compares it with the legacy UIWebView in terms of performance and memory usage, explains usage patterns, delegate protocols, JavaScript‑Native interaction, common pitfalls such as cookie handling, process crashes, caching, and offers practical solutions and best‑practice recommendations for iOS developers.

CookieJavaScriptNative
0 likes · 18 min read
Understanding WKWebView: Comparison with UIWebView, Usage, Issues, and Solutions
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Jul 20, 2017 · Mobile Development

Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS

This article summarizes frequent CSS rendering inconsistencies across Android and iOS webviews, covering line‑height quirks, multiline ellipsis, badge implementation, image‑text layouts, adaptive width handling, inline‑block behavior, and simulated scrolling, while offering concrete code snippets and visual examples.

LayoutResponsivecss
0 likes · 7 min read
Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS
Baidu Intelligent Testing
Baidu Intelligent Testing
Nov 24, 2016 · Information Security

Analysis of Common Android App Vulnerabilities and Mitigation Strategies

This article analyzes recent Android app security scan data, detailing prevalent vulnerabilities such as log leakage, weak encryption, WebView password storage, unsafe PendingIntent usage, and dynamic broadcast receiver exposure, and provides concrete code examples and remediation recommendations for developers.

EncryptionLoggingPendingIntent
0 likes · 10 min read
Analysis of Common Android App Vulnerabilities and Mitigation Strategies