Geek Answers Handbook

How to see nested scripts in Chrome Developer Tools

I am inserting a partial page using $ (). html (content). Part of the partial JavaScript code in the inline script block that I need to check. When I look at the Sources tab in Chrome’s Developer Tools, it doesn’t display the entered content. All this shows the original source.

Is there a way to access JavaScript?

Update

I am using Google Chrome 21.0.1180.77, but I also have Google Chrome Canary installed.

+4
source share
1 answer

I don’t have the Sources tab (Elements, Resources, Network, Scenarios, Dates, Profiles, Audit, Console).

The Elements tab always reflects the current state of the DOM, so it displays any scripts you enter. EDIT: That seems wrong.

There is a Chrome issue about this: http://code.google.com/p/chromium/issues/detail?id=95352

You can add a specially crafted comment to the entered JavaScript code and it will appear on the Scripts tab (but it still doesn't work on the Elements tab for any reason):

//@ sourceUrl=whatever.js
+2
source

More articles:


All Articles