前端开发人员的瑞士军刀
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
尺寸检查 | Gridman插件谷歌浏览器安装教程
第一步：下载尺寸检查 | Gridman安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
