尺寸检查 | Gridman

前端开发人员的瑞士军刀

Gridman 是每个前端开发者必备的 Chrome 扩展程序。这套工具包旨在提升您的工作效率，改善您的编码体验。 DOM 检查 立即检查 DOM 元素。只需悬停即可显示目标及其父元素的详细信息，简化您的分析和调试过程。 持久性 Gridman 独特地在主机重载之间持久存在。点击一个元素，即使在页面刷新后也能保持您的洞察力，节省您宝贵的时间和精力。 Tailwind Tailwind 开发者们，欢呼吧！轻松检查类集，看看 Tailwind CSS 如何使您的设计栩栩如生。 布局 无论您是在使用 CSS Grid 还是 Flexbox，Gridman 都会显示行、列、内边距、外边距等等。轻松理解和操纵复杂的布局。 任何地方 只需点击扩展程序图标，即可在任何网页上激活这个工具包。 悬停 仅通过鼠标悬停，就能揭示 DOM 结构的复杂性。可视化理解元素是如何嵌套和关联的。 加入 使用 Gridman，您不仅仅是在使用一个工具；您正在升级您的整个开发过程。立即下载，体验您的前端开发之旅的革命性变革！ 评审 Gridman 对您的体验对我来说非常重要。如果您发现它有帮助，我将非常感激您能花一点时间分享您的想法。您的反馈不仅有助于改进，还有助于其他开发人员发现这个扩展的好处。感谢您的支持，并成为 Gridman 支持者的重要一部分！ 不工作 如果有什么没有按预期工作，我恳请您考虑提出任何疑问或问题。我理解每一条评价，无论是正面还是负面，都为我提供了学习和改进的机会。然而，我也相信通过沟通了解和解决问题的重要性。请随时在此向我提问：https://fenvox.com/gridman#ask-section。我始终在这里协助您！ 本地文件 您是否尝试将其应用于像 'file:///...' 这样的本地文件 - 但没有显示任何内容？ 回答：Gridman，像任何 Chrome 扩展一样，不会在本地文件上工作。出于安全原因，Chrome 不允许这样做。这是正确的。您可以想象如果任何 Chrome 扩展能够访问您计算机上的文件系统，将会带来什么后果。 要在本地文件上使用 Gridman，我建议使用一个微型 http-server，您可以在此处获取 https://www.npmjs.com/package/http-server