Edit text in web pages with IE8

Internet Explorer is often criticized as the worst web browser for developers, but IE8 has gradually changed that notion because it has an interesting set of development tools.

Internet Explorer - Internet Explorer is often criticized as the worst web browser for developers, but IE8 has gradually changed that notion because it provides an interesting set of development tools. . In this article, I will show you how to use IE8 to edit text on any web page.

How to edit text in a web page

IE8's development tools allow users to more easily make changes to a website and view them directly. Very simple, just browse to the website you need to edit, then press F12 . Alternatively, you can click the Tools button and select Developer tools in the list.

Edit text in web pages with IE8 Picture 1Edit text in web pages with IE8 Picture 1

This will open the Developer Tools window. To make your edits, select the cursor button on the 'Select Element by Click' toolbar.

Edit text in web pages with IE8 Picture 2Edit text in web pages with IE8 Picture 2

Click on any part of the web page in IE8 that you want to edit. Here, you can edit the footer of the Google.com page as the example we took in the lesson. Note, the browser will localize with a blue box around the area where you are holding the mouse, which makes it easy for you to choose exactly what you want to tweak.

Edit text in web pages with IE8 Picture 3Edit text in web pages with IE8 Picture 3

In the developer tools window, the component you selected earlier will be done. Click the '+' button next to the entry if the text you want to edit does not exist.

Edit text in web pages with IE8 Picture 4Edit text in web pages with IE8 Picture 4

Click on the text you want to change and enter what you want in the box. In the example in the article, we entered '© 2010 Microsoft'.

Edit text in web pages with IE8 Picture 5Edit text in web pages with IE8 Picture 5

Return to IE to see the changes on your page!

Edit text in web pages with IE8 Picture 6Edit text in web pages with IE8 Picture 6

You can also change a link on the page this way:

Edit text in web pages with IE8 Picture 7Edit text in web pages with IE8 Picture 7

Or you can change a piece of text on a button:

Edit text in web pages with IE8 Picture 8Edit text in web pages with IE8 Picture 8

This is a edited Google.com page in the example:

Edit text in web pages with IE8 Picture 9Edit text in web pages with IE8 Picture 9

This is an interesting way and can make a funny screenshot. You can test how the font changes to the look of the website or what the button looks like when changing the label. It is also very useful when you take a screenshot. For example, if you want to introduce your friend to something in Gmail but don't want to reveal your email address, you can edit the text on the top right before taking a screenshot. In the example in the article, we changed our address to test@yahoo.com .

Edit text in web pages with IE8 Picture 10Edit text in web pages with IE8 Picture 10

Note that these changes will not appear when you reload the web page. However, you can save changes from a developer tools window, then reopen the page from your computer if you want.

Edit text in web pages with IE8 Picture 11Edit text in web pages with IE8 Picture 11
4.5 ★ | 2 Vote