35 以上の Chrome プラグインにより、仕事や勉強で半分の労力で 2 倍の成果が得られます。

「半分の労力で2倍の結果を得るには、特定のアイデアとツールを使用する必要がある」という格言があります。ここでは、15 個のフロントエンド プラグインを含む 35 個の Chrome プラグインを選択して共有します。滞在に値するものが必ず 1 つあります。

#次の一般的なプラグインについては説明しません:

#vue、react、およびその他の開発プラグイン
dig Gold プラグイン
Google 翻訳
Google モールにアクセスできる必要があります。そうでない場合は、 , まず

##iGG Google Access Assistant

をインストールすると、すべて問題なく完了します。次に、www.cnplugins.com/

、

crxdl.com/、またはchrome.pictureknow.com/にアクセスして検索してダウンロードします。オフラインバッグ。もう一度、Microsoft エッジ ブラウザをダウンロードしてプラグインをインストールしてください。

次のステップはさらにエキサイティングです! ！ ！

高エネルギーのアニメーション画像、気を散らさないでください。 ！ ！

5 つ星の推奨カテゴリ (12)

グリーン検索

---

スーパー5 つ星の推奨事項

、Baidu の検索広告を削除するか、表示を弱めるか、これは本当に

良心的な仕事、良心的な仕事、良心的な仕事です。同様にfrontendという単語を検索して効果を確認してください。
広告が消えました、広告が消えました、広告が消えました、すぐにインストールしてください

iGG Google アクセス アシスタント

は登録する必要がある Google アクセス アシスタントではありません。 ！ ！

基本的に無料で、必須の要件はありません。お待ちしております。 ！ ！

、もちろん YouTube などにアクセスするかどうかは別問題です。

私は個人的に 360 ブラウザでテストしましたが、とても使いやすかったので、ここで Google で調べてみました。

ストリーム レコーダー - HLS を MP4 としてダウンロード

4 つの言葉:非常に強力

、

ライブ ストリーム、flv、その他の形式を直接傍受できます。繰り返しますが、ライブ ストリームを傍受できます。この原則は、MSEの基礎となる傍受方法です。ストリーム レコーダーを使用すると、一般的な HLS (m3u8) 形式で公開されたライブ ビデオやアーカイブ ビデオを簡単に保存できます。ビデオ ファイルの種類が mp4 形式の場合でも、独自のビデオ キャプチャ機能を使用してビデオを直接録画できます。

octotree

Github および GitLab ツリー ナビゲーションGithub Web サイト閲覧ツール、右側の生産メニューは一目で分かり、シンプルかつ効率的です。 ！ ！ ！別の同様のプラグイン

Sourcegraph

があり、よりインテリジェントです。

Tampermonkey

Tampermonkey Script実行されるいわゆるユーザー スクリプトウェブサイト上で。ページのレイアウトを変更したり、新しい機能やコンテンツを追加または削除したり、アクションを自動化したりできます。 自分でスクリプトを追加できるだけでなく、非常に強力な独自のスクリプト ストアの概念もあります。

GitHub Acceleration

国内の Github のダウンロードが非常に遅いのですが、このプラグインを導入してからはダウンロード速度がすごく速くなりました～！

拡張機能マネージャー

Chrome プラグイン マネージャー、プラグインが多すぎて収まりませんでは有効化と無効化が不便ですが、これは本当に優秀です！

Caiyun Xiaoyi-Web ページ翻訳プラグイン

こんなことを言いたいかもしれません**

Google 翻訳** おいしいでしょう？ Googleのサービスを使うことが前提だが、Caiyun Xiaoyiは違う。

Caiyun Xiaoyi バイリンガル Web ページ翻訳プラグインは、ブラウザ用に開発された Web ページ翻訳ツールで、ワンクリックで効果的に母国語の読書体験を得ることができます。

Adblock Plus - 無料の広告ブロッカー

基本バージョンもあります

AdBlock —最高の広告ブロック ツールと **AdGuard 広告ブロッカー** を見れば、広告がいかに煩わしいかがわかります。

Adblock Plus は、Chrome ブラウザで非常に人気のある広告ブロック プラグインです。Adblock Plus には何百万ものユーザーがおり、世界中で高い評価を得ています。Adblock Plus は、オープン ソース コミュニティによって維持されています。

お金を払う必要があるかもしれませんが、世界は平和です。

Infinity 新しいタブ ページ

何百万ものユーザーに選ばれた新しいタブ ページに Web サイトのアイコンを追加自由に、クラウドのHD壁紙、ブックマーク、天気、メモ、ToDo、拡張管理と履歴へのクイックアクセス。

crxMouse Chrome™ ジェスチャー

とてもクールなので、使っている人なら誰でもわかります。 ！ ！

すべてのマウス操作を詳しく調べます。機能には、マウス ジェスチャ、スーパー ドラッグ、ホイール ジェスチャ、ジョイスティック ジェスチャ、スムーズ スクロール、タブ リストなどが含まれます。

OneTabタグ管理エキスパート

メモリを最大 95% 節約し、タブの煩雑さを軽減します。さあ、さあ、

あと 100 個のタブを開くことができます。

フロントエンド開発ツール (17)

FeHelper(フロントエンド アシスタント)フロントエンド ツールセット

絶対的な5つ星の推奨、組み込みのjson美化、json比較、画像とベース、QRコード/デコード、マークダウンツール、シンプルなpostMan、JS通常、ページの色の選択、エンコーディングの変換、Web ページのパフォーマンス、Youhou スクリプト、Excel から JSON への変換など

