title: How do you preserve Chrome DOM breakpoints on page refresh?
body: <p>I want to see what code is modifying a DOM element on a webpage, so I set a breakpoint in Chrome by right-clicking on the element in the Elements tab of the DevTools inspector and choosing "Break on..." -> "Subtree Modifications". The script modifies the element when the page is loaded (and not after), so I want to preserve the DOM breakpoint and refresh the page. </p>
  
  <p>The process for saving breakpoints in javascript code doesn't seem to apply to DOM breakpoints.</p>
  
  <p><a href="https://i.stack.imgur.com/v2kud.png" rel="noreferrer"><img src="https://i.stack.imgur.com/v2kud.png" alt="breakpoints"></a></p>