つい先日、開発者およびデザイナー向けの 12 の Google Chrome 拡張機能に関する投稿をリリースしましたが、これらの拡張機能の一部は Firefox で利用できます。 、ここでは繰り返しません。
同様に、以下の拡張機能の一部は Chromeでも利用できるので、そのようなアプリは各ブラウザのボーナスとして考えてください。
1. HTMLバリデータ
HTML Validator はコードを実行して、HTML 標準規則に従っていることを確認します。ツールバーのアイコンにエラーの数が表示されます。
HTML Validator Firefox アドオン
2.オクトツリー
開発者として、GitHub のいくつかのコード ページを時々調べて、他の開発者が特定の問題をどのように解決したかを検索します。 .あなたが私のような人なら、Octotree が役に立つでしょう。
Octotree GitHub コードをツリー形式で表示します。そうすれば、ソース ファイルをダウンロードせずにコード行を参照できます。
Octotree は GitHub コードをツリー形式で表示します
3.どこでもHTTPS
HTTPS Everywhere は、HTTPS を使用していない場合でも、すべての主要な Web ページと交換するデータを暗号化します。
したがって、https を使用しないページに誘導された場合、オンラインでの通信が安全であることを確認できます。
4.ページ パフォーマンス テスト
ページ パフォーマンス テスト は、Web ページの速度と読み込みパフォーマンスを測定することで、Web ページの統計情報を提供します。チャートの結果を保存して、後続のテストと比較できます。
ページパフォーマンステスト
5.ユーザースナップ
Usersnap を使用すると、Web サイトのスクリーンショットを撮り、マークアップ図やコメントを追加して注釈を付けることができます。ピクセル定規も付属しており、Slac、Trello、JIRA などのさまざまなプロジェクト管理ツールと直接統合できます。
このリストは、効果的なフィードバック プロセスを可能にする Usersnap なしでは完全ではありません。ただし、14 日間の無料トライアルがある有料サービスです。
Usersnap
6. JavaScript を無効にする
JavaScript を無効にする は、名前が示すように、Web サイトまたは特定のタブで JavaScript をオフにする機能を提供します。デフォルトの JS 状態のオン/オフ、およびドメイン/タブによるデフォルトの無効化動作などをカスタマイズできます。
JavaScriptを無効にする
7。ウェブ開発者チェックリスト
Web 開発者チェックリスト拡張機能は、最適な設計と開発の実践に従って、サイトがどの程度使いやすいかの概要を提供します。
アイコンをクリックすると、サイトの SEO、フレンドリ URL、ファビコンなどについて通知され、その横にパスを示すチェックマークが表示されます。
ウェブ開発者チェックリスト
8。 React 開発者ツール
React の人気が際限なく高まっているように見える中、ほぼ毎日のように React 開発者が誕生しており、React チームはそれらをカバーしています。
React 開発者ツール を使用すると、React ツリーをその状態、小道具、階層などとともに調べることができます。それを有効にするには、Firefox devtools を起動し、React タブに切り替えます。
Vue 開発者向けのバージョンも Vue.js devtools の形式で提供されています。
React 開発者ツール
9. ColorZilla
ColorZilla は、開発者やグラフィック デザイナーがさまざまな Web ページから色を選択するための優れたツールです。
スポイト、グラデーション ジェネレータ、パレット ブラウザ、カラー ヒストリも含まれています。
ColorZilla
10。 Evernote Web クリッパー
Evernote Web クリッパー Web ページのスクリーンショットを撮り、自動的に Evernote に保存できます コメントを作成してチーム メンバーと共有できるアカウント。
Evernote Web クリッパー
11.クッキーマネージャ
Cookie Manager は、任意の Cookie の表示、追加、編集、削除、および検索を可能にするセキュリティ意識の高い拡張機能です。ドメイン。
Cookie Manager のさらに優れた点は、ドメイン間で Cookie をエクスポートおよびインポートできることです。
Cookie Manager
12。 CSS と LESS のライブ エディター
CSS および LESS 用のライブ エディタ を使用すると、CSS/LESS コードをブラウザに直接書き込むことができます。コードはすぐに有効になり、ブラウザのローカル ストレージにサイト レベルで保存されます。
ページ内エディタには、オートコンプリート、美化、リンターなどの機能があります。ぜひチェックしてください。
CSSのライブエディタ
リストされている拡張機能のいずれかを気に入っていますか、または使用できるリストを取得していますか?コメント欄は以下です。