BestHub
Sign in
Tagged articles
24 articles
Page 1 of 1
JD Tech Talk
JD Tech Talk
Jul 3, 2025 · Mobile Development

How JD Boosted Mini‑Program Performance with Cangjie on HarmonyOS

This article details JD's collaboration with Huawei at the 2025 Developer Conference, showcasing how the Cangjie language was used to analyze and optimize high‑frequency JS API calls in HarmonyOS mini‑programs, resulting in significant reductions in main‑thread load, faster cold‑start times, and a roadmap for broader cross‑platform performance improvements.

CangjieCrossPlatformHarmonyOS
0 likes · 8 min read
How JD Boosted Mini‑Program Performance with Cangjie on HarmonyOS
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
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
OPPO Amber Lab
OPPO Amber Lab
Oct 20, 2023 · Mobile Development

How Hybrid Apps Communicate: Mechanisms, Risks, and Secure Practices

This article explains the core principles of Hybrid app communication between WebView and native code, outlines common implementations such as Google’s JavaScriptInterface and JSBridge, identifies critical security risks, presents a real‑world vulnerability example, and offers practical mitigation and reverse‑engineering guidance.

Hybrid AppJSBridgeJavaScriptInterface
0 likes · 11 min read
How Hybrid Apps Communicate: Mechanisms, Risks, and Secure Practices
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
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
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
Aug 2, 2021 · Mobile Development

Mastering JSBridge: Two‑Way Communication Between WebView and Native

JSBridge (JSB) enables bidirectional communication between a WebView’s JavaScript environment and native mobile code, covering WebView basics, platform-specific APIs, interception and injection methods, callback handling, and practical demos for both Android and iOS, helping developers implement robust cross‑platform bridges.

AndroidJSBridgeMobile Development
0 likes · 14 min read
Mastering JSBridge: Two‑Way Communication Between WebView and Native
ByteFE
ByteFE
Jun 17, 2021 · Mobile Development

Understanding JSBridge: Implementation and Communication Between WebView and Native

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.

JSBridgeNative Communicationbridge
0 likes · 11 min read
Understanding JSBridge: Implementation and Communication Between WebView and Native
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
政采云技术
政采云技术
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 DevelopmentJSBridgeWebView
0 likes · 14 min read
An Introduction to JSBridge: Origin, Dual‑Communication Principles, and Usage
NetEase Media Technology Team
NetEase Media Technology Team
Dec 20, 2019 · Frontend Development

Optimizing H5 Resources and JsBridge in News Client

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 %.

Hybrid AppJSBridgefrontend development
0 likes · 22 min read
Optimizing H5 Resources and JsBridge in News Client
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.

Hybrid AppJSBridgeMobile Development
0 likes · 15 min read
Hybrid App Architecture and JSBridge Implementation Overview
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 11, 2018 · Mobile Development

Cross‑Platform Native Fusion: Expert Insights from IMWeb Conf 2018

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.

HippyJSBridgeReact Native
0 likes · 12 min read
Cross‑Platform Native Fusion: Expert Insights from IMWeb Conf 2018
Meituan Technology Team
Meituan Technology Team
Aug 23, 2018 · Mobile Development

Understanding JavaScriptCore in iOS: Architecture, Core Concepts, and Integration

JavaScriptCore, the iOS‑embedded JavaScript engine derived from Safari’s WebKit, offers a lexer, parser, interpreter and optional JIT, exposing APIs such as JSContext, JSValue and JSExport so Objective‑C/Swift code can evaluate scripts, exchange data, and interact bidirectionally, enabling lightweight hybrid app development with automatic tracing garbage collection.

JSBridgeMobile DevelopmentWebKit
0 likes · 30 min read
Understanding JavaScriptCore in iOS: Architecture, Core Concepts, and Integration
Tencent Music Tech Team
Tencent Music Tech Team
May 12, 2016 · Mobile Development

Mastering JsBridge: Connecting JavaScript and Java in Android Apps

This article explains how Android hybrid apps enable JavaScript‑Java communication, compares four JS‑to‑Java methods, shows the single Java‑to‑JS approach, and provides a detailed walkthrough of the open‑source JsBridge library with code samples and workflow diagrams.

AndroidHybridAppJSBridge
0 likes · 11 min read
Mastering JsBridge: Connecting JavaScript and Java in Android Apps
21CTO
21CTO
Oct 24, 2015 · Mobile Development

How to Deploy New Features in iOS Apps Without Releasing a New Version

This article reviews the various dynamic deployment techniques for iOS apps—Web App, Hybrid App, React‑Native, Lua/Javascript patches, and JSON‑described views—analyzes their pros and cons, and proposes a JSBridge‑based microservice architecture as the most practical solution.

HybridJSBridgeJSPatch
0 likes · 18 min read
How to Deploy New Features in iOS Apps Without Releasing a New Version