21MyPage Bookmarklet
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.)
Get it
You must enable Javascript! (right-click, add to favorites/bookmarks or drag to bookmark bar in Chrome)
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 (won’t be 100% accurate, but it’s faster than native print-preview on any browser I’ve 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…
- Note: You must access this page with Javascript enabled.
- Under the heading “Get It”, right-click and bookmark/add-to-favorites the link “MyPage” (or drag it to your bookmark bar in Chrome).
- Go to any web page.
- Click “MyPage” in your bookmarks/favorites.
- 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)
- When you’re done, hit [Esc] or reload the page or just go somewhere else.
OMG, I love you, seriously!
wow, that’s awesome ;) How possible would it be to remove background images/color, and set it to white? I browse some obnoxious websites/blogs, that have decent content, but the colors are horrible on the eyes. would be neat to clear out, or turn the background colors to white, and remove any image/wallpapers/etc from the background.
And well, soemthing’s still screwy with IE6. It doesn’t work as a bookmarklet, but when I use the link on your page, it does work. lol. Probably some security settings i have set.
@adam:seems to work fine for me on browsercam (IE6/XPsp2) and @ work (same). Right-click, add to faves. The white-on-black would be easy: edit the HTML of any element and insert a STYLE element with
* {background:#fff !important;color:#000 !important}. Did you try just pressing “p” for print-preview?weird. mind comparing browser settings? of the “Internet Zone”?
Im guessing that’s where the problem lies.
Mine only blocks the script at High. Medium works fine. :/
Wow, great tool!
Nice improvements over click2zap with the exception of the elimination of the enable/disable toggle. I have retained click2zap for instances where that feature is very useful.
Great :)
It would be very cool if one could deactivate the original print-stylesheets from a website with this tool.
@axiom: just use the zap style sheets BM. You could then print as-is or use MyPage to do more edits.
Amazing;-)
I like it very much and I’m looking forward to other ideas ….
Hi!
This is no doubt a great tool but for some reason i can’t access it from a shortcut in the toolbar but there’s no problem accessing it from the bookmarks panel in opera linux. Any ideas?
Thanks in advance!
@islamguide: I have “reuse current tab” checked in Opera’s prefs. This might help. I dragged it to my “Personal bar” and it works fine.
Is there any way to save a page, optimized with MyPage bookmarklet? I tried to do it in Opera 9.20 (windows), but Opera saved full version instead.
I’m looking for a way to save only the part of a page I need, and still can’t find any sutable solution. I thought, your program could help :)
@Lohmatij: When done making changes, hit [Esc] to hide MyPage, then activate Jesse Ruderman’s generated source bookmarklet to get the markup of the current DOM.
This is a noisy/lossy operation (DOCTYPE will be missing, document.write() content will be there, etc.), but I’ve found it handy for similar purposes.
Other variant, use of http://www.puzzleclub.ru/files/convert2phf.js for Opera 9. It saves page with changes in MHT or PHF.
Nice, exactly what i needed.
you cannot right-click to add bookmark in chrome/chromium browser, but you can drag it to your bookmark bar.
Looks great, but doesn’t seem to work with Chromium.
click2Zap does though, so at least I have that when using Chromium.
I was looking for a bookmarklet to zap background images and colors when I found your site. Very interesting posts!
ur web pages are very interesting and quite informative at large….very good and thank u…however i have a snag in using
in google-chrome browser…will it possible to how to go about this and to make use of your ” My Page ” details…
mypage really SUCKS, it’s almost a VIRUS!
@Naked Gary thanks for the INPUT!