通过 Element Dev 精简您的 DOM 检查
Element Dev 是一个免费的 Chrome 插件,专为网页开发者设计,允许无缝检查 DOM 元素。用户只需点击网页上的任何元素,即可立即访问有关源文件、行号和负责渲染的组件的详细信息。此工具消除了通过 DevTools 导航的需要,使调试过程更加高效和用户友好。此外,它提供了完整的组件调用栈,以清晰地可视化元素的嵌套。
该插件还提供了一键复制文件路径、元素截图和全面的元素信息(包括选择器和计算后的 CSS)等功能。支持 React、Vue 和 Svelte 等流行框架,Element Dev 在开发模式下检索元数据,确保准确的调试。它专注于用户隐私,不收集或存储任何数据,使其成为希望提升调试体验的前端工程师的可靠选择。