多くのテクノロジーがウェブサイトの構築に使われています。 コンテンツ管理システム 、フレームワーク 、さまざまなスクリプト言語とプログラミング言語 、支払いシステム …いろいろなこと！
お気に入りのウェブサイトがどのように機能するのか知りたい場合、またはサイトが大ざっぱなものを使用しているかどうかを確認したい場合、この記事では、内部を調べてどのように構築されているかを確認するいくつかの方法を紹介します。
ウェブサイトのコードを表示する
開発者でない場合、または始めたばかりの場合は、より良いプログラミングの秘訣を学ぼうとしています。他の人のコードを見てください。そのためのChromeのデベロッパーツールの使用方法 を紹介しました。
ChromeDevToolsは、サイトのHTML、JavaScript、CSSコードを表示し、それらが消費している可能性のあるソースを見つけ、ブラウザでサイトの読み込みパフォーマンスを確認する方法を支援します。すべての主要なWebブラウザーには、開発者向けツールのいくつかのバージョンがあります。
BuiltWith
BuiltWith.comは、プロフェッショナルレベルのリソースです。サイトの奥深くで、使用しているすべてのテクノロジーを確認します。現在、それらは6億7300万以上のウェブサイトとカウントをカバーしています。このサイトの背後にある主なアイデアは、ソフトウェア販売の人々のリードを生み出すのを助けることでした。
高度な機能は有料サブスクリプションでのみ利用できますが、誰でもBuiltWith.comにアクセスして、 Webサイトのアドレス、テクノロジ名、またはキーワードを入力して、詳細なテクノロジプロファイルを取得します。無料のアカウントにサインアップすると、1日に5つの詳細な検索を実行できます。
In_content_1all：[300x250] / dfp：[640x360]-> ネットクラフトサイトレポートNetcraftは、1995年以来Web開発者向けのリソースです。25年以上にわたる彼らの専門知識は、Netcraftの無料のサイトレポートツールに示されています。テクノロジーレポートと「サイトの所有者 」バックグラウンドレポートを組み合わせているため、サイトの全体像を把握できます。ホストされている場所、所有者、ドメイン履歴がわかります。
Netcraftサイトレポートでは、無制限の検索が可能であるようです。それでも、本当に必要な場合にのみ使用してください。これは無料のリソースであり、開発者コミュニティはそれがそのまま維持されることを望んでいます。
W3Techsのサイト情報W3Techsのサイト情報ツールの動作はその他。 データベース の情報を保持しますが、ツールで既に検索されているサイトのみです。以前にチェックされたことがないサイトをチェックしている場合、サイトは即座にクロールされます。
提供されるレポートは、他のサービスが提供するものほど詳細ではありませんが、それでも洞察に満ちています。サイトで使用されているCMS、プログラミング言語、ウェブサーバー、ホスティングプロバイダーを確認できます。 W3Techsは、FirefoxとChromeのブラウザ拡張機能も提供しているため、クリックまたはタップするだけでサイトを確認できます。
ワッパライザーWappalyzerには、サイトのテクノロジーをチェックするためのブラウザプラグインがあり、Firefox 、クロム 、および縁 のプラグインがあります。プラグインは無料で使いやすく、読みやすいデザインでレイアウトされています。レポート内のテクノロジーをクリックすると、その説明が表示されます。これは、これまでに見たことのないものが見つかった場合に役立ちます。
Wappalyzerは、Webサイトのアラートを作成する機能を備えた独自の機能を提供します。彼らは毎日サイトをチェックし、変更を検出した場合はメールで通知します。アラートでは、Wappalyzerで無料のアカウントを作成する必要があり、月額10クレジットがかかります。
ただし、毎月50クレジットを無料で取得でき、アラートの費用は30日ごとに10クレジットのみです。したがって、5つ以下のサイトを監視している場合、WappalyzerAlertsは基本的に無料です。
WebspotterWebspotterの1つのサービスを除くすべてが有料サービスですが、大丈夫。彼らの無料のWebspotterChrome拡張機能 はそれを補います。 Webspotter拡張機能はWappalyzerに似ていますが、いくつかの異なる機能があります。リストされている各テクノロジーの横には、テクノロジーに関する統計、そのテクノロジーを使用しているWebサイトのリスト、およびそのテクノロジーの公式Webサイトへのリンクがあります。
さらに興味深い機能は、Webspotterが電子メールの連絡先、ソーシャルメディアリンク、SEO分析 、およびその他の会社情報をWebサイトから引き出す機能です。サイトの作成方法についてはわかりませんが、オンラインマーケティングの目的や、就職活動にも役立つ可能性があります。
WordPressテーマ検出器たぶん、あなたはWeb開発にはそれほど興味がありませんが、WordPressサイトをまとめており、他の場所で見た機能を含めたいと考えています。 WordPressテーマ検出器Chromeブラウザプラグインをダウンロードする 。
WordPress Theme Detectorは、サイトが使用しているWordPressテーマ を通知するだけでなく、WordPressプラグイン も通知します。使用しています。また、誰がテーマまたはプラグインを作成したかを示し、それらを入手できる場所へのリンクを提供します。これにより、他のサイトで賞賛した要素をWordPressサイトに簡単に組み込むことができます。
ウェブサイトの仕組みを学ぶ
はい、ウェブサイトに飛び込むのはとても簡単です。インターネットとそれが何でできているかを見てください。これらのツールを2つ以上使用してみてください。他のツールでは得られないものを拾うものもあります。サイトに表示されるもののほとんどは、実際にはコンピューターにレンダリングされます。それが見やすくする理由です。 あなたのウェブサイトを可能な限り安全にする する必要がある理由でもあります。ディープダイビングを楽しんで、見つけたものや構築したものをお知らせください。