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

Anonim

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

对于 Mac 用户来说,在 Chrome 开发者工具中安装 Terminal 非常简单,只需下载一个免费的 Chrome 扩展程序即可:

在此处获取DevTools的终端

未在其开发计算机上运行 OS X 但仍想在其 Chrome 浏览器中安装终端的用户可以按照此处开发人员页面上使用 node.js 的说明手动安装。它仍然很容易,只是不是添加 Chrome 扩展程序所附带的一键安装。

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

  • 右键单击网页上的任意位置并选择“检查元素”,然后选择“终端”选项卡
  • 或者使用键盘快捷键:Control+Shift+i调出Dev Tools,然后选择Terminal标签

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

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

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

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