1 views collected around this technical thread.
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.
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.
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.
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.
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.
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.
This article traces the evolution of mini programs, explains their dual‑thread model, details the core components such as WAWebview, WAService, the virtual DOM and JSBridge, and shows how wcc and wcsc compile wxml and wxss into executable JavaScript and styles.
This article explains what JSBridge is, details its implementation using URL interception and iframe tricks, and walks through the full communication flow between a WebView and native code on iOS, including code examples for registration, message handling, and callbacks.
This article explains what JSBridge is, details its implementation using URL interception and iframe tricks, and walks through the registration, message handling, and call flow between WebView and native code on iOS, providing full code examples and a step‑by‑step process overview.
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).
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.
The NetEase News client boosts H5 performance by packaging static pages into zip files for native offline storage, intercepting WebView requests, redesigning a symmetric JsBridge with unified message IDs and namespaces, and adding pre‑request and WebView pooling, cutting load time from ~943 ms to ~391 ms and improving first‑load speed by up to 75 %.
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.
The IMWeb Conf 2018 Native Cross‑Platform Fusion session explored the challenges of “write once, run anywhere,” presented expert talks on frameworks like Taro, Hippy, and Weex, and featured a detailed Q&A on React Native, JSBridge optimization, and choosing sustainable mobile development solutions.
This article provides a comprehensive overview of JSBridge, covering its origins, use cases, communication mechanisms, and detailed JavaScript‑side implementation with code examples for iOS and Android, helping developers understand and build robust hybrid mobile applications.
This article explores how to improve the legacy UIWebView on iOS by using the lightweight KakiWebView component, discussing motivations for WebView adoption, JS‑Native interaction via JSBridge and JavaScriptCore, code organization strategies, and a set of extensible plugins.
This article explains how to design a hybrid app's communication layer using JSBridge, outlines native‑H5 interaction patterns, presents bridge protocol implementations, discusses UI responsibilities, and describes offline H5 container architecture with local URL routing and update mechanisms.