JavaScript控制台中的颜色对于NativeScript调试器工具

Question

我正在尝试为Nativescript应用程序获取色彩丰富的控制台以进行调试。当我们使用

dataSource: MatTableDataSource<any[]>;

ngOnInit() {
  this.getThreeResults.subscribe(
    data => this.dataSource = new MatTableDataSource(data)
  )
}

onEllipsisButtonClick() {
  this.getRestOfTheData.subscribe(
    data => this.dataSource.data = data
  )
}

我们获得了可用于chrome进行此类调试的URL

tns debug android/ios

我尝试过列出here的一些建议，例如在控制台中使用CSS。

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

但是它只是打印

const warningTitleCSS = 'color:red; font-size:60px; font-weight: bold; -webkit-text-stroke: 1px black;';
console.log('%cStop!', warningTitleCSS);

这与chrome调试工具有关吗，还是我在这里尝试错了？

Answer 1

NativeScript控制台实际上是本机日志的实现（例如Android的LogCat）。 console.log是一个存根JS类，其实际实现在本机项目中被覆盖。因此，它与Chrome控制台没有太多共通之处，这就是说-NativeScript控制台不支持CSS属性。

注意：颜色选项记录为功能here