Rate it!
[Edit Description]
MyPage puts you in control of the current page: Remove, isolate, edit page items with keyboard control. On-screen print-preview emulation lets you see how the page will print while editing. (if you dug click2zap, try this out.)
Features
* Click to select/deselect elements (can select multiple) * Perform actions via keyboard (mouse over [?] in the top right corner)
R Remove selected element(s) U Undo removal I Isolate selected elements (removes everything else!) P Print-Preview (wont be 100% accurate, but its faster than native print-preview on any browser Ive used, and you can even reverse it in IE, FF & Opera. This is perfect for adjusting pages for print) W Widen last selected element (a selected table cell becomes a selected table row, etc.) B Backwards (move selection to the previous element) N Next (move selection to the next element) D Deselect all C Copy the last selected element (duplicate is placed directly after the original) E Edit HTML (of the last selected element) Esc Escape/Quit
* Tested in FF1.0, Safari1.2 & Opera 8.5 and IE6! * Inspired by the Aardvark Firefox extension. They now have a bookmarklet version, but I find it too buggy In Opera. * uncompressed source available
By request, a step-by-step tutorial
1. Note: You must access this page with Javascript enabled. 2. Under the heading Get It, right-click and bookmark/add-to-favorites the link MyPage. 3. Go to any web page. 4. Click MyPage in your bookmarks/favorites. 5. A red rectangle with a question mark will appear in the top right of the window. You can now select/deselect page elements with your mouse and use key commands to affect them. (In case you forget the key commands, mouse over the red question mark for a guide) 6. When youre done, hit [Esc] or reload the page or just go somewhere else.
Source (mrclay.org)
[Edit Javascript]
Show Source Code
javascript%3Ajavascript%3A%28function%28%29%7Bvar%2520d%3Ddocument%2Ci%3D0%2Cl%2Cem%3D0%2Ced%2Cb%3Dd.body%2Cw%3Dwindow%2Csl%3D%5B%5D%2Chid%3D%5B%5D%2C%24%3Db.getElementsByTagName%28%27*%27%29%2CcTp%3D%28d.all%26%26%21w.opera%29%3F%27absolute%27%3A%27fixed%27%2Ccss%3Dd.createElement%28%27style%27%29%3Bcss.type%3D%27text/css%27%3Bcss.media%3D%27all%27%3Bvar%2520cT%3D%27%23mPp%7Bfont-size%3A15px%3Bpadding%3A5px%3Bbackground%3A%23fdd%3Bcolor%3A%23000%3Bposition%3A%27+cTp+%27%3Btop%3A0%3Bright%3A0%3BzIndex%3A1000%3Btext-align%3Aright%7D%23mPp%3Ahover%7Bpadding%3A.5em%3Bline-height%3A1.6%3B%7D%23mPp%3Ahover%2520u%7Bdisplay%3Anone%7D%23mPp%2520i%7Bdisplay%3Anone%3Btext-align%3Aleft%3Bcursor%3Adefault%3Bcolor%3A%23000%7D%23mPp%3Ahover%2520i%7Bdisplay%3Ablock%7D%23mPp%2520b%7Bborder%3A1px%2520outset%2520%23000%3Bbackground%3A%23fff%3Bcolor%3A%23666%3Bpadding%3A0%25202px%3Bmargin-right%3A4px%7D%23mPe%7Bposition%3Aabsolute%3Bleft%3A0%3Bright%3A0%3Bpadding%3A5px%252010px%3Bbackground%3A%23fdd%3Btext-align%3Aleft%7D%23mPe%2520textarea%7Bwidth%3A99%25%3Bdisplay%3Ablock%7D%27+%27.mPs%2C.mPs%2520*%7Bbackground%3A%23ff0%3Bcolor%3A%23000%3B%7D.mPh%7Bbackground%3A%23ffc%3B%7D.mPi%2C.mPi%2520*%7Bbackground%3A%23fff%3Bwidth%3Aauto%3Bfloat%3Anone%3Bmargin%3A1em%25200%3Bpadding%3A0%3B%7Dbody.mPi%7Btext-align%3Aleft%3Bmargin%3A0%3B%7D%27.replace%28/%3B/g%2C%27%2520%21important%3B%27%29%3Bif%28css.styleSheet%29css.styleSheet.cssText%3DcT%3Belse%2520css.appendChild%28d.createTextNode%28cT%29%29%3Bd.getElementsByTagName%28%27head%27%29%5B0%5D.appendChild%28css%29%3Bfunction%2520nB%28e%29%7Bif%28%21e%29var%2520e%3Dw.event%3Be.cancelBubble%3Dtrue%3Bif%28e.stopPropagation%29e.stopPropagation%28%29%7Dfunction%2520over%28e%29%7BnB%28e%29%3B%21em%26%26%21this.isSel%26%26changeCn%28this%2C%27mPh%27%29%7Dfunction%2520out%28e%29%7BnB%28e%29%3B%21em%26%26%21this.isSel%26%26changeCn%28this%29%7Dfunction%2520clik%28e%29%7BnB%28e%29%3B%21em%26%26this.isSel%3FunSel%28this%29%3Asel%28this%29%3Breturn%2520false%7Dwhile%28l%3D%24.item%28i++%29%29%7BaddEvents%28l%29%7Dvar%2520h%3Dd.createElement%28%27a%27%29%3Bh.id%3D%27mPp%27%3Bh.href%3D%27http%3A//mrclay.org/%27%3Bh.innerHTML%3D%27%3Cu%3E%3F%3C/u%3E%3Ci%3E%3Cb%3ER%3C/b%3Eemove%2520Selected%3C/i%3E%3Ci%3E%3Cb%3EU%3C/b%3Endo%2520Remove%3C/i%3E%3Ci%3E%3Cb%3EI%3C/b%3Esolate%2520Selected%3C/i%3E%3Ci%3E%3Cb%3EP%3C/b%3Erint%2520Preview%3C/i%3E%3Ci%3E%3Cb%3EW%3C/b%3Eiden%2520Selected%3C/i%3E%3Ci%3E%3Ci%3E%3Cb%3EB%3C/b%3Eackwards%3C/i%3E%3Cb%3EN%3C/b%3Eext%3C/i%3E%3Ci%3E%3Cb%3ED%3C/b%3Eeselect%3C/i%3E%3Ci%3E%3Cb%3EC%3C/b%3Eopy%2520Element%3C/i%3E%3Ci%3E%3Cb%3EE%3C/b%3Edit%2520HTML%3C/i%3E%3Ci%3E%3Cb%3EEsc%3C/b%3Eape/Quit%3C/i%3E%27%3Bh.onclick%3Dfunction%28e%29%7BnB%28e%29%7D%3Bb.appendChild%28h%29%3Bd.onkeydown%3Dfunction%28e%29%7Bvar%2520ls%3Dsl.length%3Fsl%5Bsl.length-1%5D%3A0%3Bif%28%21e%29var%2520e%3Dwindow.event%3Bif%28e.keyCode%3D%3D27%29%7Brm%28h%29%3Brm%28css%29%3Bi%3D0%3Bwhile%28l%3D%24.item%28i++%29%29%7Bl.onmouseover%3Dl.oldOnmouseover%7C%7Cnull%3Bl.onmouseout%3Dl.oldOnmouseout%7C%7Cnull%3Bl.onclick%3Dl.oldOnclick%7C%7Cnull%3Bl.oldOnmouseover%3Dnull%3Bl.oldOnmouseout%3Dnull%3Bl.oldOnclick%3Dnull%7Dd.onkeydown%3Dnull%3Bem%26%26rm%28ed%29%7Dif%28em%29return%2520true%3Bswitch%28e.keyCode%29%7Bcase%252082%3Awhile%28sl.length%29%7Bls%3Dsl%5Bsl.length-1%5D%3Bls.style.display%3D%27none%27%3BunSel%28ls%29%3Bhid.push%28ls%29%7Dbreak%3Bcase%252073%3Asel%28h%29%3Bwhile%28b.hasChildNodes%28%29%29b.removeChild%28b.firstChild%29%3Bwhile%28sl.length%29%7Bb.appendChild%28sl%5B0%5D%29%3BunSel%28sl%5B0%5D%29%7Dbreak%3Bcase%252087%3Aif%28ls%29%7BunSel%28ls%29%3B%28ls%21%3Db%29%26%26sel%28ls.parentNode%29%7Dbreak%3Bcase%252080%3App%28%29%3Bbreak%3Bcase%252068%3AunSel%28ls%29%3Bbreak%3Bcase%252085%3Ahid.length%26%26%28hid.pop%28%29.style.display%3D%27%27%29%3Bbreak%3Bcase%252069%3Als%26%26ls.innerHTML%26%26edit%28ls%29%3Bbreak%3Bcase%252066%3Aif%28ls%29%7Bl%3Dd.getElementsByTagName%28%27*%27%29.item%28getSourceIndex%28ls%29-1%29%3Bif%28l%26%26l%21%3Db%29%7BunSel%28ls%29%3Bsel%28l%29%7D%7Dbreak%3Bcase%252078%3Aif%28ls%29%7Bl%3Dd.getElementsByTagName%28%27*%27%29.item%28getSourceIndex%28ls%29+1%29%3Bif%28l%26%26l%21%3Dh%29%7BunSel%28ls%29%3Bsel%28l%29%7D%7Dbreak%3Bcase%252067%3Aif%28ls%29%7Bl%3Dls.cloneNode%28true%29%3Bif%28ls.id%29%7Bl.id+%3D%27_copy%27%7Dls.parentNode.insertBefore%28l%2Cls.nextSibling%29%3BaddEvents%28l%29%3Bi%3D0%3Bvar%2520desc%3Bwhile%28desc%3Dl.getElementsByTagName%28%27*%27%29.item%28i++%29%29addEvents%28desc%29%3BunSel%28ls%29%3Bsel%28l%29%7Dbreak%3Bdefault%3Areturn%2520true%7Dreturn%2520false%7D%3Bfunction%2520rm%28l%29%7Bl.parentNode.removeChild%28l%29%7Dfunction%2520changeCn%28l%2CcN%29%7Bl.className%3Dl.className.replace%28/%5CbmP%5Bhs%5D%5Cb/g%2C%27%27%29%3Bif%28cN%29l.className+%3Dl.className%3F%27%2520%27+cN%3AcN%7Dfunction%2520sel%28l%29%7BchangeCn%28l%2C%27mPs%27%29%3Bl.isSel%3D%271%27%3Bsl.push%28l%29%7Dfunction%2520unSel%28l%29%7BchangeCn%28l%29%3Bl.isSel%3D%27%27%3Bfor%28var%2520i%3D0%2Clen%3Dsl.length%3Bi%3Clen%3Bi++%29%7Bif%28sl%5Bi%5D%3D%3Dl%29%7Bsl.splice%28i%2C1%29%3Breturn%7D%7D%7Dfunction%2520edit%28l%29%7Bem%3D1%3Bvar%2520left%3D0%2Ctop%3D0%2Ctmp%3Dl%2Cchg%3D0%3Bif%28tmp.offsetParent%29%7Bwhile%28tmp.offsetParent%29%7Bleft+%3Dtmp.offsetLeft%3Btop+%3Dtmp.offsetTop%3Btmp%3Dtmp.offsetParent%7D%7Ded%3Dd.createElement%28%27div%27%29%3Bed.id%3D%27mPe%27%3Bb.appendChild%28ed%29%3Bed.style.top%3D%28top+l.offsetHeight+5%29+%27px%27%3BunSel%28l%29%3Bvar%2520oh%3DgetOuterHTML%28l%29.replace%28/%5E%5Cs*%7C%5Cs*%24/g%2C%27%27%29.replace%28/%2520isSel%5B%3C%3E%5D*%5Cu003E/g%2C%27%3E%27%29.replace%28/%2520class%3D%22%22%28%3F%3D%5B%5E%3C%3E%5D*%3E%29/g%2C%27%27%29%3Bsel%28l%29%3Bvar%2520rows%3DMath.min%2815%2Coh.split%28%27%5Cn%27%29.length+3%29%3Bed.innerHTML%3D%27%3Ctextarea%2520id%3DmPta%2520rows%3D%27+rows+%27%3E%3C/textarea%3E%3Cbutton%2520id%3DmPbu%3Edone%3C/button%3E%27%3Bd.getElementById%28%27mPta%27%29.value%3Doh%3Bd.getElementById%28%27mPta%27%29.onchange%3Dfunction%28%29%7Bchg%3D1%7D%3Bfunction%2520finEdit%28%29%7BunSel%28l%29%3Bem%3D0%3Bif%28chg%29%7Bvar%2520tmp%3Db.appendChild%28d.createElement%28%27div%27%29%29%3Btmp.innerHTML%3Dd.getElementById%28%27mPta%27%29.value%3Bi%3D0%3Bvar%2520desc%3Bwhile%28desc%3Dtmp.getElementsByTagName%28%27*%27%29.item%28i++%29%29addEvents%28desc%29%3Bwhile%28tmp.hasChildNodes%28%29%29l.parentNode.insertBefore%28tmp.firstChild%2Cl%29%3Brm%28l%29%3Brm%28tmp%29%7Drm%28ed%29%7Dd.getElementById%28%27mPbu%27%29.onclick%3Dd.getElementById%28%27mPbu%27%29.onkeypress%3DfinEdit%7Dfunction%2520addEvents%28l%29%7Bif%28%27String%27%21%3Dtypeof%2520l.isSel%29%7Bl.isSel%3D%27%27%3Bl.oldOnmouseover%3Dl.onmouseover%3Bl.oldOnmouseout%3Dl.onmouseout%3Bl.oldOnclick%3Dl.onclick%3Bl.onmouseover%3Dover%3Bl.onmouseout%3Dout%3Bl.onclick%3Dclik%7D%7Dfunction%2520getSourceIndex%28l%29%7Bif%28l.sourceIndex%29return%2520l.sourceIndex%3Bi%3D0%3Bvar%2520el%3Bwhile%28el%3Dd.getElementsByTagName%28%27*%27%29.item%28i%29%29%7Bif%28el%3D%3Dl%29return%2520i%3B++i%7D%7Dfunction%2520getOuterHTML%28l%29%7Bif%28l.outerHTML%29return%2520l.outerHTML%3Bvar%2520dv%3Dd.createElement%28%27div%27%29%3Bdv.appendChild%28l.cloneNode%28true%29%29%3Breturn%2520dv.innerHTML%7Dfunction%2520pp%28%29%7Bvar%2520i%3D0%2Cm%2Css%3Dd.styleSheets%2Cwk%3D/webkit/i.test%28navigator.userAgent%29%3Bif%28ss%26%26%21wk%29%7Bfor%28i%3D0%3Bi%3Css.length%3Bi++%29%7Bm%3Dss%5Bi%5D.media%3Bif%28m.mediaText%29m.mediaText%3Dmedia%28m.mediaText%29%3Belse%2520ss%5Bi%5D.media%3Dmedia%28m%29%7D%7Delse%7Bss%3D%5B%5D%3Bvar%2520r%2Cl%3Bwhile%28l%3Dd.getElementsByTagName%28%27link%27%29.item%28i++%29%29%7Br%3Dl.getAttribute%28%27rel%27%29%3Bif%28r%26%26/%5Estyle/i.test%28r%29%29ss.push%28l%29%7Di%3D0%3Bwhile%28l%3Dd.getElementsByTagName%28%27style%27%29.item%28i++%29%29ss.push%28l%29%3Bfor%28i%3Dss.length-1%3Bi%3E%3D0%3Bi--%29%7Bif%28wk%29handleWk%28ss%5Bi%5D%29%3Belse%2520ss%5Bi%5D.media%3Dmedia%28ss%5Bi%5D.media%29%7D%7Dfunction%2520media%28m%29%7Breturn%28m%3D%3D%27all%27%29%3Fm%3A%28/projection/.test%28m%29%29%3F%27print%27%3A%28/speech/.test%28m%29%29%3F%27screen%27%3A%28/print/.test%28m%29%29%3F%27screen%2Cprint%2Cprojection%27%3A%27speech%27%7Dfunction%2520handleWk%28l%29%7Bif%28/print/.test%28l.media%29%29%7Bvar%2520n%3Dl.cloneNode%28true%29%3Bn.media%3D%27screen%27%3Bl.parentNode.appendChild%28n%29%7Delse%2520if%28/screen/.test%28l.media%29%29%7Bl.disabled%3Dtrue%7D%7D%7D%7D%29%28%29%3B
It's cool but you might as well just get firebug.
