ios - 如何使用 sencha touch 在 iPhone 上调试 sass

Question

我已经更改了 sencha 中的 sass 文件并编译它清除 iPhone 模拟器，清理项目

没有任何帮助，在浏览器中我可以看到应用了新样式，但是在 iPhone 模拟器和 iPhone 本身中它们没有

所以基本上这是我想尝试的最小变化：

从：.x-desktop .x-title .x-innerhtml{padding: 0;padding:0;color:fff;}

至：.x-desktop .x-title .x-innerhtml{padding: 0;padding:0;color:#52A5D6;}

所以我的问题是：

1. 为什么会导致这个问题？已解决：如果您查看属于 x-desktop 的第一类...
2. 如果样式已转移到设计并应用，如何调试 sass？

谢谢

Answer 1

您可以在模拟器中运行或在连接的 iOS 设备上运行时使用 Safari 的 Web Inspector 检查您的应用程序。为此，首先打开 Safari 并转到 Preferences -> Advanced，然后选中“Show Develop menu in menu bar”复选框。

在此之后，在模拟器或连接的设备中启动您的应用程序，然后让 Safari 成为焦点。单击“开发”菜单，然后单击“iPhone 模拟器”或您的设备名称。您将看到下一个菜单中列出的页面。

从这里，导航到页面后，您可以使用 Web Inspector 来检查页面，就像它在网页中一样。