Recommended guide/tools/sites for deconstructing webpages?

in Script development
Subscribe to Recommended guide/tools/sites for deconstructing webpages? 7 posts, 5 voices



Richard Plester User
ChromeWindows

Having a thorough knowledge of how a web page has been put together is essential in writing effective scripts to interact with it.

Can anyone recommend guides, techniques, tools, user-scripts or web sites which assist in the process of "reverse engineering" a web page?

Chrome's Dev Tools/Inspector is a great resource but I'm looking to increase my arsenal :)

 
drsr Scriptwright
ChromeWindows

Visual Event is great.

 
Jefferson Scher Scriptwright
FirefoxWindows

This one? http://www.sprymedia.co.uk/article/Visual+Event+2

Amazing.

It doesn't seem to know about event listeners added by userscripts, but perhaps that could be added some day.

 
Richard Plester User
ChromeWindows

THAT IS AWESOME!! Thanks for sharing the find!

Finally found 5 minutes to go take a look at this and love it. Definitely one for the toolbox and going to spend a lot time playing with it. Shame the link to project at GitHub is broken as I'd like to look at the source code and maybe customise this.

Any more gems like this shout them up! :)

 
LouCypher Scriptwright
FirefoxWindows

Richard Plester wrote:
Shame the link to project at GitHub is broken as I'd like to look at the source code and maybe customise this.
https://github.com/DataTables/VisualEvent works for me.

 
DarkOne User
ChromeWindows

This one? http://webdeconstructor.com/

 
Richard Plester User
ChromeWindows

Thanks DarkOne, that's a really cool webpage!
Doesn't do everything I'd like - but I suppose I could extend it with a userscript :)