2010-12-15 13 views
3

DreamweaverなどのHTML5デバッガやJavaScript(JSLintなど)、CSSデバッガ(Firebugなど)のバリエーションがありますが、HTML5、 JS、CSS?それは無料ですか?HTML5、JavaScript、およびCSSのデバッガは1つだけですか?

+4

としてあなたはその質問を言い換えよいでしょう:「私のHTML5、JavaScriptとCSSのプロジェクトのためのJavaScriptとCSSデバッガが含まれている統合開発環境(IDE)がありますか?」 – Arafangion

答えて

2

このようなものについては、私はちょうどあなたがその方法を振る場合は、Chromeの内蔵ツール、またはFirefoxのFirebugを使用します。これはJSとCSSのデバッグには非常に便利ですが、HTML5についてはわかりません。

10

彼らはすべて、あなたがJSをデバッグしましょうCSSとHTMLを調べ、そしてそれらはすべて無料です。

通常はfirefoxを使用して実装されているため、Webkit/IEの問題がある場合はIDEのビルトインデバッガより優先します。多分、ある日、IDEは、あなたがコードを編集するためだけにIDEを使用するまで、どんなブラウザでもデバッグできるようになります。うん、私は知っている、ほぼ統合されていないが、それは私たちが今持っているすべてです。

0

あなたは、JetBrainsのWebStormが好きかもしれません。無料ではありませんが、料金は名目上です。

+0

私はWebStorm(PHPStorm actuall)が大好きですが、HTMLやCSSのデバッグは実際にはありません。 FFを使ってデバッグしますが、配置された場所と1対1で一致しないため、ソースコードを理解できませんでした。 –

0

Microsoft Visual Web Developer Expressは、この機能のすべてに役立ち、無料です。あなただけの右クリックすることができますGoogle Chromeで

0

、要素を検査し、その後

0

をクリックして、私はただあなただけでマウスを動かすことで、あなたのHTML/CSSレイアウトを視覚化することを可能にするツールをリリースしました。それはすべてではありませんが、レイアウトの問題を表示するのは簡単です。

HTML Box Visualizer - GitHub

関連する問題