How to locate the actual HTML files using inspect element?

html symfony firefox web-inspector
Afghan Dev picture Afghan Dev · Oct 27, 2015 · Viewed 19.8k times · Source

I know it might look like a stupid question. I have just started customizing the Mapbender3 application which is developed in Symfony (PHP). Using the Inspect Element feature in Firefox I could make some changes to the HTML files but to make these changes permanently I need to know where they are actually located on the server. I tried searching for a specific element by ID but I found nothing and there are a whole lot of HTML files that I can not check. Please help me.

Answer

Anand G picture Anand G · Oct 27, 2015

You can not find from how many files the HTML has loaded because for browser it's whole one document.

It doesn't matter if it is a one file or created by chunk of HTML code and then merged in one. For browser it's one single document.

You can see the images, javascript, css or fonts files because these are the assets of browser coming from specific location. Inspect element or developer tools on any browser work on DOM which gets loaded. Since the HTML is one single doc, Inspect element will also have same finding.

There are three (or more) ways, (though not the standard one) to find the origin of code in modern IDE (not browser)

  1. Get one good IDE, I would say PHPStrom or Netbeans and search for specific ID or wrapper in entire project.

  2. If the element is generating dynamically, search for PHP and Javascript Specific files.

  3. If you are using any template engine then search for methods which generates element for you.

Hope this helps and good luck with finding :)

Related questions

How to display string that contains HTML in twig template?

How can I display a string that contains HTML tags in twig template? My PHP variable contains this html and text: $word = '<b> a word </b>'; When I do this in my twig template: {{ …

Read More
twig striptags and html special chars

I am using twig to render a view and I am using the striptags filter to remove html tags. However, html special chars are now rendered as text as the whole element is surrounded by "". How can I either strip …

Read More
How to set a CSS ID attribute to a Symfony2 form input

This question is similar to another question. There the solution for setting the CSS class was to add it into the 3rd parameter of a call to FormBuilder::add(): ->add('title', null, array('attr' => array('class'=>…

Read More