4

What is the meaning of the yellow background in the sources tab when using Chrome Dev Tools? Normally it's white.

Chrome dev tools sources yellow background

Nelu
  • 16,644
  • 10
  • 80
  • 88

2 Answers2

4

Yellow background indicates that the script exist only in VM and doesn't have a named corresponding to it in DevTools source editor. It can be an eval'ed script or as in your case an old version of the edited script. The old version of the script should be kept after editing because DevTools couldn't update some of the existing functions and they still have to refer to the old source.

DevTools won't allow you to edit source of yellow scripts.

See also this bug report.

Community
  • 1
  • 1
Yury Semikhatsky
  • 2,144
  • 13
  • 12
2

This happens when you start editing a source file (notice the star in the other tab, indicating that it's unsaved and the warning icon).

The yellow VM tab shows the unedited source that is currently running.

SLaks
  • 868,454
  • 176
  • 1,908
  • 1,964