When using web page source code, IE browser calls out notepad or web page editing software to view it, which is very inconvenient to use. Today, I will introduce to you an IE plug-in. Because it is a plug-in, it is integrated into IE and it looks flexible and convenient to use.
Software name: Instant Source
For the convenience of narration, I will use the Chinese version of Instant Source v1.44 as an example to introduce the use of this software.
1. Installation and interface
Instant Source is a plug-in specially developed for IE, so after installation, you cannot find the program to start it in the Start menu. It is integrated in IE. If you don't find its icon on your IE browser toolbar, you can add it through "View → Toolbar → Custom".
Click the Instant Source icon on the IE browser toolbar. As shown in Figure 1, Instant Source will reveal its true face below the IE window. Almost all functions of Instant Source must be completed through this window integrated in IE.
2. View the source code
Instant Source provides a variety of ways to view source code. It can view the source code of the entire page, the source code of the selected text, and even the source code of the web page element pointed to by the mouse. Click the "Show" button on the toolbar, as shown in Figure 2, select "Elements pointed by Mouse" on the menu. In this way, in IE, the source code of the web page element pointed by the mouse will be displayed in the Instant Source window in real time.
3. Edit the source code
First of all, it should be noted that Instant Source's editing of web page source code is only suitable for local HTML web page files.
Open a local web page file in IE and select "Enterprise (original)" in Figure 2. At this time, you will find that the "Apply" button on the Instant Source toolbar has become available. Now, you can edit the source code of the web page in the Instant Source window. After the editing is completed, click "Apply", and Instant Source will automatically save the web page and display it in real time in IE. This feature is undoubtedly a great blessing for those who are accustomed to using source code to edit web pages.
4. Save external objects
Open the first page of "Sina.com" in IE, click "Object" on the Instant Source toolbar to open the "Page Object" dialog box. What did you see? That's right, all external objects linked to the homepage of "Sina.com", including images, Flash movies, js scripts, style sheets, and other web files linked to, are all visible at a glance.
Select an object and click "View" on the dialog box to open the object in the default browser; click "Save" to save the object locally. Of course, click "Save All" to save all objects; click "Copy URL" to copy the absolute address of the selected object to the clipboard. Aren’t many friends always asking me how to save Flash animations on web pages? Today I will introduce this software to you, and I hope I won’t ask me questions like this again.
In the Instant Source window, we can copy the selected source code, or click "Find" on the toolbar to find the content you need in the web source code. In short, Instant Source is a very practical tool for web page making enthusiasts. For other netizens, you can also use it to find and save resources on the web page.
Software name: Instant Source
For the convenience of narration, I will use the Chinese version of Instant Source v1.44 as an example to introduce the use of this software.
1. Installation and interface
Instant Source is a plug-in specially developed for IE, so after installation, you cannot find the program to start it in the Start menu. It is integrated in IE. If you don't find its icon on your IE browser toolbar, you can add it through "View → Toolbar → Custom".
Click the Instant Source icon on the IE browser toolbar. As shown in Figure 1, Instant Source will reveal its true face below the IE window. Almost all functions of Instant Source must be completed through this window integrated in IE.
2. View the source code
Instant Source provides a variety of ways to view source code. It can view the source code of the entire page, the source code of the selected text, and even the source code of the web page element pointed to by the mouse. Click the "Show" button on the toolbar, as shown in Figure 2, select "Elements pointed by Mouse" on the menu. In this way, in IE, the source code of the web page element pointed by the mouse will be displayed in the Instant Source window in real time.
3. Edit the source code
First of all, it should be noted that Instant Source's editing of web page source code is only suitable for local HTML web page files.
Open a local web page file in IE and select "Enterprise (original)" in Figure 2. At this time, you will find that the "Apply" button on the Instant Source toolbar has become available. Now, you can edit the source code of the web page in the Instant Source window. After the editing is completed, click "Apply", and Instant Source will automatically save the web page and display it in real time in IE. This feature is undoubtedly a great blessing for those who are accustomed to using source code to edit web pages.
4. Save external objects
Open the first page of "Sina.com" in IE, click "Object" on the Instant Source toolbar to open the "Page Object" dialog box. What did you see? That's right, all external objects linked to the homepage of "Sina.com", including images, Flash movies, js scripts, style sheets, and other web files linked to, are all visible at a glance.
Select an object and click "View" on the dialog box to open the object in the default browser; click "Save" to save the object locally. Of course, click "Save All" to save all objects; click "Copy URL" to copy the absolute address of the selected object to the clipboard. Aren’t many friends always asking me how to save Flash animations on web pages? Today I will introduce this software to you, and I hope I won’t ask me questions like this again.
In the Instant Source window, we can copy the selected source code, or click "Find" on the toolbar to find the content you need in the web source code. In short, Instant Source is a very practical tool for web page making enthusiasts. For other netizens, you can also use it to find and save resources on the web page.