プログラマーと開発者のための15の最高のChrome拡張機能
Chromeを使用しないプログラマーの場合は、少数派です。
プログラミングにこのブラウザを好む理由はたくさんあります。たとえば、ウェブの方向性に対するGoogleの多大な影響、開発の煩わしさを軽減する組み込み機能、利用可能な拡張機能の数などです。
その最後のポイントは重要なポイントです。 2018年2月の時点で、Chromeはデスクトップで60%以上の市場シェアを保持しています---ほとんどの拡張機能作成者が最初にChromeに注力しているのも不思議ではありません。とはいえ、あらゆる種類の開発者、特にWeb開発者の場合に使用する必要のあるChrome拡張機能は次のとおりです。
1。セッションバディ
Chromeには、カスタムユーザープロファイルと呼ばれるすばらしい機能があり、ブックマーク、設定、タブ、履歴などの個別のセットを作成できます。まだ設定していない場合は、プログラミング専用に設定する必要があります。
しかし、Session Buddyはそれをさらに一歩進めて、特定の「タブセッション」を保存し、それらを自由に切り替えることができるようにします。これは、複数のプロジェクトで作業しているときに便利です。
2。 Chrome用iMacros
iMacrosは、繰り返しの作業を自動化できる拡張機能です。特定のアクション(マウスクリックやキー押下など)を「記録」し、それらをマクロとして保存して、必要なときにいつでもシングルクリックで実行できます。フォームへの入力や変更のテストなどの時間を大幅に節約できます。Chrome以外のマクロの場合は、AutoHotkeyスクリプトをお勧めします。
3。 Webタイマー

Webタイマーは、さまざまなWebサイトで費やした(または無駄にした)時間を追跡します。これは、先延ばしになる傾向を抑えるのに役立ちます。 Chromeにフォーカスがある場合にのみ追跡し、アイドル状態になったときに追跡を停止するのに十分スマートです。
より高度なタイムトラッカーが必要な場合は、クロスプラットフォームのTogglを強くお勧めします。
4。素晴らしいスクリーンショット
素晴らしいスクリーンショットは、スクリーンショットを取得したり、画面のビデオを録画したり、スナップした画像に注釈を付けたりぼかしたり、ワンクリックで他の人とスクリーンショットを共有したりするためのオールインワン拡張機能です。優れた機能の1つは、ウェブページ全体のスクリーンショットを撮る機能です。 そしてそれを1つの巨大な画像としてつなぎ合わせます。 Chromeの外部でも機能するソリューションについては、スクリーンショットを作成するためのこれらの最適なツールを確認してください。
5。マーモセット
Marmosetは、コードの3Dスクリーンショットを作成するための楽しい小さなツールです。画像をスナップすると、3Dで回転、傾斜、拡大縮小できるため、スニペットを共有したいときにさらに面白くなります。また、コードベースのストック画像を作成したり、プロジェクトのホームページでソースコードを確認したりする場合にも役立ちます。
Web開発拡張機能
6。 Web開発者

Web開発を支援するためにインストールする拡張機能が1つある場合は、それをこれにします。 Web Developerには、JavaScriptとプラグインのワンクリック切り替え、レスポンシブデザインをテストするためのウィンドウのサイズ変更、画像のテストとデバッグなど、いくつかの便利な機能が満載です。
7。ユーザーエージェントスイッチャー

Chromeウェブストアにある多くの「ユーザーエージェントスイッチャー」拡張機能の中で、これが最適です。それはまだ更新中であり、リンクを乗っ取ることはなく、いくつかのデフォルトのユーザーエージェント文字列が付属していますが、カスタムユーザーエージェント文字列を作成することもできます。確実に機能するのは、この種の唯一の拡張機能です。
8。ワッパライザー

特定のサイトにどのような種類のWebテクノロジーが使用されているかを知りたい場合は、Wappalyzerがシングルクリックで通知します。 CMS(WordPressなど)、Webフレームワーク(Reactなど)、ツールとユーティリティ(Google Analyticsなど)、eコマースプラットフォーム(Shopifyなど)などを検出するのに十分な機能を備えています。
9。 IEタブ

