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


10

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

ツール: FirefoxFirebug


主要な更新: FireFoxタブでフォワード/バック/リフレッシュをロックする方法を知っている場合は、私に知らせてください。それ以外の場合は、CSSのIDEとしてFireBug / FireDiffを使用することをあきらめましたが、いいですが、笑...間違ったときにバックスペースを押すと、すべての作業が消えてしまいます...面白いです。つまり、FirebugでブラウザがCSS / HTMLを強調表示するのが本当に好きです。これを行う優れたCSSエディタを知っていますか?FireBugが機能することを本当に望んでいましたが、今のところは、その場限りの検査とテストに適していると見なしています。それが目的のためにそれを使用することを意味します。


更新:

@Lèsemajesté:ちょうどアップデートとして、 " Web Developer add-on "ではCSSを編集できますが、Firebugによって加えられたCSSの変更を編集/保存することはできません。IDにFirebugを使用し、変更をテストする可能性がありますが、Firebugからの変更を保存することはできません。これらを一緒に使用する方法をカバーする「方法」は次のとおりです:FF + FB + WD

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

回答:


10

呼ばれるプラグインFirebugの実際にありFireDiffスタイルをエクスポートし、DOMを変更することができます。

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

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

その他の解決策については、StackOverflowの質問をご覧ください。


@Lèsemajesté: Web Developerアドオンを使用してFirebug CSSを編集する方法については、上記のコメントをご覧ください。
失敗

2

Firebugが変更をログに記録しないと確信しているので、これを行うには少し工夫する必要があります。HTML / CSSをコピーして、txtファイルに貼り付けることができます。次に、比較ソフトウェアを使用して、行った変更を識別できます。テキストエディタのIの使用はに建てられ、この機能を持っているが、私は確信して利用可能なオプションがたくさんあるんです。


2

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

実装に関しては、[保存]をクリックすると、サーバー側のコードに変更のリストを含む投稿が送信されます。Backfireをダウンロードすると、CSSファイルに変更を保存する方法を示す実装例が表示されます。これは、元のCSSファイルの構造を維持しながら、複数のファイル間および(Firefoxでは)省略CSSルールなどで機能します。


(+1)よろしくお願いします。どのようにコードにフックしますか?フラットファイルで動作するだけですか、またはカスタムコードを記述せずにバージョン管理システムと通信するように設定できますか?また、サーバーのバックグラウンドでdot.NETを実行している必要があることもわかりますね。
2010年

@blundersオープンソースなので、自分でどのように機能するかを確認できます。基本的には、json形式でサーバーに変更のリストを送信し、そのデータは正規表現を使用して解析され、cssファイルの元の行と照合されます。次に、CSSファイルが新しいデータで更新されます。実装例は.NETですが、非常に簡単なため、どのプログラマーもPHPや類似のもので同様の実装を簡単に作成できます。
Rahul、2010年

2

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.