私はjQuery、jQuery mobile(およびPhoneGapですが、それは関係ありません)を使用してモバイルアプリを開発しています。page1.html と page2.html の 2 つの HTML ページがあるとします。page1.html から $.mobile.changePage() を使用して page2.html をロードしています。page2.html のページ div (つまり、data-role="page" を持つ div) には、page2 に固有の JavaScript コードが含まれており、これも page2.html で読み込まれます。page2.html のコードは次のようになります。
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
</head>
<body>
<div id="conf-page" data-role="page">
<script type="text/javascript" charset="utf-8">
<!-- MY SCRIPT HERE ----->
</script>
<div data-role="header" style="height: 45px">
ここで、page2.html の JavaScript コードのどこかを壊したいと考えています。当分の間、Firefox (16.0.2) と Firebug を使用して開発とデバッグを行っています。page2.html が読み込まれると、firebug スクリプト リストの 2 つの場所に page2.html の JS コードが表示されます。
- jQuery.min.js/eval/MD5/ で
- jQuery.min.js/eval/seq/<#> で
コードのどこかにブレークポイントを配置すると、上記の(1)のコードに適用されますが、page2.html が読み込まれたときにヒットすることはありません。
ブレークポイントを設定して、page2.html の JS コードのどこかでブレークするにはどうすればよいですか? Web 上で関連するものを見つけることができなかったので、これはかなり一般的な要件であるに違いないため、何かが欠けているに違いないと思います。