ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Chrome​REPL

作者： acarabott ST3

Sublime Text 插件，用于在 Google Chrome 中执行 JavaScript

详细信息

  • 1.4.0
  • github.​com
  • github.​com
  • 6 年前
  • 1 小时前
  • 6 年前

安装

  • 总数 3K
  • Win 2K
  • Mac 532
  • Linux 275
2021 年 8 月 6 日 2021 年 8 月 5 日 2021 年 8 月 4 日 2021 年 8 月 3 日 2021 年 8 月 2 日 2021 年 8 月 1 日 2021 年 7 月 31 日 2021 年 7 月 30 日 2021 年 7 月 29 日 2021 年 7 月 28 日 2021 年 7 月 27 日 2021 年 7 月 26 日 2021 年 7 月 25 日 2021 年 7 月 24 日 2021 年 7 月 23 日 2021 年 7 月 22 日 2021 年 7 月 21 日 2021 年 7 月 20 日 2021 年 7 月 19 日 2021 年 7 月 18 日 2021 年 7 月 17 日 2021 年 7 月 16 日 2021 年 7 月 15 日 2021 年 7 月 14 日 2021 年 7 月 13 日 2021 年 7 月 12 日 2021 年 7 月 11 日 2021 年 7 月 10 日 2021 年 7 月 9 日 2021 年 7 月 8 日 2021 年 7 月 7 日 2021 年 7 月 6 日 2021 年 7 月 5 日 2021 年 7 月 4 日 2021 年 7 月 3 日 2021 年 7 月 2 日 2021 年 7 月 1 日 2021 年 6 月 30 日 2021 年 6 月 29 日 2021 年 6 月 28 日 2021 年 6 月 27 日 2021 年 6 月 26 日 2021 年 6 月 25 日 2021 年 6 月 24 日 2021 年 6 月 23 日 2021 年 6 月 22 日
Windows 0 1 0 0 0 0 1 0 0 0 0 0 1 1 1 0 0 0 0 0 0 0 0 0 1 1 0 1 0 0 1 1 0 0 0 0 0 0 0 0 1 0 0 1 0 1
Mac 1 1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源代码
raw.​githubusercontent.​com

ChromeREPL

SublimeText 3 插件，使用 Chrome 作为您的 REPL。

在浏览器中执行 JavaScript。与您的正在运行的网络应用程序交互。尽情编写实时代码！

为什么？

因为 Chrome 不是文本编辑器。任何超过一行的东西都很痛苦，回忆之前输入的内容同样很痛苦。

Screencast

安装

通过 Package Control（推荐！👍👍👍）

或者，将此仓库克隆到您的 Packages 目录中。例如，在 macOS 上为 ~/Library/Application Support/Sublime Text 3/Packages/。如果您这样做，您需要打开命令面板并运行 Package Control: Satisfy Dependencies。

启动 Chrome

Chrome 需要使用特殊的标志（🏳️）启动（--remote-debugging-port）。

别担心，已经提供了命令来帮您完成。

通过打开命令面板（macOS: cmd shift P，win/lin: ctrl shift P）运行它们。

  1. 如果您还没有打开 Chrome，请使用 Chrome REPL: Start Chrome 命令。
  2. 如果 Chrome 已经正在运行，请使用 Chrome REPL: Restart Chrome with remote debugging 命令

*这将退出并重新打开 Chrome，如果您想保留您的标签，请确保您已在 Chrome 的设置中设置了此行为：启动时：继续上次状态。

🚨 安全警告：新用户配置文件 🚨

当 Chrome 重新启动时，它将使用一个新的 Chrome 用户配置文件。这是因为 Chrome DevTools 协议（用于通信）打开用于通信的端口，但是也会暴露您的 Cookie。为了防止您的网络上的人嗅探您的重要 Cookie（例如，网站登录），使用了一个临时的 Chrome 用户配置文件。

使用方法

  1. 如上所述启动/重新启动 Chrome
  2. 运行 Chrome REPL: Connect to Tab 命令
  3. 选择您要连接的标签
  4. 您应该在Chrome开发者工具的控制台看到 "Sublime Text已连接"
  5. 在Sublime Text中使用 Shift Enter 来执行JavaScript代码
    • 如果您没有选择任何内容，它将执行当前行
    • 如果有代码被选中，它将只执行该选择

注意：Sublime Text的每个标签页可以连接到一个Chrome标签页。连接的标签页在Sublime的标签页底部状态栏中显示。

附加命令

  • 清除控制台 Cmd/Ctrl Shift C
  • 重新加载页面 Cmd/Ctrl Shift R
  • 重新加载页面（忽略缓存） Cmd/Ctrl Shift Alt R

设置

  • 📁 Chrome的路径（可以是Chrome、Canary或Chromium）
  • 👀 自动聚焦连接的Chrome标签页（需要Linux上的wmctrl）
  • 🔧 自动为每个新窗口打开开发者工具
  • 🏳️ 附加chrome标志
  • ⌨️ 启用命令行API
  • 🏠 自定义主机名和端口

谢谢

本项目受到了SublimeWebInspector的启发，但目标更为简单，不那么具有观点，因此更容易维护。

本项目使用了稍作修改的PyChromeDevTools和Sublime Goto Window的简化版。

已知问题

此插件依赖于psutil。psutil的最新版本需要Python 3.4。这意味着我们被卡在5.4.1版本上，该版本在macOS上有一个已知问题涉及到僵化进程。如果命令面板中唯有重启Chrome选项，您可能需要重新启动机器以清理问题。

作者

Arthur Carabott - arthurcarabott.com

Buy Me A Coffee