Visual Studio Code その5 - ChromiumやChromiumベースのブラウザーでデバッグできるか

ChromiumやChromiumベースのブラウザーでデバッグできるか

  「Google Chrome」のベースとなる「Chromium」でデバッグできるか試してみました。
  また「Chromium」でデバッグできる場合、他の「Chromium」ベースのブラウザーでもデバッグできるか試してみました。

  テストに使用した環境

    テストに使用した環境です。

  テストに使用したファイル

    テストに使用したファイルは、前回用意したファイルです。
    「launch.json」のみ、使用するブラウザーに合わせて記述を変更しています。

Chromium

  「Chromium」でデバッグできました。

  launch.json

{
  "version": "0.1.0",
  "configurations": [
    {
      "name": "Launch index.html",
      "type": "chrome",
      "request": "launch",
      "file": "index.html",
      "runtimeExecutable":"/usr/bin/chromium-browser"
    }
  ]
}

  デバッグ中の画面

    ブレークポイントで停止している状態です。
  

Opera

  「Opera」でデバッグできました。

  launch.json

{
  "version": "0.1.0",
  "configurations": [
    {
      "name": "Launch index.html",
      "type": "chrome",
      "request": "launch",
      "file": "index.html",
      "runtimeExecutable":"/usr/bin/opera"
    }
  ]
}

  デバッグ中の画面

    ブレークポイントで停止している状態です。

Vivaldi

  「Vivaldi」では、デバッグできませんでした。

  launch.json

{
  "version": "0.1.0",
  "configurations": [
    {
      "name": "Launch index.html",
      "type": "chrome",
      "request": "launch",
      "file": "index.html",
      "runtimeExecutable":"/usr/bin/vivaldi"
    }
  ]
}

  デバッグ開始直後の画面

    「Vivaldi」起動後、接続が切断されデバッグが終了します。