Pretend to edit text from a website

Table of contents:

Pretend to edit text from a website
Pretend to edit text from a website
Anonim

Any prankster can see the comedic potential of temporarily changing the way a website appears on your computer, and there are many practical uses for customizing the appearance of a website. Hopefully your goals are nothing but playful or helpful and not mean, but whatever you're up to, the process is relatively simple.

Steps

Method 1 of 3: Pretending to edit a website using a browser with a bookmarks bar

Appear to Edit Text on Any Website Step 1

Step 1. Find a link to the 'edit current website' bookmarklet

The easiest way to do this is simply to enter 'edit current website bookmarklet' into your search engine. This will bring up some pages with the correct link.

Appear to Edit Text on Any Website Step 2

Step 2. Drag the link into your bookmarks bar

You can edit the website where you found the link by simply clicking on it, but you'll probably want to drag the link to your bookmarks bar. This allows you to use it on any website.

Appear to Edit Text on Any Website Step 3

Step 3. Make good use of it

Navigate to the website you want to edit and click the bookmark. Clicking has no noticeable effect, but you can now go into the text of the website and edit it as you see fit.

Method 2 of 3: Pretend you're editing a website with Chrome

Appear to Edit Text on Any Website Step 4

Step 1. Find the text or photo you want to change

In Chrome, navigate to the website you want to edit. To edit text, highlight the words you want to change and right-click; if you want to edit a photo, just right click on it without selecting it.

To pretend to edit a photo, upload the photo you want to replace an existing photo with. You should be able to replace the URL in the original code with a new URL

Appear to Edit Text on Any Website Step 5

Step 2. Open 'Inspect element'

When you right click, a menu will appear. Click on 'Inspect element'. A new window with lots of HTML will appear in the current window.

If you're using Windows, you can also use 'Inspect element' by pressing F12

Appear to Edit Text on Any Website Step 6

Step 3. Find the text you want to change in 'Inspect element'

If you are editing text, the words you marked on the original website should also be highlighted here. Editing an image highlights a larger chunk of text, with an underlined URL at the end.

Appear to Edit Text on Any Website Step 7

Step 4. Change the code

If you're changing text, just overwrite the words you've marked with what you want to replace. If you change a photo, replace the url with the new URL you want, and leave the rest of the code alone.

If you make a mistake, just press Command+Z on a Mac or Control+Z on Windows to undo it

Appear to Edit Text on Any Website Step 8

Step 5. Finish it

Click 'Enter' and close 'Inspect element'. It now appears that the website contains the modified text or image. You haven't actually edited the website, of course, and these changes will disappear when you refresh the page.

Method 3 of 3: Editing a website using Safari

Appear to Edit Text on Any Website Step 9

Step 1. Activate the Develop menu

In Safari, click the 'Safari' menu in the menu bar at the top of the screen. From here, click on "Preferences" and then select "Advanced" from the menu at the top of the preferences window. Check the box at the bottom of the window that says "Show Develop menu in menu bar." A Develop menu will now appear in the menu bar, between 'Bookmark' and 'Window'.

Appear to Edit Text on Any Website Step 10

Step 2. Find the text or photo you want to change

Navigate to the website you want to edit. To edit text, highlight the words you want to change and right-click on them; if you want to edit a photo, just right click on it without highlighting it.

To pretend to edit a photo, upload the photo you want to replace an existing photo with. You should be able to replace the URL in the original code with a new one

Appear to Edit Text on Any Website Step 11

Step 3. Open 'Inspect element'

When you right click, a menu will appear. Click on 'Inspect element'. A new window with lots of HTML will appear in the current window.

  • You can also open the 'Inspect element' window by clicking the 'Develop' menu and selecting 'Show Web Inspector'. Then find the text you want by pressing Command+F on a Mac or Control+F on Windows, and type in the text you want to change. This is a somewhat more cumbersome method.
  • You can also open the Web Inspector with the shortcut Alt+Command+I on a Mac, or by pressing F12 on Windows.
Appear to Edit Text on Any Website Step 12

Step 4. Change the code

If you're changing text, just overwrite the words you've marked with the ones you want to replace them with. If you change an image, replace the url with the desired new image, and leave the rest of the code alone.

If you make a mistake, press Command+Z on a Mac or Control+Z on Windows to undo it

Appear to Edit Text on Any Website Step 13

Step 5. Finish it

Click 'Enter' and close 'Inspect element'. It now appears that the website has changed the text or image. You haven't actually edited the website, of course, and these changes will disappear when you refresh the page.

Popular by topic