Chrome拡張機能において、JSファイルの文頭でalertするとpopupが表示されない

Chrome拡張機能をJavaScriptで作成中なのですが、scriptの初めにalertをするとpopupが表示されません。

コールバック関数中か、なにかしらの関数を挟んでalertを呼ぶと思ったように動作するのですが、

JavaScript
1alert("hoge");

とだけ記述したscriptではalertが表示されたあとにpopupが表示されず（初めのalertが呼ばれた時点で）終了します。

デバッグをしようとしても、alertが表示されてダイアログを消したあとにDeveloper Toolsが表示されるのでどのような動きになっているのか分かりませんでした。
また、このときDeveloper Toolsが表れるのと同時にpopupは表示されます。

初歩的な質問だと思うのですが、後学のためにこれはどういった理由から起きているのか教えて頂けますでしょうか。
よろしくお願いします。

JSON
1{
2	"name": "jsname",
3	"version":"0.1",
4	"manifest_version":2,
5
6	"description": "My extention",
7
8	"browser_action":{
9		"default_icon" :"icon_19.png",
10		"default_title" :"My json",
11		"default_popup":"popup.html"	
12	}
13}

Html
1<html>
2<head>
3</head>
4<body>
5  <script type="text/javascript" src="myscript.js"></script>
6</body>
7</html>

行動規範の内容に同意します

回答1件

ベストアンサー

原因はわかりませんが、popupないのwindowオブジェクトの初期化が終わる前にalertが呼ばれるためうまく行かないのではないでしょうか？

スクリプトのデバッグにはconsole.log()等が便利です。

参考: [JavaScript]使い分けるだけで今すぐデバッグ効率を上げる、consoleオブジェクトの関数

投稿2015/09/18 12:23

退会済みユーザー

総合スコア0

defunty

2015/09/18 16:40

alertのデバッグはあまりよろしくないのですね。 window.onloadで初期化まで待とうと試みましたが window.onload is not a function とエラーが出て上手くいきませんでした（使い方が間違っているだけでしょうが…）。まだまだ参考先のデバッグ方法を使い分けるまでにはいきませんが、頭に入れておきたいと思います。迅速なご回答ありがとうございました。

行動規範の内容に同意します