WebKit | BestHub

Java Tech Enthusiast

Apr 27, 2024 · Frontend Development

The Evolution of Browser Engines and Why China Lacks Its Own

Browser engines handle rendering and JavaScript, evolving from Norway’s Qt to KDE’s KHTML, Apple’s WebCore, Google’s Blink, and others, while China’s weak 1990s software base and the massive, long‑term investment required have prevented it from creating a domestic engine, leading Chinese firms to rely on repackaged foreign technologies.

ChromeSafariTechnology History

0 likes · 6 min read

The Evolution of Browser Engines and Why China Lacks Its Own

ByteFE

Nov 1, 2023 · Frontend Development

Browser Engine Architecture and Rendering Process: From WebKit to Blink

This article explains the core components and rendering pipeline of modern browser engines, compares them with 3D graphics engines, and discusses the evolution of both browser and graphics technologies, providing a comprehensive overview for front‑end and graphics developers.

BlinkBrowser EngineWebCore

0 likes · 19 min read

Browser Engine Architecture and Rendering Process: From WebKit to Blink

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 SolutionWebKitWebView

0 likes · 16 min read

Baidu Geek Talk

Mar 21, 2022 · Frontend Development

How WebKit Parses HTML: Decoding, Tokenization, and DOM Tree Construction

The article details WebKit’s rendering pipeline in WKWebView, describing how the network process streams HTML bytes to the rendering process, which decodes them via TextResourceDecoder, tokenizes the characters with HTMLTokenizer’s state machine, and constructs an efficient DOM tree using HTMLTreeBuilder and queued insertion tasks.

Browser EngineDOMHTML parsing

0 likes · 33 min read

How WebKit Parses HTML: Decoding, Tokenization, and DOM Tree Construction

Baidu App Technology

Mar 7, 2022 · Mobile Development

How WKWebView Parses HTML: Decoding, Tokenization, and DOM Tree Construction

WKWebView parses HTML by streaming bytes from the network process to the rendering process, decoding them into characters, tokenizing into HTML tokens, building a DOM tree through node creation and insertion, and finally laying out and painting the document using a doubly‑linked in‑memory structure.

DOMHTML parsingWKWebView

0 likes · 37 min read

How WKWebView Parses HTML: Decoding, Tokenization, and DOM Tree Construction

vivo Internet Technology

Dec 22, 2021 · Frontend Development

In-Depth Analysis of Chrome DevTools Architecture, Protocols, and Performance Tools

The article offers a thorough technical examination of Chrome DevTools’s client‑server architecture, the JSON‑based Chrome DevTools Protocol, and performance tooling within Android Chromium 87, guiding front‑end developers and engineers through its history, core implementation, code examples, JavaScript evaluation, performance diagnostics, and broader ecosystem impact.

AndroidCDPChrome DevTools

0 likes · 27 min read

In-Depth Analysis of Chrome DevTools Architecture, Protocols, and Performance Tools

Baidu Geek Talk

Nov 22, 2021 · Frontend Development

How to Debug WebKit Source Code: A Comprehensive Guide

This guide walks developers through downloading, compiling, and debugging WebKit’s complex source code—covering repository setup, Xcode and command‑line builds, creating debug projects, understanding the multi‑process architecture, and practical tips such as using TestWebKitAPI for effective analysis.

Multi‑process ArchitectureWKWebViewWebKit

0 likes · 11 min read

How to Debug WebKit Source Code: A Comprehensive Guide

Baidu App Technology

Jun 22, 2021 · Mobile Development

WebKit Source Code Tutorial: Download, Compile, Debug, and Analyze WKWebView on iOS

This tutorial walks iOS developers through downloading the WebKit source, configuring and compiling it, setting up a debugging project or using the MobileMiniBrowser demo, and analyzing WKWebView’s multi‑process architecture—including UI, WebContent, Network, and Storage processes—to troubleshoot and profile rendering behavior.

CompilationMulti-ProcessSource Code

0 likes · 12 min read

WebKit Source Code Tutorial: Download, Compile, Debug, and Analyze WKWebView on iOS

Sohu Tech Products

Jul 8, 2020 · Mobile Development

Comprehensive Guide to Using WKWebView in iOS: Creation, Delegates, UserAgent, Cookies, and JS Interaction

This article provides a detailed tutorial on WKWebView for iOS, covering its creation, configuration, delegate methods, custom UserAgent registration, cookie management, native‑H5 communication, JavaScript bridges, and NSURLRequest caching strategies, offering practical code examples and best‑practice tips.

Cookie ManagementJavaScript BridgeObjective-C

0 likes · 14 min read

Comprehensive Guide to Using WKWebView in iOS: Creation, Delegates, UserAgent, Cookies, and JS Interaction

Qunar Tech Salon

Sep 7, 2018 · Mobile Development

Understanding JavaScriptCore in iOS: Architecture, Components, and Integration

This article explains the role of JavaScriptCore in iOS development, covering its origins in WebKit, the internal architecture of JSCore—including lexer, parser, LLInt and JIT—its key features, and how developers can use JSContext, JSValue, and JSExport to bridge Objective‑C and JavaScript for hybrid applications.

JSContextJSValueJavaScriptCore

0 likes · 30 min read

Understanding JavaScriptCore in iOS: Architecture, Components, and Integration