DevTrends开发者趋势
主题色

avbmaster /

upbrowser

UpBrowser 一个用 C# 和 SkiaSharp 构建的现代浏览器引擎。 项目旨在帮助对浏览器底层原理感兴趣的开发者轻松学习(与庞大臃肿的chromium相比,UpBrowser更加轻量模块化,更易于学习) 功能特性 自制布局引擎:支持 CSS Block、Inline、Flexbox、Grid、Table 等布局模式 文本渲染:使用 SkiaSharp 进行高质量文本渲染和测量 DOM 解析:基于 AngleSharp 的 H…

DT数据与运维DT研究与学习DT库 / SDKDTLinuxDTmacOSDTWindows

关于

UpBrowser 一个用 C# 和 SkiaSharp 构建的现代浏览器引擎。 项目旨在帮助对浏览器底层原理感兴趣的开发者轻松学习(与庞大臃肿的chromium相比,UpBrowser更加轻量模块化,更易于学习) 功能特性 自制布局引擎:支持 CSS Block、Inline、Flexbox、Grid、Table 等布局模式 文本渲染:使用 SkiaSharp 进行高质量文本渲染和测量 DOM 解析:基于 AngleSharp 的 HTML 解析器 JavaScript 支持:集成 Jint/v8 JavaScript 引擎 硬件加速:支持 OpenGL GPU 加速 构建要求 .NET 10.0 SDK Windows/macOS/Linux 操作系统(当前仅支持Windows系统) 布局引擎特性 已实现的布局模式 1. Block 布局 margin collapsing(外边距折叠) float 浮动元素 clear 清除浮动 2. Inline 布局 文本换行 inline-block 元素 文本对齐 3. Flexbox 布局 flex-direction(主轴方向) flex-wrap(换行) justify-content(主轴对齐) align-items(交叉轴对齐) align-self(单个项目对齐) 4. 绝对定位 containing block 计算 auto margin 居中 fixed/absolute 定位 5. 表格布局 多列宽度计算 表格单元格布局 文本测量 使用 SkiaSharp 进行精确的文本宽度测量,确保文本渲染的准确性。 技术栈 SkiaSharp:2D 图形渲染 AngleSharp:HTML/CSS 解析 ClearScript/Jint:多种JavaScript 引擎无缝切换 .NET 10:运行时 开发计划 [ ] 完善 CSS 布局 [ ] 支持更多 CSS 属性 [ ] 性能优化 [ ] DevTools 调试工具 [ ] 网络请求支持 [ ] JS功能完善 [ ] 跨平台支持 贡献与建议 UpBrowser浏览器还处于一个非常初期的阶段,很多浏览器的功能与特性需要逐步完善。 浏览器引擎的开发是一个复杂且长期的过程,热烈欢迎社区贡献代码和提出建议! 许可证 MIT License

收录记录

  1. HelloGitHub·用户投稿

    2026年6月7日 · 1 次收录

  2. 阮一峰周刊·用户投稿

    2026年6月7日 · 1 次收录

讨论这个产品