Clicking the menu item will bring firebug GUI at the bottom half of the browser’s window.
However we know that there are several ways to introduce js code into the webpage’s html. The first method is putting js code directly in the
<script></script>. In this case the HTML tab will show the content of html including the js code in the
<script> tag. The Script tab will also show show the content of html because it includes the js code. But you can set breakpoints at the beginning of code lines.
The second method to introduce js code is using “src” attribute to include a js file. In this case, the HTML tab shows almost the html content while the Script tab shows the content of the included js file.
<?php $html="<html> <head><title>main</title></head> <body> body <script src='loadscript.php'> </script> </body> </html>"; echo $html; ?>
In this case, the HTML tab shows the content of the html plus the js code got from the output of loadscript.php(shown in the
<script> tag) and Script tab shows the js code(the output of loadscript.php).
The fourth method is using a php file in the “src” attribute to simulate a js file.
In this case, the html tab shows the html and the js code got from the output of loadscript.php and the Script tab shows the js code in the test.js.
From the comparison above, we know that firebug will show the js code in both the Script tab and the html tab except for the included js file which is only shown on Script tab.
If you see the script tab not showing scripts or empty, you need to clear the cache, sometime you need to refresh the webpage to let the content displayed correctly in firebug.