更新时间：2026-01-21 GMT+08:00
浏览器
CodeArts AI IDE集成了浏览器功能，您可直接在CodeArts AI IDE中查看Web应用的运行效果，并执行以下操作：
- 支持基于网站地址打开对应的网站。
- 支持选择一个或多个元素，支持选择整个页面的功能，可以在打开的浏览器页面上将选择的元素、选择的整个页面，添加到对话窗口中。
- 支持在控制台中呈现浏览器打印日志，支持对打印日志选择添加到对话窗口中。
本章节以“修改选中元素的字体颜色”为例，带您体验使用内置浏览器的实时预览与调试功能。
约束与限制
本功能仅支持CodeArts AI IDE开发工具。
修改元素字体颜色
- 参考CodeArts AI IDE中操作，登录CodeArts Doer代码智能体。
- 单击IDE顶部菜单栏中的切换辅助侧栏图标
，打开CodeArts Doer代码智能体聊天窗口。 - 在“资源管理器”中展开文件夹，将鼠标放在“***.html”格式的文件上，单击右键选择“打开预览”。
- 在打开浏览器的页签中，单击选择元素
图标。
图1 单击选择元素图标
- 单击待添加的元素（支持选择多个），可发现元素会被添加到聊天界面的输入框中。
图2 添加一个或多个元素
- 在聊天窗口的输入框中，输入词条如“把这个元素的字体颜色设置为红色”，单击
图标。
等待执行完成后，会发现选中的元素“用人工智能重塑未来”字体颜色被修改为红色。
图3 颜色修改效果
