質問編集履歴

1 追記

navca

navca score 44

2019/06/16 15:24  投稿

Chrome拡張 popupやevent pageのデバッグ
popupやevent pageでデバッグがしたいです。
思いつく方法は```chrome.tabs.executeScript```とContent Scriptsへのメッセージパッシングですが、```chrome.tabs.executeScript```は変数が埋め込めません。
```
//error
chrome.tabs.executeScript(tabid, {detail : 'console.log(`${value}`)'})
```
メッセージパッシングは現在はまっている状況のために送ることができません。
```ここに言語を入力
chrome.windows.create({url : urls[0], focused : true, top : 0, left : 600}, function(win){
           let winID = storage.getItem('windowID')
           winID = JSON.parse(winID);
           winID['second'] = win.id;
           storage.setItem('windowID', JSON.stringify(winID));
           let tid;
           let id = setInterval(x => tid = x ? x:null, 1000, win.tabs[0].id)
           //Content Scriptsのchrome.runtime.onMessage.addListenerが動かないため、tidにちゃんと値が入っているか見たい
           //これができたとしても手軽な方法があればそちらでやりたいです。
           chrome.tabs.sendMessage(tid, {"run":true})
           clearInterval(id)
       })
```
よろしくお願いします。
よろしくお願いします。
追記:
popupのデバッグのやり方を見つけました。
[https://tweeeety.hateblo.jp/entry/2015/03/04/231354](https://tweeeety.hateblo.jp/entry/2015/03/04/231354)
しかしポップアップを検証を押してpopup.htmlに書いたフォームに入力して、ボタン押すとそのウィンドウがすぐに閉じてしまいます。
[https://stackoverflow.com/questions/25396102/inspect-popup-for-chrome-extension-immediately-closes](https://stackoverflow.com/questions/25396102/inspect-popup-for-chrome-extension-immediately-closes)
↑も同じ状況の様ですが、chromeを閉じてもできませんでした。なにかご存知でしたらよろしくお願いします。
  • Chrome

    1679 questions

    Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る