jquery - Chrome HTML Inspector: Copy original source (and not modified DOM) -

i'm working quite lot html templates. many of display more 1 visualization within 1 page. therefore use chromes html inspector copy needed html source table/div template. copy this:

but: found out, copying html inspector copies code dom, means copy of code contains jquery modifications made scripts , not original source html-element.

is there way copy element sub-items , source not contain modifications of javascript dom manipulation!?

thanks lot

---

edit: solution found deactivating execution of javascript temporarly in inspector under "settings", reloading page , copying html-source node. it's cumbersome , not nice...

might seem bit of workaround, although if use chrome's console logging, can print contents of <div> upon load & before jquery starts it's dom modifications.

for getting post's .post-text before modification:

console.log( $$('.post-text')[0].innerhtml ); $(document).ready(function(){    /** javascript **/ }); 

to little more out of chrome could use copy html:

//now press ctrl + v where-ever need paste contents. console.log(      copy( $$('.post-text')[0].innerhtml ) ); 

or last suggestion, pause page , inspect elements within chrome, can carry on inspector selections:

//or div/selector. inspect( document.body );  debugger;  $(document).ready(function(){    /** javascript **/ });