orthoducks — 2013-06-03T13:18:45-04:00 — #1
This makes my job very difficult, because an application's flexibility in terms of CSS changes, etc., is a big part of what I need to evaluate. I can do this with a great deal of effort by learning the internals of each application or I can do it quickly and easily by studying a few samples of generated HTML... except that I can't see the generated HTML, because in these applications it's invisible.
Is there a way to see the "HTML" for the entire content of one of these pages?
pullo — 2013-06-03T14:45:07-04:00 — #2
How are you using Firebug to view the HTML?
Normally it should show the "hard-coded"mark-up, as well as anything which is added dynamically.
Could you give us a link to one of the pages where you are having trouble?
ginger1789 — 2013-06-04T11:55:20-04:00 — #3
Weird. I'm using Backbone.js which also renders the entire html dynamically and I never saw such issues.
Have you tried testing it with Chrome? Not that I think the Firefox has issues, but just as a sanity check.
orthoducks — 2013-06-04T13:18:42-04:00 — #4
>Could you give us a link..
Since you asked, of course, it's working. Firebug is now displaying everything. I don't know why it's doing that now or how to make sure it will continue.
I'm opening Firebug by clicking the bug icon on the toolbar. I used to click the downarrow and select Firebug UI Location > Detached. For some reason that isn't working now, but it doesn't seem to affect anything else.
The example I'm working with now is the Swagger demo, for example, at http://petstore.swagger.wordnik.com/#!/user.
Although the source code in Firebug is complete (now) the source code in Firefox is very scanty. When I posted my question the source code in Firebug was similar. In the source code from Firefox, the body contains:
A <form> embedded in two <div>s. This corresponds to the green bar at the top of the page.
The following code, which generates everything else:
[INDENT]<div id="message-bar" class="swagger-ui-wrap">
<div id="swagger-ui-container" class="swagger-ui-wrap">[/INDENT]
Ginger: I did try it in Chrome, and got essentially the same results. I haven't tried again since Firebug started working for me.
pullo — 2013-06-04T13:53:57-04:00 — #5
I find it easier to right click somewhere on the page and select "Inspect Element with Firebug"
You should then see something like the following:
Glad it's working now, though.