Angular 4:如何记录API响应所花费的时间

时间:2018-01-31 13:32:06

标签: javascript angular rxjs observable

我有一个API来获取这样的数据

@Injectable()
export class DataCollectionApiService<T> {

  constructor(
    private http: Http
  ) {
  }

  //Get all the currency data from API
  public getCurrencyDataFromApi(): Observable<T[]> {
    return this.http.get(API_URL)
      .map((response: Response) => {
        return response.json();
      })
      .catch(this.handleError);

  }

  private handleError (error: Response | any) {
    console.error('ApiService::handleError', error);
    return Observable.throw(error);
  }
}

我想控制API响应的时间。我尝试使用console.time(“方法名称”),然后使用console.timeEnd(“结束”)。但我发现这是完成所需的总时间,而不是响应时间。有什么建议吗?

1 个答案:

答案 0 :(得分:-2)

Google Chrome浏览器开发者工具(Hotkey F12)有时间标签,它可以为您提供足够的时间信息:

enter image description here