More than 5 years have passed since last update.

Chrome拡張のポップアップ側のスクリプトによるconsole.logの出力を見る

Last updated at 2018-06-09Posted at 2018-06-09

なんの話？

ポップアップ側の領域のスクリプトによる出力は、普通にブラウザでChromeの開発者ツール開いてコンソールを見てもログが出ない。

ポップアップ側で開発者ツールを開かないといけない。

以下のChrome拡張があるとする。

{
  "browser_action": {
    "default_popup": "popup.html"
  }
}

（色々省略）

<html>
<head>
    <title>test</title>
</head>
<body>
    <button id="test">test</button>
</body>
<script src="popup.js"></script>
</html>

function test() {
    console.log("これを見たい");
}

document.getElementById('test').addEventListener('click', test);

ポップアップ開いて右クリックして「検証」で別途開発者ツールが開くので、そっち側で出力がみれる。