在 Google Chrome 开发者工具中获得功能齐全的终端
几乎每个 Web 开发人员或设计人员都熟悉 Google Chrome 的开发人员工具,使用它可以轻松地基于浏览器调试、调整和调整网页和 Web 应用程序。那些使用 Web 浏览器和文本编辑器的人都知道 DevTools 有多么有用,并且在第三方 Chrome 扩展的帮助下,您可以通过将终端添加到现有的开发工具阵列来使 Chrome 成为更好的开发工具。是的,像 Terminal.app 这样的终端,无需离开 Chrome 浏览器即可超快速地命令行调整和调整。 p>
对于 Mac 用户来说,在 Chrome 开发者工具中安装 Terminal 非常简单,只需下载一个免费的 Chrome 扩展程序即可:
在他们的开发机器上没有运行 OS X 但仍想在他们的 Chrome 浏览器中安装终端的用户可以按照使用 node.js 在开发者页面上。它仍然非常简单,只是不像添加 Chrome 扩展程序那样的一键安装。
安装后,从开发人员工具访问终端与调整页面元素、查看错误控制台或查看页面源代码没有太大区别,只需选择新的可访问终端选项卡即可。
- 右键单击网页上的任意位置并选择“检查元素”,然后选择“终端”选项卡
- 或使用键盘快捷键:Control+Shift+i 调用开发工具,然后选择“终端”选项卡
下面插件开发人员的动画 GIF 演示了简单的用法:
是的,这是一个功能齐全的终端,您可以跟踪日志,curl headers,使用 nano 或 vi 编辑代码,更新包,重新编译一些东西,看星球大战和玩俄罗斯方块,无论您的开发工作需要什么特殊的命令行魔法。
重要安全提示:从 DevTools 终端使用和访问的所有数据均以纯文本形式传输。因此,如果您计划在生产环境中使用它,对于 ssh、sftp、mysql 或以任何方式传输密码或任何敏感数据,始终使用 https。根据开发人员的说法,密码未存储在客户端中,但您仍需要采取适当的安全预防措施以避免发送任何重要信息。