View the original source code in the current tab with a popup rather than in a new tab,code highlight,linenumber,highlight current…

Latest Version

Version
1.1
Update
July 8, 2021
Size
738KiB
Developer
www.zenoven.com
Category
Users
3,000+
Rating
4.25 ★
Manifest Version
2
Web Store Status
Languages Support
English
English (United States)
中文 (简体)
See more
Permissions
ContextMenus

See more

SourceViewer(zvSource) Extension

With zvSource SourceViewer you can view the original webpage source code in the current tab with a popup rather than in a new tab,code highlight,linenumber,highlight current line and more features

Features:
1.View the original source code in the current tab,real source code
2.Syntax highlight,linenumber
3.highlight current line
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "manifest_version": 2, "version": "1.1", "description": "__MSG_extDescription__", "default_locale":"zh_CN", "browser_action": {"default_icon": "images/16.png" }, "icons": { "16": "images/16.png", "48": "images/48.png", "128": "images/128.png" }, "permissions": ["contextMenus",""], "background":{ "scripts": ["background.js"] }, "web_accessible_resources": [ "images/loading.gif", "images/error.png" ]}
Read more

How to download and manually install SourceViewer(zvSource) extension for Chrome

Looking for a way to install SourceViewer(zvSource) extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install SourceViewer(zvSource) extensions manually, this article outlines two simple methods to effortlessly install SourceViewer(zvSource) extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download SourceViewer(zvSource) extension and manually install through Drag &Drop

If you ever need to manually install a SourceViewer(zvSource) extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the SourceViewer(zvSource) Extension by clicking the "Download CRX" button on the website.

Look for the SourceViewer(zvSource) extension you wish to install. Go to the website and download the SourceViewer(zvSource) extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for SourceViewer(zvSource) extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the SourceViewer(zvSource) extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download SourceViewer(zvSource) extension for Chrome and install in Developer Mode

This is another method to install SourceViewer(zvSource) extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the SourceViewer(zvSource) extension file

Select and download the SourceViewer(zvSource) extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the SourceViewer(zvSource) extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your SourceViewer(zvSource) extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the SourceViewer(zvSource) extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install SourceViewer(zvSource) extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Scraping Helper Extension · Developer Tools 3,000+ 13 ★ 542KiB

icon

view-current-source Extension · Developer Tools 3,000+ 25 ★ 340KiB

icon

Status Check Extension · Developer Tools 3,000+ 2 ★ 44.03KiB

icon

FeHelper(前端助手) Extension · Developer Tools 3,000+ 321 ★ 2.72MiB

icon

梦想网页资源下载器 Extension · Developer Tools 3,000+ 4 ★ 50.43KiB

icon

常用工具(ToolBox) Extension · Developer Tools 3,000+ 18 ★ 293KiB

icon

Awesome View Source Button Extension · Productivity 3,000+ 13 ★ 34.1KiB

icon

Source Sniffer Extension · Developer Tools 3,000+ 0 ★ 212KiB

icon

AlloyDesigner Extension · Developer Tools 3,000+ 22 ★ 531KiB

icon

一马: 在线代码翻译 Extension · Developer Tools 3,000+ 1 ★ 183KiB

icon

Code Cola Extension · Developer Tools 3,000+ 188 ★ 189KiB

icon

Code Cleaner Extension · Developer Tools 3,000+ 3 ★ 14.89KiB

icon

Clear Code Extension · Developer Tools 3,000+ 7 ★ 1.2MiB

icon

withExEditor Extension · Productivity 3,000+ 2 ★ 252KiB

icon

Quick source viewer Extension · Developer Tools 3,000+ 115 ★ 74.21KiB

icon

View Page Source Extension · Developer Tools 3,000+ 7 ★ 58.38KiB

icon

稀土掘金 Extension · Productivity 3,000+ 339 ★ 4.66MiB

icon

Unicodify Your JSON Text Extension · Developer Tools 3,000+ 2 ★ 24.67KiB

icon

开发工具箱 Extension · Developer Tools 3,000+ 16 ★ 775KiB

icon

CRX Inspector Extension · Developer Tools 3,000+ 23 ★ 47.18KiB

icon

Copycat Extension · Productivity 3,000+ 55 ★ 1.25MiB

icon

二维码(QR码)生成器(QR Code Generator) Extension · Productivity 3,000+ 124 ★ 94.16KiB

icon

One key Manger Extension · Accessibility 3,000+ 186 ★ 258KiB

icon

Extension · Developer Tools 3,000+ 6 ★ 165KiB

User reviews

icon

Dan Kelly (ID: 000000086b59b06a) Voted 4 ★ - Updated 06/07/2018 Well... it does what it says. It needs a Maximize button, so you can enlarge the pop-up (maybe as default). And, it needs a button to open in a user's default text editor.

icon

Fred McIntyre (ID: 00000026ceefc95f) Voted 4 ★ - Updated 08/28/2015 It would be better if the pop up was the same width/height of the browser window. Otherwise, it is a good replacement for what I had been using, which does not longer works in Windows 10, unfortunately. I really liked that one because it worked quickly (as does this) and showed the source in a tab, which makes it "full size". Also, the previous extension used the same "Find" as Chrome uses in it's regular tabs, so you can keep clicking to find the next instance. Since this is the only extension to show current source I've found that works with Windows 10 and shows the line numbers, I will use it, but it's not very user friendly.