如何在Chrome或Firefox开发人员工具控制台中使用RxJS Observable?

时间:2018-03-07 16:21:32

标签: javascript rxjs google-chrome-devtools firefox-developer-tools

我想快速测试一些Observable相关函数。在我的Chrome开发者工具(或Firefox开发工具)中,无所谓。

在我看来,几天前我能够简单地执行这样的代码:

var test$ = Rx.Observable.from([1,2,3]);

直接在我的JavaScript控制台中。我的回忆似乎更正确,因为我实际上从我的开发工具控制台历史中挖掘了这个例子(以及许多其他例子)!

由于某种原因,它不再起作用了;我收到这个错误:

  

未捕获的ReferenceError:未定义Rx

或者我只使用Observable而不是Rx.Observable

  

未捕获的ReferenceError:未定义Observable

无法使用import声明'原样'在Chrome控制台中。有人有使用浏览器的Javascript控制台调试RxJS代码的解决方案吗?

2 个答案:

答案 0 :(得分:4)

2018年11月更新:

我刚注意到我之前的答案(以及接受的答案)已经无效了。 https://reactive.io网站现在重定向到https://rxjs-dev.firebaseapp.com/并显示:

 ____           _ ____      
|  _ \ __  __  | / ___|    
| |_) |\ \/ /  | \___ \  
|  _ <  >  < |_| |___) |    
|_| \_\/_/\_\___/|____/ 

Open http://stackblitz.com and try this code to get
started experimenting with RxJS:

import { interval } from "rxjs"

import { take } from "rxjs/operators"

const subscription = interval(500).pipe(take(4)).subscribe(console.log)

所以现在Stackblitz是&#34;官员&#34;要走的路。

原帖:

回到ReactiveX documentation后,我在底部看到了确认信息:

  

提示:打开你的DevTools来试验RxJS。

我忘了这只有在您打开开发工具 from the reactivex.io/rxjs page itself 时才可用:

RxJS in Chrome developer tools

答案 1 :(得分:2)

加载网站时加载Rx库,您可以直接访问它reactive.io。这将在那里工作

Rx.Observable.from([1,2,3]);