4 Easy Ways to Edit Text on Any Website Using HTML

Download Article

A user-friendly guide to temporarily changing the text on any website with Inspect Element

Download Article

Using Google Chrome

|

Using Safari

|

Using Microsoft Edge

|

Using Mozilla Firefox

|

Expert Q&A

Do you want to edit the text on a web page to fool a friend? Most modern browsers are equipped with Developer Tools, which allows you to look at and change the code on a web page. You don't need to be familiar with coding to do this; it will only take a few simple steps. Keep in mind these changes will only be temporary as they are applied locally; you can refresh the page to revert it back to normal. This How.com.vn will show you how to edit text on any website using Google Chrome, Microsoft Edge, Mozilla Firefox, and Safari.

Things You Should Know

On Chrome, click "⋮" → "More tools" → "Developer tools". Click the cursor icon and select the text to replace it.
On Edge, click "•••" → "More tools" → "Developer tools". Click the cursor icon and select the text to replace it.
On Firefox, click "☰" → "More tools" → "Web Developer Tools". Click the cursor icon and select the text to replace it.

Method 1

Method 1 of 4:

Using Google Chrome

Download Article

1
Open Google Chrome
. This looks like a red, green, yellow, and blue sphere icon.^{[1]XResearch source}
- If needed, you can download Google Chrome.
As long as the website contains actual text and not images of text, you'll be able to edit it.
Advertisement
3
Click ⋮. This will be in the top-right corner.
- A drop-down menu will open.
4
Hover over More tools and click Developer tools. This will open a new panel on the right side of the page.
- If you aren't already on the Elements tab, click it now.
5
Click the cursor icon. This will be in the same row as the Elements, Console, and Sources tab.
- When you click it, you'll be able to interact with the web page.
6
Select the text you want to edit. Use the left side of the browser with the webpage. As you hover your cursor, the element will highlight. Click the text you want to change.
- The right panel will be redirected to the text's code location.
7
In the right panel, double-click the text. When you double-click the text, a box will appear around the text part of the code.
- Pay close attention to the original text; you don't want to delete the code itself. In most cases, the text will be encased by > and <.
Typing will automatically delete the text.
9
Click X. This is in the top-right corner of the Elements panel.
- The new text will be reflected on the web page.
- To return the text back to normal, refresh the page.

Method 2

Method 2 of 4:

Using Safari

Download Article

1
Enable the Develop menu. You must have this menu enabled in order to edit the web page's code. Do the following:
- Open Safari.
- Click Safari in the menu bar.
- Click Preferences.
- Click Advanced.
- Check the box for Show Develop menu in menu bar.
As long as the website contains actual text and not images of text, you'll be able to edit it.
Click and drag your cursor over the text to highlight it.
This will be towards the bottom of the pop-up menu.
Pay close attention to the original text; you don't want to delete the code itself. In most cases, the text will be encased by > and <.
The new text will take effect.
7
Click X. This will close the Inspect Element window.
- To return the text back to normal, refresh the page.

Method 3

Method 3 of 4:

Using Microsoft Edge

Download Article

1
Open Microsoft Edge. This is the default browser for Windows.
- If needed, you can update the browser or install it.
As long as the website contains actual text and not images of text, you'll be able to edit it.
This will open a drop-down menu.
4
Hover over More tools and click Developer tools. This will open a new panel on the right side of the page.
- If you aren't already on the Elements tab, click it now.
5
Click the cursor icon. This will be in the same row as the Elements tab.
- When you click it, you'll be able to interact with the web page.
6
Select the text you want to edit. Use the left side of the browser with the webpage. As you hover your cursor, the element will highlight. Click the text you want to change.
- The right panel will be redirected to the text's code location.
7
In the right panel, double-click the text. When you double-click the text, a box will appear around the text part of the code.
- Pay close attention to the original text; you don't want to delete the code itself. In most cases, the text will be encased by > and <.
Typing will automatically delete the text.
9
Click X. This is in the top-right corner of the Elements panel.
- The new text will be reflected on the web page.
- To return the text back to normal, refresh the page.

Method 4

Method 4 of 4:

Using Mozilla Firefox

Download Article

1
Open Mozilla Firefox. This looks like an orange fox wrapped around a globe.
- If needed, download Firefox.
As long as the website contains actual text and not images of text, you'll be able to edit it.
This will open a drop-down menu.
4
Click More tools, and then Web Developer Tools. This will open a new panel at the bottom of the page.
- If you aren't already on the Inspector tab, click it now.
5
Click the cursor icon. This will be in the same row as the Inspector tab.
- When you click it, you'll be able to interact with the web page.
6
Select the text you want to edit. Use the top part of the browser with the webpage. As you hover your cursor, the element will highlight. Click the text you want to change.
- The bottom panel will be redirected to the text's code location.
The code will expand.
8
Replace the existing text with your text. Pay close attention to the original text; you don't want to delete the code itself. In most cases, the text will be encased by > and <.
- Highlight the original text and type your new text. Typing will automatically delete it.
This will save your text and apply it to the web page.
10
Click X. This is in the top-right corner of the Inspector panel.
- To return the text back to normal, refresh the page.

Expert Q&A

Search

Add New Question

Question
What is inspect element used for?
Mitch Harris
Consumer Technology Expert
Mitch Harris is a Consumer Technology Expert based in the San Francisco Bay Area. Mitch runs his own IT Consulting company called Mitch the Geek, helping individuals and businesses with home office technology, data security, remote support, and cybersecurity compliance. Mitch earned a BS in Psychology, English, and Physics and graduated Cum Laude from Northern Arizona University.
Mitch Harris
Consumer Technology Expert
Expert Answer
Inspect element lets you view the source of a website, so you can gain insight into how the website is designed. You can also use this tool to grab an element for yourself, like a graphic, underline, or particular font.
Thanks! We're glad this was helpful.
Thank you for your feedback.
If How.com.vn has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission.Support How.com.vn
Yes No
Not Helpful 0 Helpful 3
Question
How can I edit an existing website with inspect element?
Mitch Harris
Consumer Technology Expert
Mitch Harris is a Consumer Technology Expert based in the San Francisco Bay Area. Mitch runs his own IT Consulting company called Mitch the Geek, helping individuals and businesses with home office technology, data security, remote support, and cybersecurity compliance. Mitch earned a BS in Psychology, English, and Physics and graduated Cum Laude from Northern Arizona University.
Mitch Harris
Consumer Technology Expert
Expert Answer
Inspect element won't let make any actual changes to a website's code. You'll have to edit the HTML and CSS externally.
Thanks! We're glad this was helpful.
Thank you for your feedback.
If How.com.vn has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission.Support How.com.vn
Yes No
Not Helpful 1 Helpful 5
Question
Will anyone see if I edit a text?
Community Answer
No, no one else will see it. This is because you have only edited the page on your computer, not anyone else’s.
Thanks! We're glad this was helpful.
Thank you for your feedback.
If How.com.vn has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission.Support How.com.vn
Yes No
Not Helpful 2 Helpful 22