web-dev-qa-db-ja.com

Firebugで行った変更をどのように保存/エクスポートしますか？

Firebugを使用してCSSを編集する場合、CSSに加えられた変更を保存/エクスポートするにはどうすればよいですか？

TOOLS：Firefox 、 Firebug

メジャーアップデート：FireFoxタブでフォワード/バック/リフレッシュをロックする方法を知っているなら、私に知らせてください。それ以外の場合、FireBug/FireDiffをCSSのIDEとして使用することをあきらめました。それは素晴らしいですが、笑...間違ったタイミングでバックスペースを押してください。したがって、FirebugでCSS/HTMLを強調表示するブラウザーが本当に好きです。これを行う優れたCSSエディターを知っていますか？ FireBugが機能することを本当に望んでいましたが、現時点では、アドホックな検査とテストに適しているとのみ考えています。目的のために使用することを意味します。

更新：

@Lèsemajesté：更新と同じように、「 Web Developer add-on 」ではCSSを編集できますが、 FirebugによるCSSの変更を編集/保存させないでください。 Firebugを使用してIDを識別し、変更をテストすることもありますが、Firebugからの変更を保存することはできません。これらを一緒に使用する方法をカバーする「方法」を次に示します。 FF + FB + WD

@Lèsemajesté：それでも FireDiff で遊んでいます。それは大丈夫、すでに1つのバグを見つけました（私はそれを回避しているだけですが）、見つけることができた「方法」はありませんので、私はすべての機能を試してクリックして...（たとえば、diffをエクスポートするには、リストの最後の項目を右クリックして、「Save Diff」として選択する必要があります。「。diff」は単なるテキストファイルであり、この時点でextが.diffである理由はわかりません。 。

csswebsite-designhtmlbrowserstext-editor
10
blunders

実際には、スタイルとDOMの変更をエクスポートできる FireDiff というFireBugプラグインがあります。

または、 Web Developerアドオン を使用してCSSを保存することもできます。

最後に、FireBugは Fireclipse を使用してEclipseにリンクでき、そこからCSSを保存できます。

このStackOverflowの質問 を参照してください。

10
Lèse majesté

Firebugは変更をログに記録しないので、これを行うには少しクリエイティブを作成する必要があります。 HTML/CSSをコピーして、txtファイルに貼り付けることができます。次に、比較ソフトウェアを使用して、行った変更を識別できます。 私が使用するテキストエディター にはこの機能が組み込まれていますが、使用可能なオプションは十分にあると確信しています。

2
John Conde

CssUpdaterを使用します（「firebugの変更を保存する方法」をグーグルで検索するときの最初の実際のヒット）。これにより、FireBugからワンクリックするだけで、FireBugの変更を（FTPをサポートしていても）保存できます。詳細は http://cssUpdater.com

2
Jhonte

探しているのは、 Backfire 、クライアント/サーバースクリプト（現在はjavascript/C＃）です。 Firebugを必要とせず（Firebugのアドオンではありません）、FirefoxとWebkitベースのブラウザーの両方で動作します。 Backfireを使用すると、ページの状態を自由に変更でき（Firebugは素晴らしい方法です）、[保存]ボタンをクリックして変更をサーバーに保存します。

実装に関しては、保存をクリックすると、サーバー側コードは変更のリストを含む投稿を受け取ります。Backfireをダウンロードすると、CSSファイルに変更を保存する方法を示す実装例が表示されます。元のCSSファイルの構造を維持しながら、複数のファイル間で（Firefoxで）簡易CSSルールなどで機能します。

2
Rahul