firebugでブレークポイントを設置しても、スタートボタンがグレイアウトのまま

firebugでブレークポイントを設置しても、スタートボタンがグレイアウトのままで、デバッグができません。なにか設定するところがありましたら、教えてください。（スクリプトタブを見ています。）

また、外部jsをテストしたい場合（というかこれが推奨だと思いますが）は、ブラウザ上のURLいれるとこからjsファイルを指定する方法しかないでしょうか。htmlファイル側の挙動を確認しながらデバッグしたいのですが。

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

回答2件

HTMLファイルから外部のJavaScriptファイルはどのようにして参照していますか？ <script>を使ってsrc属性で呼んでいますか？

投稿2015/03/30 23:37

chokojori

総合スコア971

imamoto_browser

2015/03/31 10:47

今確認すると、該当のソースをどこに置いたか忘れてしまったのですが、下記ソース（j.html)についてはhtmlファイルに直接javascriptを書いているにもかかわらず、ブレークポイントのスタートボタンにシャドウがかかっている状態です。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $.getJSON("p.php", function(json){ alert("Hello " + json.str); }); </script> また、外部ファイルに書いているものについてはjavascriptがありませんとfirebug側で言われてしまうソースもあります。下記です。 ■table.html <html lang="ja"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="sort.js"</script> /*<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js" */ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> </head> <body> <table> <thead> <tr> <th>点数</th> </tr> </thead> <tbody> <tr> <td>32</td> </tr> <tr> <td>4</td> </tr> <tr> <td>23</td> </tr> </tbody> </table> </body> </html> ■sort.js $function(){ //並び替え順を設定 var sortOrder = 1; // 1:昇順, -1:降順 //列をクリックしたら $('.dothesort').click(function(){ // 行全体を取得 var $rows = $('tbody>tr'); // 行を並び替え(並び替え) $rows.sort(function(a,b) { var _a = $(a).find('td').text() * 1; var _b = $(b).find('td').text() * 1; return _a - _b; }); // tbodyを並び替えされた行全体で入れ替え $('tbody').empty().append($rows); sortOrder *= -1; }); } 修正箇所をよろしければ教えてください。

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