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

Pac*_*ac0 4 javascript google-chrome-devtools rxjs firefox-developer-tools

我想快速测试一些可观察的相关功能。在我的Chrome开发人员工具(或Firefox)中,没关系。

在我看来,几天前我能够简单地执行如下代码:

var test$ = Rx.Observable.from([1,2,3]);
Run Code Online (Sandbox Code Playgroud)

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


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

未被捕获的ReferenceError:未定义Rx

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

未捕获的ReferenceError:未定义Observable


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

Pac*_*ac0 5

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)
Run Code Online (Sandbox Code Playgroud)

因此,现在Stackblitz是“正式”的发展之路。

原始帖子:

回到ReactiveX文档之后,通过查看底部的信息,我得到了确认:

提示:打开您的DevTools以尝试RxJS。

我只是忘记了,仅当您从reactx.io/rxjs页面本身打开开发工具时,此功能才可用:

Chrome开发人员工具中的RxJS