avatar
文章
38
标签
30
分类
7
Home
Archives
Tags
Categories
haoge's Terminal推出 HTML-in-Canvas API 源试用版 返回首页
Home
Archives
Tags
Categories

推出 HTML-in-Canvas API 源试用版

发表于2026-05-20|更新于2026-06-25|Chromium Blog
|浏览量:

原文:https://developer.chrome.com/blog/html-in-canvas-origin-trial?hl=en
本文章由 AI 自动翻译自 Chromium 官方博客

了解 Chrome 中的 HTML-in-Canvas 起源试验,以及它如何帮助将 DOM 引入您的 Canvas 驱动应用程序。


原文发布于 2026-05-20,由 haoge’s Terminal 自动同步。

文章作者: haoge
文章链接: https://blog.haoge.beauty/2026-05-20-html-in-canvas-origin-trial/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 haoge's Terminal!
ChromiumChrome翻译
上一篇
Web Extensions 新特性:I/O 2026 回顾
原文:https://developer.chrome.com/blog/extensions-io-2026?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 又一年 Google I/O 落幕,我们已经报道了所有令人兴奋的扩展更新! 原文发布于 2026-05-22,由 haoge’s Terminal 自动同步。
下一篇
使用 Chrome DevTools Agents 1.0 简化您的 AI 编码工作流
原文:https://developer.chrome.com/blog/devtools-for-agents-v1?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 Chrome DevTools for agents 为您的编码智能体提供所需的可见性,使其能够实时验证、调试和优化代码。 原文发布于 2026-05-20,由 haoge’s Terminal 自动同步。
相关推荐
2026-05-14
使用全新的 HTML 安装元素安装 Web 应用
原文:https://developer.chrome.com/blog/install-element-ot?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 测试建议的安装元素。 原文发布于 2026-05-14,由 haoge’s Terminal 自动同步。
2026-05-27
使用 Chrome 内置 AI 构建新功能
原文:https://developer.chrome.com/blog/build-new-features-using-built-in-ai-in-chrome-io2026?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 您好!感谢您的提问。 我需要说明的是,Google I/O 2026 是一个未来的活动(当前时间是2024年11月),这个会议还没有举办,所以目前没有关于该演讲的具体信息。 如果您想了解 Thomas Steiner 的演讲,我可以提供以下建议: 等待官方发布:Google 通常会在 I/O 大会结束后在 YouTube 频道上发布所有演讲视频,届时您可以观看。 关注 Google 官方渠道:订阅 Google Developers 官方博客或社交媒体账号,获取最新信息。 Thomas Steiner 的工作:Thomas Steiner 是 Google 的开发者倡导者(Developer Advocate),之前参与过多个网络技术和 Web 平台相关的项目。您可以访问他的个人博客或社交媒体了解他的工作动...
2026-04-22
Final Soft Navigations 源试用将于 Chrome 147 启动
原文:https://developer.chrome.com/blog/final-soft-navigations-origin-trial?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 在此次最终源站试用结束之前,抓住最后的机会体验 Soft Navigations API。 原文发布于 2026-04-22,由 haoge’s Terminal 自动同步。
2026-05-13
简化登录流程:即时 UI 模式现已推出
原文:https://developer.chrome.com/blog/webauthn-immediate-ui?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 Chrome 148 为通行密钥和密码推出了即时界面模式,旨在简化用户登录流程,提供无摩擦的凭据请求体验。 原文发布于 2026-05-13,由 haoge’s Terminal 自动同步。
2026-05-16
间隙装饰:现已登陆 Chromium
原文:https://developer.chrome.com/blog/gap-decorations-stable?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 Chrome 和 Edge 149 为 CSS 间隙带来新的样式方法 原文发布于 2026-05-16,由 haoge’s Terminal 自动同步。
2026-06-25
让您的网站支持AI智能体交互的开发者工具包
原文:https://developer.chrome.com/blog/agent-ready-toolkit?hl=en本文章由 AI 自动翻译自 Chromium 官方博客 学习如何使用 Lighthouse Agentic Browsing 类别和 Chrome DevTools 为智能体构建可交互网站在当今的 Web 开发领域,智能体(Agents)正在迅速成为用户与网站交互的重要方式。为了确保你的网站能够被智能体有效地访问和理解,你需要针对智能体进行优化。本文将介绍如何使用 Lighthouse 的 Agentic Browsing 类别和 Chrome DevTools 来构建智能体就绪的网站。 什么是智能体就绪网站?智能体就绪网站是指那些专门针对自动化智能体进行优化的网站,使这些智能体能够有效地导航、理解和与网页内容进行交互。这包括确保网站结构清晰、提供明确的导航路径、使用语义化的 HTML,以及确保动态内容能够被正确抓取。 Lighthouse Agentic Browsing 类别Lighthouse 是 Google 提供的一个开源工具,用于改进网页质量...
avatar
haoge
Developer | Geek | Tech
文章
38
标签
30
分类
7
Follow Me
公告
This is my Blog
最新文章
Hello World2026-06-25
让您的网站支持AI智能体交互的开发者工具包2026-06-25
解锁运行时洞察:推出适用于智能体的 Chrome 开发者工具第三方开发工具2026-06-25
# WebGPU 新特性(Chrome 149-150) ## WebGPU 里程碑 WebGPU 已在 Chrome 113 中正式发布,现已成为 Chrome 的稳定功能。 ## Chrome 150 中的新特性 ### WGSL 中的填充模式采样 现在 WGSL 支持 `sampler` 上的填充模式(clamp-to-edge、repeat、mirror-repeat)。新增了 `address_mode` 参数到 `sampler` 创建选项中,并添加了以下内置函数:`samplerNumCreate`、`SamplelNumCreate`、`SamplelNumGradCreate`、`SamplerBorderConstCreate`、`SamplelNumGradBorderConstCreate`。 ```wgsl // 创建带有填充模式配置的 sampler const samplerAddress = device.createSampler({ addressModeU: 'repeat', addressModeV: 'mirror-repeat', addressModeW: 'clamp-to-edge', magFilter: 'linear', minFilter: 'linear', }); ``` ### 纹理视图格式验证 创建纹理视图时,设备会验证指定的 `format` 与基础纹理格式是否兼容。如果格式不兼容(例如,使用 `bc8-r8unorm` 视图创建 `r8unorm` 格式),则 `createView()` 会抛出 `TypeError`。 ### 移除非标准 GLSL 扩展 已移除以下非标准 GLSL 扩展:`GL_EXT_shader_framebuffer_fetch`、`GL_EXT_shader_framebuffer_fetch_non_coherent`、`GL_EXT_depth_range_in_stdio_camera_viewport_scale`、`GL_OES_texture_storage_multisample_2d_array`。 ### 改进的错误信息 当查询 `GPUCanvasContext` 的配置且 canvas 已被转移时,现在会显示更清晰的错误信息。 ## Chrome 149 中的新特性 ### 改进的调试信息 现在错误信息会包含更详细的调试信息,例如 GPU 地址和着色器代码位置,使开发者更容易定位问题。 ### 纹理子资源清理 当纹理被销毁时,WebGPU 会自动清理所有相关的子资源,确保内存得到正确释放。 ### 性能改进 对常见渲染操作进行了性能优化,包括纹理采样、缓冲区写入和计算着色器执行。 ### WebGPU 在 Web 开发中的最佳实践 建议开发者在使用 WebGPU 时注意以下几点: - 合理管理纹理和缓冲区的生命周期 - 使用对象池减少内存分配开销 - 避免在渲染循环中频繁创建和销毁资源 - 利用多线程提高并行处理能力2026-06-25
参与 WebMCP 源试用2026-06-12
框架 Hexo 8.1.1|主题 Butterfly 5.5.4