什么是相当于浏览器的“框模型”布局检查器在浏览器调试器，但kivy？
我来自一个web开发的背景，“UI”调试是在浏览器中完成的。可能是因为普遍存在的渲染问题（w3c标准的模糊性或web浏览器中的实现错误），用于调试“为什么我的HTML渲染成那样！？！”的工具在web浏览器中相当复杂。
我可以简单地在Firefox（也是现在的Chromium）中按F12来打开一个调试窗口，点击最左上角的按钮（元素选择器），然后当我在页面上拖动鼠标时，每个不同的元素（以及给定子元素的面包屑树）都会突出显示。
x1c 0d1x的数据
如果我点击一个给定的UI元素，那么对应于该UI元素的html元素就会被高亮显示，所有的CSS元素也会显示出来，同时Layout选项卡中的“Box Model”也会清楚地显示元素的宽度、高度、边距、填充和边框。这个“Box Model”对于在设计网页时找出、调整和修复UI渲染问题非常有帮助。

的
使用kivy进行UI开发，我需要几天而不是几分钟来弄清楚发生了什么，因为我不知道有类似的工具。
我希望有一种方法，能够 Package 一个给定的kivy应用程序与一些调试器，这样，当我悬停在我的kivy应用程序的小部件，完整的树当我在屏幕上移动鼠标时，该树的（breadcrums）会实时显示。如果我单击应用程序中的某个位置，它会为我转储该小部件的所有属性，例如宽度，高度，间距，填充，etc（实际上只是枚举给定小部件对象的整个__dict__）。理想情况下，会显示该小部件及其大小的可视化表示，如上面的“Box Model”屏幕截图。
在kivy开发中，对于web浏览器的调试器和“框模型”来说，什么是最好的等价物？