5+用于Javascript和jQuery的最佳终端(控制台)模拟器插件

本文概述

• 5. Javascript Sandbox Console
• 4. JSConsole
• 3. jQuery Console
• 2. Terminal.js
• 1. jQuery Terminal
• Ptty

当你想直接从浏览器中实现Shell模拟器以在服务器中执行真正的bash命令或仅使用Javascript执行某些本地操作时, 针对项目的已构建终端(控制台)组件将非常有用。

以下集合包含5个最不重要且最易于使用的控制台模拟器插件。

5. Javascript Sandbox Console

Github

js沙箱控制台是一个javascript游乐场, 旨在增强javascript库, 插件和脚本的演示和主页, 从而为访问者提供一种简便而轻松的方式来测试功能。

特征

• 上/下命令历史记录(如终端), 具有localStorage的保存/持久性。
• 使用脚本加载器评估隐藏的<iframe>内所有命令的选项(阻止对全局窗口范围的访问), 以注入你选择的库。
• 基本语法突出显示错误和变量类型。
• 特殊命令(例如：help, ：clear和：load)。
• 适用于任何容器, 并且完全可嵌入。
• 易于设置, 使用直观。

4. JSConsole

Github

JSConsole是一个JavaScript Web控制台, 可用于快速实验, 调试, 演示(用于实时编码)和研讨会。

• 使用” listen”命令进行远程设备调试(更多信息)。
• 可调整大小的字体(是的, 这是Firebug在研讨会上的最大问题)。
• WebKit桌面浏览器中的自动完成功能。
• Shift +向上/向下键可用于更大的控制台。
• 保存历史记录(基于会话)。
• 添加对在DOM中加载的支持(YQL-再次感谢你)。
• 永久链接到个人处决。

3. jQuery Console

Github

终端仿真器, 用于使用jQuery用JavaScript编写命令控制台。最知名的功能之间：

• 允许自动对焦终端, 而不必单击终端。
• 当按下Tab键时, 处理命令完成。它返回字符串完成后缀的列表。
• 自定义提示标签。
• 确定是否允许插入字符。 charInsertTrigger(char, line)被调用。

2. Terminal.js

Github

terminal.js是一个用于模拟Shell环境的简单JavaScript库。该插件具有非常简单但功能强大的API, 即要求用户输入并使用switch语句等对其进行操作。在移动设备中效果很好。

1. jQuery Terminal

Github

JQuery Terminal Emulator是用于在你的应用程序中创建命令行解释器的插件。当用户键入命令时, 它可以自动调用JSON-RPC服务；或者你可以为对象提供方法, 每个方法将在用户命令上调用。对象可以具有嵌套对象, 这将创建嵌套解释器。

你还可以使用一个函数, 在其中可以自己解析用户命令。如果你想为高级用户提供其他功能, 这是理想的选择。它也可以用作调试工具。

• 你可以使用一行代码为JSON-RPC服务创建解释器。
• 支持身份验证(你可以在用户输入登录名和密码时提供功能, 或者如果你使用JSON-RPC, 它可以自动在服务器上调用登录功能并将令牌传递给所有功能)
• 解释器堆栈-你可以创建触发其他解释器的命令(例如, 你可以使用几个JSON-RPC服务并在用户键入命令时运行它们)
• 命令树-你可以使用嵌套对象, 如果值是一个对象, 则每个命令都会调用一个函数, 它将创建新的解释器并将该对象中的函数用作命令。你可以根据需要使用尽可能多的嵌套命令。如果值是字符串, 它将创建JSON-RPC服务。
• 用TAB键完成制表符。
• 支持命令行历史记录(如果可能, 则使用本地存储或cookie)。
• 从bash包括键盘快捷键, 例如CTRL + A, CTRL + D, CTRL + E等。
• 一页上的多个终端(每个终端可以有不同的命令, 它具有自己的验证功能和命令历史)-你可以使用CTRL + TAB在它们之间进行切换。
• 它捕获所有异常并在终端中显示错误消息(如果它们在解释器功能中, 则可以在终端中查看javascript和php代码中的错误)。
• 在回显功能内支持基本文本格式(颜色, 背景, 下划线, 粗体, 斜体)。
• 你可以创建和覆盖现有的键盘快捷键。

Ptty

Github |全屏演示

Ptty是一个jQuery插件, 可创建可扩展的终端模拟器。它很小, 速度很快, 并且可以通过添加命令和回调进行完全自定义。它最初是由Venkatakirshnan Ganesh基于Wterm编写的, 但经过修改后包含了许多新功能。功能列表包括(但不限于), 功能强大且抽象的方法集以及用于操作终端并执行自定义回调或添加行为的JSON响应模式。

XTermJS

Github

Xterm.js是用TypeScript编写的前端组件, 它使应用程序可以将功能齐全的终端带给浏览器中的用户。 VS Code, Hyper和Theia等热门项目都使用了它。该插件功能：

• 终端应用程序可以正常工作：Xterm.js可与大多数终端应用程序一起使用, 例如bash, vim和tmux, 其中包括对基于curses的应用程序的支持以及对鼠标事件的支持
• 性能：Xterm.js速度非常快, 甚至包括GPU加速的渲染器
• 丰富的unicode支持：支持CJK, 表情符号和IME
• 自包含：需要零依赖关系才能工作
• 无障碍：可以使用screenReaderMode选项打开屏幕阅读器支持
• 等等：链接, 主题, 插件, 文档齐全的API等。

如果你知道另一个很棒的控制台(终端)组件, 请不要害羞, 并在评论框中与社区共享。玩得开心 ！