1

表示される基本データをさまざまな方法で解釈できるページを生成しようとしています。したがって、データ形式と、データからHTMLを生成するためのいくつかの異なるJSスクリプトがあります。各スクリプトにはBuildView、データを入力して解析し、document.writeHTMLの出力に使用するという関数が含まれています。サーバーサイドスクリプトは、適切なデータと適切なビューのスクリプトインクルードをページに挿入します。かなり簡単ですよね？

ページに何も表示されないことを除いて。そこで、Firebugでデバッグしてみることにしました。ページの基本構造は次のとおりです。

<!DOCTYPE blah blah blah>
<html>
<head>blah blah blah</head>
<body>
<script type="text/javascript" src="/view.js"></script>
<div id='main-page'>
  <h1 align="center">TITLE</h1>

  <p align="left"><strong>Data: </strong>
    <div id="data-view">
      <script type="text/javascript">
        BuildView('data from server');
      </script>
    </div>
  </p>
</div>
</body></html>

data-viewdiv内には何も表示されません。Firebugをロードし、スクリプトタブに切り替え、の呼び出しにブレークポイントを設定しBuildView、ページをリロードしました。それはブレークポイントで停止し、スクリプトF11内で自分自身を見つけて周りを見回し、何が起こっているのかを確認することを期待して、（Step Into）を押しました。BuildView代わりに...私は何も得られませんでした。それはちょうどそれをまたいで、ページのレンダリングを終えました。エラーは報告されませんが、実際には何も発生していません。

わからない場合は、Firebugを使用したことがありません。私は何が欠けていますか？スクリプトデバッガーに実際にこのスクリプトをデバッグさせるにはどうすればよいですか？

4

2 に答える 2

1
  1. スクリプトが実際にロードされていることを確認してください。
  2. console.log()またはを関数に入れて、alert()実際に起動していることを確認します。
  3. <script></script>div内のタグは、</body>タグの最後に移動します。
  4. コンソールから実行BuildView()して、ページが読み込まれた後に機能するかどうかを確認してください。

それらがどうなるか教えてください。

于 2012-04-04T17:02:04.767 に答える
1

GoogleChromeのデバッガーを試してください。Firebugには、動的にロードされたファイルの表示に問題があります。

もう1つ試してみるのは、評価スクリプトも表示するようにfirebugを設定することです。再生/一時停止ボタンのすぐ隣のボタンから

ここに画像の説明を入力してください

于 2012-04-04T17:21:12.433 に答える