Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Change text on web pages in Safari Web Browsers
This is a trick I've used for a while now, but I don't know if it's so obvious to others.

First what you need to do is enable the Safari Develop menu, simply done in Preferences » Advanced or via the command line, whichever you prefer.

Then, click Show Web Inspector, and it'll pop up a web inspector pane below your content.

Then, you can go through the HTML (when you mouse over a section the portion on the page will highlight so you know you're in the right place) and find the text you want to edit (you may have to go pretty deep). You can then double click on the area you want to change, replace the text with your own, and hit enter.

Great trick for sending funny screenshots to friends.

[crarko adds: I tested this, and it works as described.]
    •    
  • Currently 4.67 / 5
  You rated: 5 / 5 (9 votes cast)
 
[13,390 views]  

Change text on web pages in Safari | 15 comments | Create New Account
Click here to return to the 'Change text on web pages in Safari' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Change text on web pages in Safari
Authored by: tobyvoss on Mar 29, '11 08:12:39AM

i find it a rather powerful tool in tweaking client-side javascript while developing, though let's also value the prank aspect, come around april 1stÖ



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: tobyvoss on Mar 29, '11 08:15:43AM

Öand works in chrome, too!



[ Reply to This | # ]
... And to generally "fix" pages
Authored by: enigmamf on Mar 29, '11 08:32:53AM

You can also use it to delete elements entirely - If I am going to be sitting on a page for a long time, I'll sometimes use the Inspector to delete ads and other elements interfering with the page content.



[ Reply to This | # ]
Or for touch up before printing
Authored by: arcticmac on Mar 29, '11 08:45:54AM

I actually often use the web inspector to make some visual touch ups to pages before I print them. Usually just removing ads and such (like the previous poster), but one could potentially do almost anything, since many websites don't have good print stylesheets.



[ Reply to This | # ]
Or for touch up before printing
Authored by: canisbos on Mar 29, '11 09:30:19AM
If you print a lot, check out my QuickNuke extension for Safari. You can hide elements with a click and a keystroke. Even better, you can "isolate" one element, which hides everything except that element—perfect for printing.

[ Reply to This | # ]
Or for touch up before printing
Authored by: chris79 on Mar 29, '11 11:30:33AM
there's also a cross-browser bookmarklet called Printliminator

[ Reply to This | # ]
Or for touch up before printing
Authored by: wallybear on Mar 29, '11 12:31:33PM
There is a simple javascript tool available online, Printliminator, that lets you hide the parts of a web page you don't want to print (or save) with a simple click.
It's really handy and I use it a lot.

[ Reply to This | # ]
Or for touch up before printing
Authored by: rab777hp on Mar 29, '11 03:07:50PM

Why not just use Reader? Or some other service? Most of those things work automatically and without having to go through manually for each element.



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: motees on Mar 29, '11 09:34:30AM

Absolutely great. It has always annoyed me (a lot) that one specific text size set in Safari would result in some webpages being OK, but other webpages being to larger or too small. Now this problem is over. I have set each website text size to exactly how I like it (actually the same size for all webpages(!), which is what should have been available anyway!!)



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: appjon on Mar 29, '11 09:51:08AM
There's an easier way. Just paste this in your address bar on any browser, and hit enter. Now any text is editable on the page!

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

[ Reply to This | # ]
Change text on web pages in Safari
Authored by: asmeurer on Jun 14, '11 02:30:34PM

Nice. This should have been the hint.

One side effect of this is that you can select text on a page using the keyboard (shift and arrow keys, combined with modifier keys), which for some of us is much easier than using a mouse.

The only disadvantage is that you can't click on links. The only way to follow a link is to right click on it and choose "Open link".



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: Gus Chambers on Mar 29, '11 04:12:03PM

Hilarious. Wasnít obvious to me, and Iíve used OS X since the PB. I believe Iíll have a lot of fun with this, spanx. :)



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: scottbayes on Mar 29, '11 06:26:31PM
There's an easier way. Just paste this in your address bar on any browser
Stick 'er in a bookmark, then click the bookmark when the mood hits you.

[ Reply to This | # ]
Change text on web pages in Safari
Authored by: dokterphil on Mar 30, '11 06:26:12AM

Thanks for the hint. But my account url is a huge array of letters and numbers instead of a name... am I getting something wrong?



[ Reply to This | # ]
Change text on web pages in Safari
Authored by: komokdj on Aug 19, '12 02:46:09PM
In Opera browser you are able to replace any text on every web page with RePlaceTeXt Opera extension.

[ Reply to This | # ]