Chrome 黑科技，如何在 Chrome DevTools 中運行終端

先來看一張最終效果圖：

具體步驟

1. 打開 Chrome DevTools 的實驗功能：用 Chrome 打開 chrome://flags/#enable-devtools-experiments（選擇開啓，而後重啓瀏覽器）；

2. 打開 Chrome DevTools，按 F1 鍵，選擇左側的 Experiments 標籤，而後連續按 7 下 shift 鍵，在顯示出的實驗功能中勾選 Terminal in drawer；

3. 而後從右上角的菜單中選擇 Terminal，以下：
   

4. 若是提示 Terminal service is not available 請按下面的步驟繼續進行。

5. 安裝 devtools-backend 工具（須要 node 5.10.0 及以上版本），並運行 devtools-backend 命令。

   npm i -g devtools-backend
   devtools-backend

6. 退出 Chrome，而後在命令行中運行如下命令（Windows 中要修改成 Chrome 的具體路徑）打開 Chrome。

   /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --devtools-flags='service-backend=ws://localhost:9022/endpoint'

7. 再次打開 DevTools 的 Terminal，就會看到效果了。

注：默認打開的是 bash，若是安裝了 zsh 的話，能夠在 Terminal 中運行 zsh 進行切換。還等什麼，趕快來體驗一下吧。

參考：

• Browser Terminals