3

Chrome Developers Tool または Firebug で行った変更をファイルに直接保存する方法はありますか?? そのファイルへの読み取り/書き込みアクセス権があると仮定します。

または、同様の方法 (または同様の UI) で変更を更新できる開発ツールはありますか?

4

4 に答える 4

2

Chrome Dev Tools では、変更された CSS および JavaScript ファイルを [ソース] パネルから保存し、それらのファイルに加えられた変更 (差分) を確認できます。

例えば：

  1. ソースパネルで JavaScript または CSS ファイルを開きます。

  2. ソースをクリックします。

  3. 変更を加えます。

  4. Command-S または Ctrl-S を押して変更を保存します。

  5. ソース コード (または [ソース] パネルのソース ツリー) を右クリックし、[ローカルの変更] を選択してバージョン管理を表示します。

  6. 右クリックして [名前を付けて保存...] を選択し、ファイルを保存するディスク上の場所を選択します。以降の保存は、この場所に保存されます。

于 2011-09-15T09:56:11.277 に答える
1

Eclipse/Chrome 用の Java プロジェクトがあります。

http://code.google.com/p/chromedevtools/

これは JavaScript デバッガーのみ (CSS やネットワークなどは表示されません) ですが、Eclipse プロジェクトをセットアップして、同じファイルをデバッグおよび編集 (およびライブ編集) することができます。ソースファイルのセットアップは、現在のバージョンでは少しトリッキーです

http://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles

(次のバージョンはより簡単になることを願っています)。

JSDT、Aptana、またはその他の JavaScript サポートと組み合わせることで、Chrome 用の優れた IDE + デバッガーを実現できます。

于 2011-06-14T13:52:02.893 に答える
1

はい、Firefox では、優れたWeb 開発者アドオンも使用すると...

そのアドオンを使用して、View Source -> View Generated Sourceを選択します。これにより、JS および Firebug で行った手動編集によって変更され
た HTML「ファイル」1の現在の状態が開きます。

ポップアップするウィンドウから、ファイルを「名前を付けて保存」するか、必要に応じてコピーして貼り付けることができます。

この生成されたファイルには多数の Firebug スタイル (簡単に識別できます) がstyle含まれており、JS によって要素に設定された属性が含まれている可能性があることに注意してください。



1残念ながら、リンクされている CSS または JS ファイルへの変更をキャプチャしません。
このため、Firebug を調整するときは、スタイル ルールとコードを HTML の「ファイル」に追加して、CSS と JS を変更するのが好きです。
ページが目的に近い外観/動作になったら、View Generated Sourceを介して変更がスナップショットされ、必要に応じてリンクされたファイルにマージされます。

于 2011-06-14T04:33:11.410 に答える
0

いいえ。編集しているコードは、レンダリングされたクライアント側のコードです。ブラウザを介してサーバー側のコードに影響を与える方法はありません。いずれにせよ、サーバー側の基礎となるファイルが非静的である場合、そのような操作のセマンティクスは実際に崩壊します。

于 2011-06-13T15:35:38.277 に答える