-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
195 lines (186 loc) · 28.2 KB
/
Copy pathindex.html
File metadata and controls
195 lines (186 loc) · 28.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#07090c" />
<meta name="description" content="libcr 基于 Chromium 与现代 C++ 构建快速、安全、跨平台的原生桌面应用。" />
<meta property="og:title" content="libcr — Native software. Chromium powered." />
<meta property="og:description" content="面向照片管理、设备控制、开发者工具、文档工作流与局域网共享的原生桌面软件。" />
<meta property="og:type" content="website" />
<title>libcr — Chromium-powered native software</title>
<link rel="icon" href="assets/libcr-logo.svg" type="image/svg+xml" />
<link rel="preload" href="assets/fonts/manrope-latin.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="assets/fonts/google-sans-code-latin.woff2" as="font" type="font/woff2" crossorigin />
<link rel="stylesheet" href="styles.css" />
<script src="script.js" defer></script>
</head>
<body>
<a class="skip-link" href="#main">跳到主要内容</a>
<header class="site-header">
<a class="brand" href="#top" aria-label="libcr 首页"><span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span><span>libcr</span></a>
<nav class="nav" aria-label="主导航">
<a href="#projects" data-zh="作品" data-en="Creations">作品</a>
<a href="#technology" data-zh="技术" data-en="Technology">技术</a>
<a href="#compare" data-zh="对比" data-en="Compare">对比</a>
<a href="#groups" data-zh="加入群组" data-en="Join groups">加入群组</a>
</nav>
<div class="header-actions">
<button class="lang-switch" type="button" aria-label="Switch to English"><span class="active">中</span><span>EN</span></button>
<a class="github-link" href="https://github.com/libcr" target="_blank" rel="noreferrer">GitHub <span aria-hidden="true">↗</span></a>
</div>
</header>
<main id="main">
<section class="hero" id="top">
<div class="hero-grid" aria-hidden="true"></div><div class="hero-glow" aria-hidden="true"></div>
<div class="hero-copy reveal">
<p class="eyebrow"><span></span> C++ × Chromium</p>
<h1 data-zh="原生速度<br><em>Chromium<sup>ai</sup></em><br>驱动" data-en="Native speed<br><em>Chromium<sup>ai</sup></em> powered">原生速度<br /><em>Chromium<sup>ai</sup></em><br />驱动</h1>
<p class="hero-intro" data-zh="在成熟的 Chromium 代码之上，我们用 <em>libcr 原生应用开发包</em>驱动 AI 高效制作功能丰富、稳定一致的原生应用。没有 Electron，没有多余的运行时" data-en="Built on Chromium's mature codebase, the <em>libcr native application development kit</em> powers AI to efficiently create feature-rich, stable, and consistent native applications. No Electron. No extra runtime.">在成熟的 Chromium 代码之上，我们用 <em>libcr 原生应用开发包</em>驱动 AI 高效制作功能丰富、稳定一致的原生应用。没有 Electron，没有多余的运行时</p>
<p class="hero-size-note" data-zh="<span>轻量设计：Linux 二进制 30MB+，Windows 45MB+。</span><small>实际大小取决于所选的 Chromium 组件</small>" data-en="<span>Compact by design: Linux binaries are 30 MB+, Windows binaries 45 MB+.</span><small>Actual size varies with the Chromium components included.</small>"><span>轻量设计：Linux 二进制30 MB+，Windows 45MB+</span><small>实际大小取决于所选的 Chromium 组件</small></p>
</div>
<figure class="hero-poster reveal">
<div class="poster-frame">
<img src="assets/libcr-poster.svg" alt="libcr — Chromium + AI" width="1200" height="1000" fetchpriority="high" />
</div>
</figure>
</section>
<section class="section projects" id="projects">
<div class="section-heading reveal">
<div><p class="eyebrow"><span></span> <b data-zh="LIBCR的作品" data-en="LIBCR creations">LIBCR的作品</b></p><h2 data-zh="<em>libcr</em> 原生应用" data-en="<em>libcr</em> native apps"><em>libcr</em> 原生应用</h2></div>
<p><span data-zh="从照片与视频管理，到 Android 设备控制、开发者工具、文档阅读和局域网共享，探索使用 libcr 创造的免费应用，兼顾效率与性能。" data-en="From photo and video management to Android device control, developer tools, document readers, and local sharing—explore free apps created with libcr for efficiency and performance.">从照片与视频管理，到 Android 设备控制、开发者工具、文档阅读和局域网共享，探索使用 libcr 创造的免费应用，兼顾效率与性能。</span><br /><span class="platform-support"><span data-zh="同时支持" data-en="Also supports">同时支持</span><img src="assets/windows.svg" alt="Windows" width="20" height="20" /><img src="assets/macos.svg" alt="macOS" width="20" height="20" /><img src="assets/linux.svg" alt="Linux" width="20" height="20" /></span></p>
</div>
<div class="product-grid">
<article class="product-card product-featured reveal" data-importance="6" style="--importance:6">
<div class="product-number">01</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crPhotos.svg" alt="crPhotos icon" width="64" height="64" loading="lazy" decoding="async" /><div class="product-title"><h3>crPhotos</h3><span data-zh="照片与视频" data-en="Photos & videos">照片与视频</span></div></div>
<p data-zh="让本地影像收藏一目了然。以瀑布流时间线浏览照片与视频，用收藏、颜色标签和本地人脸分组整理回忆，还能直接选取照片中的文字。" data-en="Explore your local photos and videos in a masonry timeline. Organize memories with favorites, color tags, and local face grouping, and select text directly in photos.">让本地影像收藏一目了然。以瀑布流时间线浏览照片与视频，用收藏、颜色标签和本地人脸分组整理回忆，还能直接选取照片中的文字。</p>
<a class="product-preview" href="https://github.com/libcr/crPhotos" target="_blank" rel="noreferrer" aria-label="crPhotos — GitHub"><img src="assets/apps/crPhotos.webp" width="1400" height="788" alt="crPhotos masonry photo and video timeline" loading="lazy" decoding="async" /></a>
<div class="tags"><span data-zh="本地人脸分组" data-en="Local face grouping">本地人脸分组</span><span data-zh="本地媒体库" data-en="Local library">本地媒体库</span><span data-zh="文字识别" data-en="OCR">文字识别</span></div>
<div class="card-links"><a href="https://github.com/libcr/crPhotos" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9NQL7VPP88ZJ?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crPhotos/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="4" style="--importance:4">
<div class="product-number">02</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crScrcpy.svg" alt="crScrcpy 图标" width="64" height="64" loading="lazy" decoding="async" /><div class="product-title"><h3>crScrcpy</h3><span data-zh="设备控制" data-en="Device control">设备控制</span></div></div>
<p data-zh="流畅显示与控制 Android 设备。支持 H.264/H.265、低延迟音频、多设备会话、同步控制、无损 MP4 录制与强大的JS脚本控制能力" data-en="Display and control Android devices with H.264/H.265, low-latency audio, multi-device sessions, synchronized input, direct MP4 recording, and powerful JavaScript scripting controls.">流畅显示与控制 Android 设备。支持 H.264/H.265、低延迟音频、多设备会话、同步控制、无损 MP4 录制与强大的JS脚本控制能力</p>
<div class="tags"><span>Android</span><span>Chromium Media</span><span>H.265</span></div>
<div class="card-links"><a href="https://github.com/libcr/crScrcpy" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9P3LQ4WW5WS5?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crScrcpy/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="4" style="--importance:4">
<div class="product-number">03</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crRequest.svg" alt="crRequest 图标" width="64" height="64" loading="lazy" decoding="async" /><div class="product-title"><h3>crRequest</h3><span data-zh="开发者工具" data-en="Developer tools">开发者工具</span></div></div>
<p data-zh="集 API 测试、cURL 同步、HTTP/3 诊断、SSH/SFTP 与数据库操作于一体的原生开发者工作台。" data-en="A native developer workspace combining API testing, cURL sync, HTTP/3 diagnostics, SSH/SFTP, and database tools.">集 API 测试、cURL 同步、HTTP/3 诊断、SSH/SFTP 与数据库操作于一体的原生开发者工作台。</p>
<div class="tags"><span>HTTP/3</span><span>SSH</span><span>PostgreSQL</span></div>
<div class="card-links"><a href="https://github.com/libcr/crRequest" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9PF8DDGLD2JH?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crRequest/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="3" style="--importance:3">
<div class="product-number">04</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crPlayer.svg" alt="crPlayer icon" width="64" height="64" loading="lazy" decoding="async" /><div class="product-title"><h3>crPlayer</h3><span data-zh="视频播放器" data-en="Video player">视频播放器</span></div></div>
<p data-zh="免费原生视频播放器，支持硬件加速解码、最近播放记录与全屏播放。用 HTML5 自定义启动页和播放控制面板，按自己的习惯布局控件。" data-en="A free native video player with hardware-accelerated decoding, recent videos, and fullscreen playback. Customize the home page and playback controls with HTML5 to suit your workflow.">免费原生视频播放器，支持硬件加速解码、最近播放记录与全屏播放。用 HTML5 自定义启动页和播放控制面板，按自己的习惯布局控件。</p>
<div class="tags"><span data-zh="硬件加速" data-en="Hardware acceleration">硬件加速</span><span data-zh="可交互的HTML5界面" data-en="Interactive HTML5 interface">可交互的HTML5界面</span><span data-zh="原生应用" data-en="Native app">原生应用</span></div>
<div class="card-links"><a href="https://github.com/libcr/crPlayer" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9N0CXB5WXDD2?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crPlayer/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="3" style="--importance:3">
<div class="product-number">05</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crShare.svg" alt="crShare 图标" width="64" height="64" loading="lazy" decoding="async" /><div class="product-title"><h3>crShare</h3><span data-zh="局域网共享" data-en="Local sharing">局域网共享</span></div></div>
<p data-zh="在局域网内分享文件、文本、链接和图片。其他设备打开浏览器即可使用，无需安装客户端。" data-en="Share files, text, links, and images over your local network. Other devices need only a browser—no client install required.">在局域网内分享文件、文本、链接和图片。其他设备打开浏览器即可使用，无需安装客户端。</p>
<div class="tags"><span>WebSocket</span><span>16 GiB</span><span>HTTPS</span></div>
<div class="card-links"><a href="https://github.com/libcr/crShare" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9MWSSWF3H9LC?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crShare/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="2" style="--importance:2">
<div class="product-number">06</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crpdf-logo.svg" alt="crPDF 图标" width="44" height="44" loading="lazy" decoding="async" /><div class="product-title"><h3>crPDF</h3><span data-zh="文档工具" data-en="Documents">文档工具</span></div></div>
<p data-zh="轻量级 PDF 阅读、批注与表单工具，支持 AES-256 文档保护和离线数字签名工作流。" data-en="A lightweight PDF reader and annotation tool with forms, AES-256 document protection, and offline digital signatures.">轻量级 PDF 阅读、批注与表单工具，支持 AES-256 文档保护和离线数字签名工作流。</p>
<div class="tags"><span>PDFium</span><span>AcroForm</span><span>AES-256</span></div>
<div class="card-links"><a href="https://github.com/libcr/crpdf" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/detail/9nmsj50f8m88?ocid=webpdpshare" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crpdf/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
<article class="product-card reveal" data-importance="2" style="--importance:2">
<div class="product-number">07</div>
<div class="product-body"><div class="product-header"><img src="assets/apps/crMarkdown.svg" alt="crMarkdown 图标" width="44" height="44" loading="lazy" decoding="async" /><div class="product-title"><h3>crMarkdown</h3><span data-zh="内容工具" data-en="Content">内容工具</span></div></div>
<p data-zh="为大型技术文档设计的快速 Markdown 阅读器，支持流式解析、虚拟化渲染、全文搜索与 KaTeX。" data-en="A fast Markdown reader for large technical documents with streaming, virtualized rendering, full-text search, and KaTeX.">为大型技术文档设计的快速 Markdown 阅读器，支持流式解析、虚拟化渲染、全文搜索与 KaTeX。</p>
<div class="tags"><span>GFM</span><span>KaTeX</span><span>WebContents</span></div>
<div class="card-links"><a href="https://github.com/libcr/crMarkdown" target="_blank" rel="noreferrer"><span data-zh="项目主页" data-en="Project">项目主页</span> ↗</a><a class="store-link" href="https://apps.microsoft.com/store/detail/9NRV9GT24X6J?cid=DevShareMCLPCS" target="_blank" rel="noreferrer"><img src="assets/windows.svg" alt="" aria-hidden="true" width="16" height="16" />Microsoft Store ↗</a><a class="download-link" href="https://github.com/libcr/crMarkdown/releases" target="_blank" rel="noreferrer"><img src="assets/linux.svg" alt="" aria-hidden="true" width="14" height="16" /><span data-zh="下载" data-en="Download">下载</span> ↓</a></div>
</div>
</article>
</div>
</section>
<section class="section technology" id="technology">
<div class="section-heading reveal">
<div><p class="eyebrow"><span></span> <b data-zh="技术基础" data-en="Foundation">技术基础</b></p><h2 data-zh="站在<em>巨人</em>的<br>肩膀之上" data-en="Built on a<br><em>proven platform</em>">站在<em>巨人</em>的<br />肩膀之上</h2></div>
<p data-zh="以 Chromium 为底座，按需组合 Blink、Skia、网络、媒体、GPU、Crashpad、V8 与 Mojo 等成熟模块，并在源码层灵活裁剪、替换与扩展，构建面向未来的高性能应用" data-en="Built on Chromium, mature modules including Blink, Skia, networking, media, GPU, Crashpad, V8, and Mojo can be composed as needed, then tailored, replaced, or extended at the source level to build future-ready, high-performance applications.">以 Chromium 为底座，按需组合 Blink、Skia、网络、媒体、GPU、Crashpad、V8 与 Mojo 等成熟模块，并在源码层灵活裁剪、替换与扩展，构建面向未来的高性能应用</p>
</div>
<div class="tech-layout">
<div class="code-panel reveal" aria-label="libcr architecture">
<div class="code-top"><span></span><span></span><span></span><b>libcr / architecture</b></div>
<pre><code><i>01</i> <span class="c-key">target</span>(<span class="c-string">"native_desktop_app"</span>) {
<i>02</i> <span class="c-key">runtime</span> = <span class="c-string">"C++"</span>;
<i>03</i> <span class="c-key">interface</span> = chromium.views;
<i>04</i> <span class="c-key">services</span> = [
<i>05</i> network_service,
<i>06</i> media_pipeline,
<i>07</i> pdfium,
<i>08</i> mojo
<i>09</i> ];
<i>10</i> <span class="c-comment">// No Electron required.</span>
<i>11</i> }</code></pre>
</div>
<div class="advantage-grid">
<div class="advantage reveal"><b>01</b><h3 data-zh="原生性能" data-en="Native performance">原生性能</h3><p data-zh="直接作为 Chromium 原生目标构建，无额外桌面运行时。" data-en="Built directly as native Chromium targets with no extra desktop runtime.">直接作为 Chromium 原生目标构建，无额外桌面运行时。</p></div>
<div class="advantage reveal"><b>02</b><h3 data-zh="现代协议" data-en="Modern protocols">现代协议</h3><p data-zh="成熟支持 HTTP/1.1、HTTP/2、HTTP/3、QUIC 与 TLS。" data-en="Mature support for HTTP/1.1, HTTP/2, HTTP/3, QUIC, and TLS.">成熟支持 HTTP/1.1、HTTP/2、HTTP/3、QUIC 与 TLS。</p></div>
<div class="advantage reveal"><b>03</b><h3 data-zh="卓越的跨平台能力" data-en="Cross-platform foundation">卓越的跨平台能力</h3><p data-zh="基于统一的 Chromium 技术体系，面向 Windows、macOS 与 Linux 构建一致的应用体验。" data-en="Build consistent application experiences across Windows, macOS, and Linux on a unified Chromium foundation.">基于统一的 Chromium 技术体系，面向 Windows、macOS 与 Linux 构建一致的应用体验。</p></div>
<div class="advantage reveal"><b>04</b><h3 data-zh="丰富可靠的代码模块" data-en="Rich, proven modules">丰富可靠的代码模块</h3><p data-zh="涵盖 GPU 渲染、网络、媒体、图形、JavaScript 与进程通信等可按需组合与扩展的成熟模块。" data-en="Proven, composable, and extensible modules span GPU rendering, networking, media, graphics, JavaScript, and IPC.">涵盖 GPU 渲染、网络、媒体、图形、JavaScript 与进程通信等可按需组合与扩展的成熟模块。</p></div>
</div>
</div>
</section>
<section class="section compare" id="compare">
<div class="section-heading reveal">
<div><p class="eyebrow"><span></span> <b data-zh="架构对比" data-en="Architecture comparison">架构对比</b></p><h2 data-zh="为什么选择<br><em>libcr</em>" data-en="Why choose<br><em>libcr</em>">为什么选择<br /><em>libcr</em></h2></div>
<p data-zh="libcr 是 AI 驱动、使用强大 Chromium 代码模块的原生应用开发包。我们将持续更新，让稳定、高效的原生应用开发成为现实" data-en="libcr is an AI-powered native application development kit built with Chromium's powerful code modules. We continuously update it to make stable, efficient native application development a reality.">libcr 是 AI 驱动、使用强大 Chromium 代码模块的原生应用开发包。我们将持续更新，让稳定、高效的原生应用开发成为现实</p>
</div>
<div class="compare-shell reveal">
<div id="panel-qt" class="compare-panel" aria-label="libcr vs Qt 6">
<div class="compare-architecture" aria-label="Qt 6, Electron and libcr architecture comparison">
<div class="architecture-row architecture-head"><span data-zh="能力" data-en="Capability">能力</span><b>LIBCR</b><b>QT6</b><b>ELECTRON</b></div>
<div class="architecture-row"><span data-zh="定位" data-en="Positioning">定位</span><b data-zh="原生 C++ 应用平台" data-en="Native C++ application platform">原生 C++ 应用平台</b><b data-zh="跨平台 GUI 框架" data-en="Cross-platform GUI framework">跨平台 GUI 框架</b><b data-zh="面向 JavaScript 的桌面运行时" data-en="Desktop runtime for JavaScript apps">面向 JavaScript 的桌面运行时</b></div>
<div class="architecture-row"><span data-zh="运行时" data-en="Runtime">运行时</span><b data-zh="按需裁剪的 Chromium 模块" data-en="Tailored Chromium modules">按需裁剪的 Chromium 模块</b><b data-zh="Qt 模块与平台插件" data-en="Qt modules and platform plugins">Qt 模块与平台插件</b><b>Chromium + Node.js + Electron</b></div>
<div class="architecture-row"><span>UI</span><b>Chromium Views / C++</b><b>Qt Widgets / Qt Quick</b><b>HTML / CSS / JavaScript</b></div>
<div class="architecture-row"><span data-zh="网络能力" data-en="Networking">网络能力</span><b data-zh="HTTP/1.1–3、QUIC、TLS、DNS、代理、缓存与网络隔离" data-en="HTTP/1.1–3, QUIC, TLS, DNS, proxying, caching, and network isolation">HTTP/1.1–3、QUIC、TLS、DNS、代理、缓存与网络隔离</b><b data-zh="HTTP/1.1–2、TLS、DNS、套接字与代理" data-en="HTTP/1.1–2, TLS, DNS, sockets, and proxying">HTTP/1.1–2、TLS、DNS、套接字与代理</b><b data-zh="通过JavaScript访问浏览器的网络能力" data-en="Access browser networking through JavaScript">通过JavaScript访问浏览器的网络能力</b></div>
<div class="architecture-row"><span data-zh="接口" data-en="APIs">接口</span><b data-zh="原生 C++ + 可选 V8" data-en="Native C++ + optional V8">原生 C++ + 可选 V8</b><b data-zh="Qt C++ / QML API" data-en="Qt C++ / QML APIs">Qt C++ / QML API</b><b data-zh="JavaScript 优先" data-en="JavaScript-first">JavaScript 优先</b></div>
<div class="architecture-row"><span data-zh="进程架构" data-en="Process model">进程架构</span><b data-zh="自定义 Mojo 多进程与沙箱" data-en="Custom Mojo multi-process + sandbox">自定义 Mojo 多进程与沙箱</b><b data-zh="以应用进程为中心" data-en="Application-process centered">以应用进程为中心</b><b data-zh="预定义主进程 / 渲染进程" data-en="Preset main / renderer model">预定义主进程 / 渲染进程</b></div>
<div class="architecture-row"><span data-zh="图形与 GPU" data-en="Graphics and GPU">图形与 GPU</span><b>Skia / Viz / Dawn / ANGLE</b><b>Qt Quick / RHI</b><b data-zh="通过 Electron 抽象使用 Chromium" data-en="Chromium through Electron abstractions">通过 Electron 抽象使用 Chromium</b></div>
<div class="architecture-row"><span data-zh="Web 能力" data-en="Web capability">Web 能力</span><b data-zh="直接访问 Chromium 内核" data-en="Direct Chromium internals">直接访问 Chromium 内核</b><b data-zh="通过 Qt WebEngine 嵌入" data-en="Embedded via Qt WebEngine">通过 Qt WebEngine 嵌入</b><b data-zh="通过 Electron API 封装" data-en="Wrapped by Electron APIs">通过 Electron API 封装</b></div>
<div class="architecture-row"><span data-zh="问题诊断" data-en="Diagnostics">问题诊断</span><b data-zh="Perfetto、NetLog、媒体诊断、内存分析与 Crashpad" data-en="Perfetto, NetLog, media diagnostics, memory analysis, and Crashpad">Perfetto、NetLog、媒体诊断、内存分析与 Crashpad</b><b data-zh="Qt Creator 分析器、QML Profiler 与调试器" data-en="Qt Creator analyzers, QML Profiler, and debuggers">Qt Creator 分析器、QML Profiler 与调试器</b><b data-zh="Chromium DevTools、Node.js Inspector 与 crashReporter" data-en="Chromium DevTools, Node.js Inspector, and crashReporter">Chromium DevTools、Node.js Inspector 与 crashReporter</b></div>
</div>
</div>
</div>
</section>
<section class="section groups" id="groups">
<div class="section-heading reveal">
<div>
<p class="eyebrow"><span></span> <b data-zh="加入群组" data-en="Join our groups">加入群组</b></p>
<h2 data-zh="与 libcr<br><em>保持连接</em>" data-en="Stay <em>connected</em><br>with libcr">与 libcr<br /><em>保持连接</em></h2>
</div>
<p data-zh="加入 Telegram 或 QQ 群，获得支持、关注最新动态，并与开发者保持联系" data-en="Join us on Telegram or QQ to get support, follow the latest updates, and stay connected with the developers.">加入 Telegram 或 QQ 群，获得支持、关注最新动态，并与开发者保持联系</p>
</div>
<div class="group-images">
<a class="group-image reveal" href="https://t.me/LIBCR_AI" target="_blank" rel="noreferrer" aria-label="加入 libcr Telegram 群组">
<img src="assets/libcr_tg.svg" alt="libcr Telegram 群组二维码" width="320" height="320" loading="lazy" decoding="async" />
</a>
<div class="group-image reveal">
<img src="assets/libcr_qq.svg" alt="libcr QQ 群二维码" width="320" height="320" loading="lazy" decoding="async" />
</div>
</div>
</section>
</main>
<footer>
<a class="brand" href="#top" aria-label="返回顶部"><span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span><span>libcr</span></a>
<p data-zh="使用 C++ 与 Chromium 构建。" data-en="Built with C++ and Chromium.">使用 C++ 与 Chromium 构建。</p><p>© <span id="year">2026</span> libcr</p>
</footer>
</body>
</html>