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

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

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

テストに使用した環境

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

項目	バージョン
OS	Ubuntu 15.10 64bit
Visual Studio Code	0.10.8
Chromium	48.0.2564.116
Opera	35.0.2066.92
Vivaldi	1.0.344.37 (Beta 2)

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

テストに使用したファイルは、前回用意したファイルです。
「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」起動後、接続が切断されデバッグが終了します。

Visual Studio Code

スポンサー

コメントポリシー

コメントをする前に UbuntuのCode of Conduct（CoC/行動規範）を確認し、CoCに沿ったコメントをお願いします。

コメントの使い方は、コメントの使い方を参照してください。

同一カテゴリーの記事