New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 633606 link

Starred by 3 users

Issue metadata

Status: WontFix
Owner:
Last visit 29 days ago
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Feature



Sign in to add a comment

[Feature Request] - Show source of inline added styles within Google Dev Tools, when inline styles have been added by JavaScript

Reported by alexande...@gmail.com, Aug 2 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

Steps to reproduce the problem:
JavaScript often styles HTML elements (eg: adding padding-top: 50px). In Google Chrome Dev Tools/Inspect Element, this simply appears as a element style, with no real traceability to where this style was added from.

What is the expected behavior?
My proposed solution would be to show the JavaScript file/source/line which caused the addition of the styling.

What went wrong?
Attached screenshots shows mockup of desired outcome for CSS styles being applied by JavaScript

Did this work before? N/A 

Chrome version: 52.0.2743.82  Channel: stable
OS Version: OS X 10.11.6
Flash Version: Shockwave Flash 22.0 r0
 
mockup.jpg
20.9 KB View Download
Cc: nyerramilli@chromium.org
Labels: M-54
Status: Untriaged (was: Unconfirmed)
Thanks for the report, marking as Untriaged and requesting Dev team to look into this and update.
Components: Platform>DevTools
Owner: dgozman@chromium.org
Status: Assigned (was: Untriaged)
Owner: lushnikov@chromium.org
Interesting idea! The workaround for now would be to use "Break on > Attribute Modifications" on the node and reload.
Cc: lushnikov@chromium.org
 Issue 633594  has been merged into this issue.
Status: WontFix (was: Assigned)
This would require quite a bit of an effort.

I'm closing this for now due to low interest in the feature.

Sign in to add a comment