View generated HTML source

HTML & CSS
1

My pages list box is populated using an AJAX deal, so I was wondering, is there away to view the Generated source code using Chrome
http://php_class.teamluke.net/ajax/populate_select.php

Oh, you can using the inspect tool in the web development toolbar

2

As you say, you can right click on the page and view the generated page source. You then right click on the <HTML> tag and select copy > Copy Outside HTM to copy it to the clipboard. This is the result in the <form> area:

<form> 
<label>Cars</label>
      <select id="makes">
        <option>Select</option>
         <option value="1">Ford</option>
         <option value="2">Lexus</option>
         <option value="3">Mitsubishi</option>
     </select>
</form>
3

That generally works very well. The only time I’ve have had some frustration with that is when there is JavaScript (eg. a “slider”) that is rapidly modifying the DOM faster than I can click.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.