Debugging Aurelia:从Chrome调试控制台调用函数

Debugging Aurelia:从Chrome调试控制台调用函数,debugging,google-chrome-devtools,aurelia,Debugging,Google Chrome Devtools,Aurelia,我很有经验,但对Aurelia还不熟悉,不知道如何从控制台调用特定函数 使用此来源: <code> import {} from 'css/style.css'; import {inject} from 'aurelia-framework'; import {DOM} from 'aurelia-pal'; export class App { constructor() { this.message = 'Test Application'; thi

我很有经验,但对Aurelia还不熟悉,不知道如何从控制台调用特定函数

使用此来源:

<code>
import {} from 'css/style.css';
import {inject} from 'aurelia-framework';
import {DOM} from 'aurelia-pal';    
export class App {
  constructor() {
    this.message = 'Test Application';
    this.todos = ['a','b','c','d'];
    this.DOM = DOM;
  }
    getFish() {
        this.DOM.getElementById("#theMessage").style.color="green";
    }
}
</code>
我想从控制台调用getFish。有人可能认为App.getFish()可以做到这一点,但没有这么多


如何在Aurelia的调试控制台中调用类函数?

我只需将
记录在构造函数中,或者实际上记录在任何VM函数中:

 export class App {
   constructor() {
     console.log('App VM', this); 
   }

   getFish() {
     console.log('get fish called');
   }
 }
然后我会右键单击记录的对象,然后单击“存储为全局变量”。这将为我提供一个要使用的变量。然后,我可以根据需要调用该函数


酷。。。我甚至不知道这是可能的。