LWS Debugging & Mobile Debugging

同学们，今天我们来聊聊 Lightning Web Components 在调试时的一些小细节。听起来可能有点技术，但其实很简单，我讲完你就明白了。 首先，LWS 调试和我们平常做的标准调试基本是一样的，你该怎么打断点、看变量，方法都不变。但要注意，因为 LWS 背后有个虚拟沙箱，所以会有一些很细微的不同。为了调试起来顺手，你一定记住——，先把调试模式打开，，这样你会得到最舒服的体验。另外，具体有哪些 LWS 特有的限制和测试流程，可以去看《Lightning Components 安全指南》，里面写得很清楚，这里就不展开了。 接下来我们说移动端调试，这部分分两层，非常实用。第一层是，桌面模拟，，就在 Chrome DevTools 里用设备模式。这个模式能让你模拟不同手机、调整横竖屏、改定位，还能调节 CPU 和网络快慢，完全覆盖响应式设计的需求。第二层是，真实设备测试，，你得在手机上装 Salesforce Mobile 应用，直接用真机跑。这样才能测到硬件相关的功能，比如摄像头、联系人这些，模拟器做不到。 还有一个好消息：Lightning on Mobile 用的就是桌面的 FLEX UI，布局逻辑完全一样。所以桌面调试做完，大部分移动适配问题就已经解决了，省心吧。 最后说怎么开设备模式，DevTools 左上角有个“切换设备预设”的按钮，点一下就行，快捷键是 Alt + M，里面预设了一大堆手机和平板，你也可以自己调配置，非常灵活。 好了，就这些，是不是挺简单的？有问题随时问我。