2

私には<input type="hidden">があります。私はそれが価値の変化であるかどうかを知る必要があります。私は多くのJavaScriptファイルの価値を変更している。オブジェクト値が変更されたときにWebブラウザでデバッガを停止する

値が変更された場所に移動してdebuggerステートメントを追加するだけでも、時間がかかります。私はObject.watch()について学んだが、の後にはの値が変更された後にと表示したいと思っていたが、はのときはではない。

Webブラウザで行番号とJavaScriptファイル名を出力したり、デバッガを停止したりする方法はありますか?

+2

'Object.watch'はカスタムFirefox APIです。とにかくInternet Explorerはこれをサポートしていません。 –

+0

隠し要素には通常、フォームのサブミットハンドラに値が設定されます。デバッグ・タブで「.value =」を検索するか、DOM Explorerを使用して、valueに値が「いくらかの隠し値」属性があるかどうかを調べることができます。 –

答えて

2

DOM変更ブレークポイントが戻ってきました。

  1. DevToolsのパネル。
  2. HTMLペインで要素を検索します。
  3. 要素を右クリックします。
  4. 選択ブレイクオン>アトリビュートの変更

あなたも要素の値に変更を表示する必要がある場合は、その要素の親を右クリックして、サブツリー修正を選択します。

1

次のコードは、(DEVツールまたはビュー)キャッチすることができます(スタックトレースを持つ)Cannot assign to read only property..エラーがスローされます。

'use strict'; 
var o = {a: 29}; 
throwOnChange(o, 'a'); 

// as much code as you like here.. 

o.a++; // this will throw an error 

function throwOnChange(obj, prop) { 
    Object.defineProperty(obj, prop, { 
    value: obj[prop], 
    writable: false 
    }); 
} 

ちょうど同様に自分のinput.valueにそれを使用しています。しかし

2つのノート:それを動作させるために

  1. あなたは'use strict'、それ以外の場合は、単に割り当てを無視しなければなりません。
  2. Object.defineProperty()

は、この情報がお役に立てば幸いです参照してください。

関連する問題