Salesforce: lwc的调试

其实这可以适用于一切javascript程序的调试。

console.log是javascript常用的调试手段，不过，如果直接在程序里插入这语句，不需要调试时，也会打印大量不必要的信息。比较理想的方法是设置某个开关，需要打日志时才打。

可以利用服务端的数据库或其他可持续存储的对象保存这个开关值，不过比较麻烦，最好是能在客户端实现。

首先想到的是利用url参数，比如http://abc.com?isdebug=yes，javascript里当检测到有isdebug这个参数而且值等于yes时，则执行console.log。这种方法对于angular等程序是行的通的。但是salesforce的网址加上参数没用，取不到。

又想到利用localStorage，但是lwc里的javascript取不到，大概命名空间不一样，虽然域应该是一样的。

最后只好利用window.name，这个lwc能取到。lwc里：

_isDebug = false;

constructor() {//或者放在renderedCallback里也可以
   if (window.name == 'startdebug') {
      this._isDebug = true;
   }
}

foo(bar) {
   if (this._isDebug) {
      console.log(bar);
   }
}

要调试时，打开浏览器的console，输入window.name = 'startdebug'; 然后再打开lwc，就可以打印出调试信息了。调试完毕，再输入window.name = '';就可以关闭打印。

如果不用_isDebug变量，直接在console.log前用if (window.name == 'startdebug') 来判断，好处是修改window.name后，不需要刷新页面，缺点是写起来稍微罗嗦点。