onlook.dev在浏览器中使用的扩展工具，这款工具支持直接编辑并查看代码中的更改等，欢迎需要的朋友下载使用。
介绍
Onlook 不仅仅是一个工具；它改变了设计和开发的游戏规则。借助 Onlook，设计人员可以直接在浏览器中将他们的愿景转化为现实，与底层生产代码无缝同步。
工作原理
Onlook 的集成就像设计工具包的自然扩展一样，充当您的创意和实际代码之间的桥梁。凭借直观的界面，Onlook 使可视化 QA、UI 调整和前端代码建议只需单击一下即可轻松完成。
功能
🔍 视觉到代码编辑：直接编辑并查看代码中的更改。
🎨 UI 检查工具：轻松深入任何 UI 元素。
✏️ UI 编辑器：通过用户友好的界面进行实时更改。
🔄 无缝同步：从浏览器编辑到代码，即时同步。
💬 协作评论：在团队内分享想法和反馈。
📊 全面的活动日志：跟踪所有更改和迭代。
➤ 对于所有 Web 应用程序
无论是复杂的企业应用程序还是简单的网站，Onlook 都能适应任何规模、复杂性或框架。在所有基于 Chromium 的浏览器（例如 Chrome、Brave、Opera 等）上直接在代码中进行质量检查并提供设计反馈。
➤ Onlook 适合谁？
👩💻 设计师寻求对开发的直接影响
👨💻 开发人员渴望高效的设计集成
🚀 致力于简化项目周期的团队
🏢 项目经理注重精度和效率
🤖 技术主管和首席技术官寻求创新
💼 产品负责人优先考虑用户体验
🌍 远程团队正在寻找更好的协作工具
🎓 设计和开发领域的教育工作者和培训师
💡 想要快速行动并打破常规的初创公司
🖥️ 希望提供全面服务的自由职业者
📊 QA 分析师简化测试和反馈
🤝 面向客户的专业人员确保清晰的沟通
📱 移动应用程序设计师简化界面设计
🌐 网站管理员轻松更新网站
📝 内容创作者实施动态设计
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
