在 Google Chrome 开发者工具中获得功能齐全的终端

几乎每个 Web 开发人员或设计人员都熟悉 Google Chrome 的开发人员工具,使用它可以轻松地基于浏览器调试、调整和调整网页和 Web 应用程序。那些使用 Web 浏览器和文本编辑器的人都知道 DevTools 有多么有用,并且在第三方 Chrome 扩展的帮助下,您可以通过将终端添加到现有的开发工具阵列来使 Chrome 成为更好的开发工具。是的,像 Terminal.app 这样的终端,无需离开 Chrome 浏览器即可超快速地命令行调整和调整。 Google Chrome 开发者工具中的终端
对于 Mac 用户来说,在 Chrome 开发者工具中安装 Terminal 非常简单,只需下载一个免费的 Chrome 扩展程序即可:

在他们的开发机器上没有运行 OS X 但仍想在他们的 Chrome 浏览器中安装终端的用户可以按照使用 node.js 在开发者页面上。它仍然非常简单,只是不像添加 Chrome 扩展程序那样的一键安装。

安装后,从开发人员工具访问终端与调整页面元素、查看错误控制台或查看页面源代码没有太大区别,只需选择新的可访问终端选项卡即可。

  • 右键单击网页上的任意位置并选择“检查元素”,然后选择“终端”选项卡
  • 或使用键盘快捷键:Control+Shift+i 调用开发工具,然后选择“终端”选项卡

下面插件开发人员的动画 GIF 演示了简单的用法:

Google Chrome 开发者工具中的终端

是的,这是一个功能齐全的终端,您可以跟踪日志,curl headers,使用 nano 或 vi 编辑代码,更新包,重新编译一些东西,看星球大战和玩俄罗斯方块,无论您的开发工作需要什么特殊的命令行魔法

重要安全提示:从 DevTools 终端使用和访问的所有数据均以纯文本形式传输。因此,如果您计划在生产环境中使用它,对于 ssh、sftp、mysql 或以任何方式传输密码或任何敏感数据,始终使用 https。根据开发人员的说法,密码未存储在客户端中,但您仍需要采取适当的安全预防措施以避免发送任何重要信息。