2018年2月の時点で、デスクトップユーザーの13%以上がまだInternet Explorerを使用しています。これは、IEが最新のWeb標準に準拠しているとは言えないため残念です。そのため、新しいタブでIEをエミュレートし、さまざまなバージョン(IE6、IE7、IE8、IE9、およびActiveXコントロール)でWebサイトをテストできるIEタブが必要です。古くても、すべてのブラウザと互換性のあるWebサイトが必要な場合に非常に便利です。
10。 Click&Clean

Webサイトを開発するとき、新しい変更をロードしていることを確認するためにブラウジングデータを絶えずクリアすることほど厄介なことはほとんどありません。 Click&Cleanを使用すると、処理が高速になるだけでなく、クリーンアップできるものをより細かく制御できます(たとえば、データベースやプラグインデータの削除、特定のサイトのCookieの保持など)。
11。ワットフォント

WhatFontは、Web上のフォントを識別するための最速の方法です。要素を右クリックし、[要素の検査]を選択してから、スタイルシートを調べてそれが何であるかを確認するのは1つのことです。 WhatFontを使用すると、要素にカーソルを合わせるだけでフォントが何であるかを確認できるだけでなく、そのフォントがどのように提供されるか(Google Fonts、TypeKitなど)もわかります。
12。 ColorPickスポイト

ColorPickスポイトは、ズームインして、任意のWebページ上の任意のピクセルの正確なカラーコードを取得できるツールです。カラーコードは、16進数、RGB、およびHSLで使用できます。非常に便利で、要素を調べてスタイルシートで使用されている色を確認したり、画像をダウンロードして画像エディタで色を選択したりするよりもはるかに高速です。
13。 Lorem Ipsum Generator

Webサイトを開発するとき、最終的にはダミーのテキストが必要になります。 Lorem ipsumジェネレーターはWeb上に豊富にありますが、Lorem Ipsumジェネレーターは、現在のタブ内でいつでもすぐに利用できます。高速で、必要な段落数と段落あたりの文数をカスタマイズできます。
14。リンクを確認

Web開発プロジェクトの最後に、すべてのコアページで最終パスを実行して、すべてのリンクが機能していることを確認する必要があります。 Check My Linksを使用すると、そのプロセスが可能な限り簡単になります。ボタンをクリックするだけで、現在のページのすべてのリンクがスキャンされ、壊れているか機能しているかに応じて各リンクが強調表示されます。
15。寸法

ディメンションは、Web開発というよりも、Webデザイン用のツールですが、2つは重複する傾向があるため、この拡張機能を使用することをお勧めします。つまり、テキスト、画像、ビデオ、フォームフィールドなどの2つのWeb要素間の距離を即座に測定します。また、マウスカーソルからサポートされているWeb要素までの距離を測定することもできます。
上記に加えて、これらのタブ管理Chrome拡張機能とこれらのビジネス生産性Chrome拡張機能を強くお勧めします。これらは、Chromeを使用する開発者としてあなたを苛立たせる可能性がある2つのことです。
また、セキュリティからエンターテインメント、ショッピングから一般的な生産性など、あらゆるものを網羅する最高のChrome拡張機能の豊富なセレクションもご覧ください。
-
学生向けの最高のChrome拡張機能の9つ
今日のほとんどの学生は、プロジェクトや課題を完了するためにオンラインで入手できる情報に依存しています。 GoogleのChromeブラウザを使用しているユーザーは、調査や学業の完了に役立つさまざまなChrome拡張機能を利用できます。この記事では、すべての生徒がインストールして使用する必要のあるChrome拡張機能について説明します。 1。マーキュリーリーダー バナー、広告、推奨事項、ウィジェットがたくさんあるWebサイトの記事を読むと、非常に気が散ることがあります。それはあなたの研究を遅くし、重要なことに集中するのを難しくする可能性があります。 Mercury Readerは、不要なコンテ
-
Chrome用の11の最高のWeb開発拡張機能
Webサイトを開発するときは、多くの複雑な要件のチェックリストを作成する必要があります。色やフォントのスキーム、CSSレイアウトの問題、さまざまなデバイスでのWebサイトの応答性のいずれを扱う場合でも、新たに発生する問題を常に把握しておくことが重要です。以下は、Google Chrome(およびその他のChromiumベースのブラウザー)に最適なWeb開発拡張機能の一部です。 1。カラーピックスポイト ランダムなウェブページの配色が好きで、それを自分のプロジェクトで利用したいですか? Color Pick「Eyedropper」と呼ばれるChrome拡張機能を使用すると、ピンポイントの精