Web開発者向けの最高のFirefoxQuantumアドオンの5つ

パフォーマンスがGoogleChromeと同等に向上した後、Firefox Quantumがリリースされたことをきっかけに、ここ数か月でFirefoxに切り替えるWeb開発者が増えています。

Firefoxは、CSSグリッドインスペクターなどの革新的な機能を備えた適切なツールをデフォルトで開発者に提供しますが、アドオンエコシステムを通じてブラウザーにさらにエキサイティングな機能を追加することも可能です。

そのことを念頭に置いて、FirefoxをWeb開発に使用する場合に試すべき拡張機能をいくつか紹介します。

1。互換性レポート

Compat Reportは、WebサイトまたはWebアプリケーションを開発するときに潜在的なブラウザーの互換性の問題を特定するのに役立ちます。これは現時点ではCSSでのみ機能します。

拡張機能をインストールすると、新しい「互換性」パネルが開発者ツールに追加されます。そこから、特定のサイトが主要な各ブラウザでどのように機能すると予想されるかを確認できます

互換性の問題がないブラウザのバージョンは緑色で、いくつかの問題があるバージョンは黄色で、いくつかの問題があるバージョンは赤色で表示されます。特定のブラウザバージョンを調べて、問題の原因となっている正確なCSSルールを確認できます。

2。 JSON Lite

JSON APIを頻繁に使用する場合は、ブラウザーでJSONデータを表示するのが面倒な場合があります。これは、ブラウザがデフォルトで正しくフォーマットされていないため、読みにくくなっているためです。

JSON Liteは、適切な構文の強調表示と、巨大なJSONデータを検査するときに便利なノード折りたたみ機能を使用してJSONおよびJSONP応答をフォーマットすることにより、この問題を修正します。

JSON Liteが提供するすべての機能が必要ない場合は、アドレスバーに「about：config」と入力して devtools.jsonview.enabled 。オプションをダブルクリックして「true」に設定し、JSONファイルをブラウザに読み込んで結果を確認します。