View Source and Chrome Developer Tools showing different output

Question

When viewing a page in Chrome and Firefox, they show a really small h1 title, and also it changes color as if it is a link. The template that generates everything looks exactly how it should be. When diagnosing the issue, the relevant section of code looks like this when I go to view source:

<div class="page-heading">
    <h1>Title Here</h1>
</div>

However, when I go to view it in Chrome's Developer tools, it is throwing in extraneous malformed anchor tags, which is obviously causing the hovering behavior. This is what it looks like to the dev tools:

<div class="page-heading">
<h1>
    <a style="font-family: arial; font-size: 9px" <="" a="">Title Here</a>
</h1>                
</div>

In addition, when viewing a local copy of the site, the output shown in the dev tools is the same as viewing the source and they both render correctly locally.

Oddly enough, all version of IE render it correctly. The current version of both Chrome and Firefox both render it weirdly. Initially I thought it may be a user agent stylesheet problem, but if anything the CSS is fine, it's the HTML that is malformed.

I think is caused by some script. I can see the same with Firebug. — Kedume
– Kedume, Commented Oct 4, 2012 at 15:42
Understatement of the year @cimmanon. Inherited code nightmare. — patricksweeney
– patricksweeney, Commented Oct 4, 2012 at 16:30

xdazz · Accepted Answer · 2012-10-04 15:42:49Z

11

When you view it in Chrome's Developer tools, the result is after modified by javascript. (It means you could see contents added by javascript dynamically)

When you view it as view source, it is the original html source.

answered Oct 4, 2012 at 15:42

xdazz

161k38 gold badges255 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

patricksweeney Over a year ago

None of the existing javascript files nor the page itself have changed in a few weeks, and this issue started appearing yesterday though. I definitely agree that it HAS to be a script injecting it, but I certainly can't find any code that might possibly be doing it. That being said, this is some really smelly coding here and I'm sure it is buried somewhere in that heaping pile of code :)

Collectives™ on Stack Overflow

View Source and Chrome Developer Tools showing different output

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related