0

firebug を使用して magento テーマを編集しています。特定の要素で、編集したい element.style 属性を取得しています。どの JS ファイルを編集する必要があるかを知るにはどうすればよいでしょうか。

4

3 に答える 3

1

JavaScript を介して要素を操作する場合は、Firebug のコンソール機能を使用できます。コンソールに移動し、有効化をクリックすると、そこから JavaScript のようにコードの入力を開始できます。

たとえば、特定の要素の z-index プロパティを確認したい場合は、コンソールに JavaScript を入力するだけです。

document.getElementById("idOfElement").style.z-index

Enterキーを押すと、それが表示されます。エラーがある場合は、javascript ファイルにもエラーが表示されます。

z-index プロパティでこの変更をコミットしているものの Javascript ファイルを探していて、それが Javascript によるものであると 100% 確信している場合は、[スクリプト] タブにもある Firebug のデバッガーを使用できます。複数の JavaScript ファイルを扱っている場合、原因となっている JS ファイルをどのようにふるいにかけることができるか完全にはわかりません。自分で掘り下げる必要があると思います。デバッガーを使用すると、JS ファイルをステップ実行して、どのような変更が行われているかを段階的に確認できます。

慣れていない場合は、デバッガーの使用方法に関するチュートリアルを次に示します。お役に立てれば。

于 2012-08-23T07:17:55.953 に答える
0

firebugについてはわかりませんが、

ただし、Linux を使用している場合は、このコマンドを試すことができます。

grep "element.style" -Rn .

于 2012-08-23T06:47:42.967 に答える
0

スタイルを変更しますか、それとも他のものを変更しますか。特定の要素のスタイルを変更したい場合は、手順に従ってください

  1. F12
  2. 検査ツールを選択
  3. 変更したい要素をクリックします
  4. FireBug ウィンドウで右を見て、スタイル タブが選択されていることを確認します。
  5. 特定のプロパティの値をシングルクリックするだけ

解決策が見つからない場合は、問題のビットを明確に特定してください。

于 2012-08-23T06:47:49.253 に答える