1

Firebug/Chrome DevTools を使用して、JS ファイルのコード行を置き換える方法はありますか。CSSクラスを交換できることは知っています。JSで可能ですか？

たとえば、この行がJSエラーを引き起こしていることはわかっていますが、

if(someVar.length == 10)

だから私はそれと交換したい

if(someVar && someVar.length == 10)

私の意図は、バグ修正を開始する前に、本番サーバーで簡単な修正デモを行うことです。

4

2 に答える 2

1

Chrome DevTools は次の機能をサポートしています: [1] , [2] ; そこではライブ編集と呼ばれます。

于 2013-05-22T15:23:46.370 に答える
0

代替テキスト
(出典: fidelitydesign.net )

Firebug コンソール タブを使用して Javascript を記述できます。プロジェクトに統合する前に、コードのラピッド プロトタイピングをかなり頻繁に使用します。コンソールを使用すると、現在のページのコンテキストで JavaScript が実行されます。したがって、そのページに対して現在定義されているスクリプトは、再定義される可能性があります。たとえば、コンソール ウィンドウでは、次のようにすることができます。

$ = function() { alert("Whoops"); }

...そして、それは$JQuery で使用される関数を再定義します。

変更する Web サイトのソース コードのドキュメント オブジェクト モデル表示ペインに移動します。

ツリー内の任意の行の空白を選択し、ダブルクリックします。

ステップ 1 の後にポップアップするエディタで変数の値を変更します。

静的テキスト、数値、または数式で値を更新します。

静的定数の代わりに含めたいもののコマンド ライン JavaScript 式を記述します。「Enter」を押すと、コマンドラインが評価され、結果が変数に対して表示されます。

Tab キーを押してオート コンプリート機能を使用し、ソース コード内のオブジェクト プロパティを順方向に移動します。すべてのオプションを続けてタブで移動し、"Shift-Tab" を押してコードを逆方向に移動します。

上部の Web サイト ペインに変更をすぐに表示します。Web サイトの表示に満足するまで変更を続けます。

Firerbug を使用して、リアルタイムで JavaScript を作成および実行できます。これは、スクリプトを本番環境にデプロイする前にテストして、スクリプトが適切に機能することを確認するための良い方法です。

Firebug を開いて、示されているようにコードを記述します。入力を押します。すぐにコードの出力が表示されます。

ここに画像の説明を入力

于 2013-05-21T14:47:24.243 に答える