LoginSignup
5

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-06-09

なんの話?

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

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

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

manifest.json

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

(色々省略)

popup.html

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

popup.js

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

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

ポップアップ側の開発者ツールを開く

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

スクリーンショット 2018-06-09 17.15.07.png

参考

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5