Gridman - 前端工具包在浏览器中使用的扩展工具,这款工具可显示目标及其父元素的详细信息,简化您的分析和调试过程等,欢迎需要的朋友下载使用。
介绍
Gridman 是每个前端开发者必备的 Chrome 扩展程序。这套工具包旨在提升您的工作效率,改善您的编码体验。
功能
DOM 检查
立即检查 DOM 元素。只需悬停即可显示目标及其父元素的详细信息,简化您的分析和调试过程。
持久性
Gridman 独特地在主机重载之间持久存在。点击一个元素,即使在页面刷新后也能保持您的洞察力,节省您宝贵的时间和精力。
Tailwind
Tailwind 开发者们,欢呼吧!轻松检查类集,看看 Tailwind CSS 如何使您的设计栩栩如生。
布局
无论您是在使用 CSS Grid 还是 Flexbox,Gridman 都会显示行、列、内边距、外边距等等。轻松理解和操纵复杂的布局。
任何地方
只需点击扩展程序图标,即可在任何网页上激活这个工具包。
悬停
仅通过鼠标悬停,就能揭示 DOM 结构的复杂性。可视化理解元素是如何嵌套和关联的。
加入
使用 Gridman,您不仅仅是在使用一个工具;您正在升级您的整个开发过程。立即下载,体验您的前端开发之旅的革命性变革!
评审
Gridman 对您的体验对我来说非常重要。如果您发现它有帮助,我将非常感激您能花一点时间分享您的想法。您的反馈不仅有助于改进,还有助于其他开发人员发现这个扩展的好处。感谢您的支持,并成为 Gridman 支持者的重要一部分!
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

扫码关注公众号,发【识别码】获取