JavaScript
Article
By Sam Deering

JavaScript to Edit Web Page Directly

By Sam Deering
Last chance to win! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

I’ve posted this script on the blog before in a joint post, but as I really do love it i thought it deserved it’s own post. With this awesome script you can edit any web page you want live in the browser. You can change text, move images around, re-align components, whatever you want really. Great for web designers who want to quickly show changes in a web page to a client for example.

JavaScript Edit Web Page Directly

Simply copy and paste this code snippet into the address bar and press enter.

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0
--ADVERTISEMENT--

jQuery Visual Event

If you’re interested in quickly seeing what elements on a page have jquery events attached to them then this bookmark script is just for you! Click the button below to test it out!

Visual Event

Instructions

  1. Drag+drop the ‘Visual Events’ bookmark button below onto your toolbar
  2. Visit Web Page
  3. Click Bookmark
  4. Change Underwear

Source: http://www.sprymedia.co.uk/article/Visual+Event

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.
Is it good?Is it good?