Javascript 如何调试Nativescript应用程序UI？

我不熟悉NativeScript技术，在开发应用程序时，我需要调试UI组件，比如为什么这个textview没有显示，布局与另一个重叠，或者找出UI中的其他失真

---

谢谢您的时间。

通常，字段关闭的唯一原因是您使用的边距值为负值，或者您将多个项目放入绝对单元格或网格布局单元格中

---

要进行调试，可以使用：

tns调试ios——仿真器

或

tns调试android——仿真器

---

然而，使用它，您将不得不调试构建屏幕的JS代码。您最好查看xml并了解布局是如何工作的，以便准确地了解它是如何布局的。然后尝试调试您所犯的错误。

如另一个答案中所述，您可以使用调试模式。我认为，自那个答案以来，情况可能发生了一些变化，因为您可以在一定程度上调试UI

1） 在模拟器中运行应用程序

tns调试android--bundle

例如 这将输出链接，例如

chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40000

2） 在chrome中打开链接。 使用“元素”选项卡查看元素的xml树。您可以更改并向元素添加属性。示例：右键单击一个元素，单击“添加属性”并添加color=“blue”，这应该会将该元素的字体颜色更改为蓝色

---

嗨，Nathanel实际上，我想要的是UI调试器，而不是JS，因为没有UI调试器。Telerik有一个屏幕生成器程序；它可能能够读取并呈现xml；但实际上，CSS可以彻底改变xml呈现。