html - Firebug を使用してコード内の正確な場所を見つける

Question

Web ページがあり、ユーザーが画像にカーソルを合わせると、右側に新しい画像が開き、いくつかのリンクが表示されます。

基本的に、これらのリンクがコード内で定義されている場所を見つけたいと思っています。（私はColdFusionを使用しています）。Firebug のスクリプトパネルまたは Firefox と Chrome の開発ツールを使用して、HTML が動的に作成されていることがわかります。探しているものを正確にどこで見つけることができるかを簡単に判断する方法はありますか?

Answer 1

ページ上の特定の要素のコードに直接移動する場合は、その要素を右クリックして、[ Chrome または Firefox で要素を検査] を選択します。Firebug を使用する場合は、代わりにInspect Element with Firebugを選択します。

コメントに基づいて更新

ブラウザでレンダリングされたバージョンからサーバー上の実際のコードに移動することはできません。FTP クライアントを介してファイルにアクセスできると仮定すると、そのファイルに手動で移動する必要があります。

それらが配置される場所は、ページの構造によって異なります。CMS を使用しない単純な HTML ウェブサイトの場合、通常はページの URL と同じ構造に従って配置されます。URL がexample.com/category/page.htmlの場合、ファイルはルート フォルダー -> 'category' という名前のフォルダー -> page.html という名前のファイルに配置されます。そのファイルを開くと、コードが見つかります。

Inspect Element機能で検索した特定のコード行に移動します。通常は、コード エディター内で検索するだけです。メニューのエディターの検索機能を見つけることができるでしょう。

Answer 2

あなたの質問を完全に理解するのは難しいです。しかし、ページ上のコードの特定の領域を見つける方法は、Google Chrome のインスペクター ツールを使用することです。要素 (問題のリンクなど) を右クリックし、[要素の検査] を選択します。