FEHelper には独自のプラグイン マーケットがあります。デフォルトでは、 JSON 美化ツールのみが含まれているため、設定パネルに移動してインストールする必要があります。

#Lighthouseパフォーマンス分析

Lighthouse はオープンソースですWeb アプリケーションのパフォーマンス、品質、正確性を向上させるための自動ツール。

ページを監査する場合、Lighthouse はページに対して多数のテストを実行し、ページのパフォーマンスに関するレポートを生成します。ここから、失敗したテストを、アプリケーションを改善するために何ができるかを示す指標として使用できます。

Talend API Tester - 無料版

HTTP と Restapi の呼び出し、検出、テストが非常に簡単になります。

Windowsアプリケーションのインストール不要、ブラウザ上で直接操作可能！ ！

#画像ダウンローダー

武器を盗んでください! ！ ！ ！

画像ダウンローダーは、ページ上で見つかった各画像のサムネイルを表示し、すべての画像をダウンロードするか、選択した画像だけをダウンロードするかを選択できます。すべての画像をダウンロードしたい場合は、2クリックで完了するので便利です。

少し厄介なのは、360 ブラウザに嫌なダウンロード ボックスが表示されることです。

ColorZilla高度なスポイト、カラーピッカー。

実は FeHelper にもあります同様の機能がありますが、これほど強力ではありません。

JSON ビューア多くの組み込みスタイルを使用して、JSON の表示を美しくします。 、私は黒、黒のストッキングが好きです、笑！

Web 開発者Web 開発者 この拡張機能は、さまざまな Web 開発ツールを統合します。 Web 開発者の必須アイテム

Chrome Developer Tools Extension

。インストール後、小さな歯車の形のアイコンがブラウザのツールバーに追加されます。小さなアイコンをクリックすると、多数の Web が表示されます。開発ツール、ツール。 暑いけど、あまり好きじゃないです、はは！

#EditThisCookie

##EditThisCookie は Cookie マネージャーです。 Cookie を追加、削除、編集、検索、ロック、ブロックすることができます。

User-Agent Switcher for Chrome

を使用すると、Chrome を別のブラウザに偽装して、最初の Web ページを簡単にテストできます。

ウィンドウ サイズ変更機能

# ユーザーはウィンドウを 320x480、480x800、1024x768 などに調整することもできます。ブラウザウィンドウのサイズをカスタマイズするオプションがあります。

CSSViewer# および#CSS Peeper#ノード スタイルのリアルタイム表示。残念ながら、コピーはサポートされていません。最終更新日は 2017 年です。#CSS Peeper はスタイルを抽出できます。素晴らしいです

Page Ruler Redux

完璧なピクセル サイズと位置を取得して、Web ページ上の要素を測定するための開発者デザイナー ルーラー。

#BuiltWith Technology Profiler

は Web サイト分析ツールです。ページを検索すると、BuiltWith はそのページで見つかったすべてのテクノロジーを返します。

Nuggets を見てみましょう

どんなフォント - フォントを見つけます

# # Web サイトで使用されているフォントを知ることができます。

どのフォントを使用すると、フォントの名前、そのファミリー、色、スタイル、サイズ、位置を知ることができます。デザインされたWebページを素早く作成するための素晴らしいツールです。

WooRank による SEO 分析とウェブサイトのレビュー

SEO 分析ツール

インスタントSEO、モバイル、ユーザビリティ、ソーシャルメディアに関する SEO 分析と Web サイトのレビュー。SEO 分析および Web サイト レビュー拡張機能は、ブラウザーでアクセスしている Web サイトを分析し、可読性、可用性、および可読性の問題など、レビューされた Web サイトのアクセシビリティへの影響を強調する明確で実用的なレポートを生成します。見つけやすさ。

CSS、Less、Sass 用のライブ エディター - Magic CSS

CSS/Less のライブ プレビュー/ Sass コードの変更はすぐに適用されます。作成したコードは、ブラウザ拡張機能のストレージまたは Web サイトのローカル ストレージに保存されます。

これに似たものがもう 1 つありますUser CSS

ページ読み込み時間ページ読み込みビュー

ワンクリックでページ読み込みパラメータを表示します。

#その他のカテゴリ (7)

Screenity - 画面録画および注釈ツール

Chrome 用の最も強力なスクリーン レコーダー。キャプチャ、注釈付け、編集など。

**whatruns

Proxy SwitchyOmega

簡単かつ迅速に管理および切り替え複数のプロキシ設定。

#ブックマーク サイドバーブラウザの表示領域の左側に固定の管理を追加します。すべてのブックマーク。

Web ページのスクリーンショットをキャプチャ - FireShotページのスクリーンショット、Chrome が登場しました。すでに組み込みのスクリーンショット機能があり、入力するにはいくつかの手順が必要ですが、これはより直感的です。

キャッシュのクリアワンクリックでブラウザのキャッシュをクリアします。 ！ ！

#IP アドレスとドメイン情報

IP アドレス、ドメイン名、プロバイダーに関する詳細情報。

Bilibili Download Assistant

二次元派としては、Bilibili Liのダウンロードアシスタントがおすすめです！ もちろん、より強力な

Bilibili Assistant: bilibili.com の包括的な補助拡張機能

もありますが、私はやはり軽量なものが好きです。

リソース オーバーライド

この拡張機能を使用すると、リクエストを行う前に URL を動的にリダイレクトできます。

(学習ビデオ共有:Web フロントエンド開発

、

基本プログラミング ビデオ)