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 **/ });
Comments
Post a Comment