View the page's source code, formatted and prettified, with this little Kitty.

Latest Version

Version
1.0.4
Update
December 1, 2024
Size
286KiB
Developer
kitty-squad.vercel.app
Category
Users
21
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Scripting
ActiveTab
ContextMenus
See more

Page Source Kitty Extension

Page Source Kitty is a minimalist and efficient extension that gives you quick access to the formatted and prettified source code of the current page.

KEY FEATURES
➤ The page source opens in a new tab.
➤ Minimalist interface with no toolbars, giving you a clean experience to view the source code.
➤ Quick switch between RAW and prettified code.
➤ Copy the prettified code with a single click.
➤ Dark/Light theme for your convenience.

QUICK ACCESS
You can instantly view the page source code in your preferred way:
➤ Integrated command in the context menu.
➤ Clicking the extension icon.
➤ Accessible via a hotkey (Ctrl+Shift+U by default).

PLEASE NOTE
➤ The hotkey can be changed or disabled in Chrome Extensions Shortcuts settings.
➤ Some pages, such as Chrome extensions, the Chrome Web Store, etc., restrict access to their source code.
➤ The extension is free to use, with no ads or hidden costs. Enjoy!

CREDITS
Icons by icons8

If there are any features you’re missing or if you’re experiencing issues, contact us at [email protected].
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "short_name": "SRC Kitty", "name": "Page Source Kitty", "version": "1.0.4", "description": "View the page's source code, formatted and prettified, with this little Kitty.", "icons": { "16": "img/kitty-16.png", "32": "img/kitty-32.png", "48": "img/kitty-48.png", "128": "img/kitty-128.png" }, "homepage_url": "https://kitty-squad.vercel.app", "author": "Browser Kitty Squad", "action": { "default_title": "Click to view the page source code with Kitty" }, "background": { "service_worker": "background.js", "type": "module" }, "permissions": [ "scripting", "activeTab", "contextMenus" ], "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+U" }, "description": "Open page source view with Kitty" } }}
Read more

How to download and manually install Page Source Kitty extension for Chrome

Looking for a way to install Page Source Kitty 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 Page Source Kitty extensions manually, this article outlines two simple methods to effortlessly install Page Source Kitty extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Page Source Kitty extension and manually install through Drag &Drop

If you ever need to manually install a Page Source Kitty 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 Page Source Kitty Extension by clicking the "Download CRX" button on the website.

Look for the Page Source Kitty extension you wish to install. Go to the website and download the Page Source Kitty extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Page Source Kitty 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 Page Source Kitty 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 Page Source Kitty extension for Chrome and install in Developer Mode

This is another method to install Page Source Kitty 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 Page Source Kitty extension file

Select and download the Page Source Kitty 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 Page Source Kitty 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 Page Source Kitty 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 Page Source Kitty 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 Page Source Kitty extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Color Grab Extension · Productivity 21 2 ★ 76.55KiB

icon

New Chrome extension source viewer Extension · Developer Tools 21 0 ★ 220KiB

icon

Page Marker for Google Chrome™ Extension · Productivity 21 10 ★ 1.41MiB

icon

Color Picker for Chrome™ Extension · Developer Tools 21 118 ★ 194KiB

icon

Scroll To Top Extension · Productivity 21 16 ★ 69.85KiB

icon

Color Palette Extension · Developer Tools 21 9 ★ 63.64KiB

icon

Cute Cats NewTab Extension · Productivity 21 0 ★ 4.02MiB

icon

Webpage Code Extractor Extension · Developer Tools 21 1 ★ 2.97MiB

icon

Free QR Code Generator Extension · Productivity 21 1 ★ 71.27KiB

icon

Lexend for Chrome™ Extension · Productivity 21 5 ★ 609KiB

icon

Leetcode format Extension · Developer Tools 21 30 ★ 2.42MiB

icon

1-Click Color Picker: Instant Eyedropper (hex, rgb, hsl) Extension · Productivity 21 3 ★ 239KiB

icon

Blackboard Extension · Productivity 21 7 ★ 1.39MiB

icon

Chrome Extension Source Viewer Extension · Developer Tools 21 3 ★ 580KiB

icon

Grid Lines Ruler Extension · Developer Tools 21 25 ★ 152KiB

icon

Sleeping cat in the browser Extension · Fun 21 5 ★ 18.63MiB

icon

Text Blackness Extension · Accessibility 21 4 ★ 277KiB

icon

Website to QR Code Generator Extension · Productivity 21 0 ★ 25.96KiB

icon

View Page Source Extension · Productivity 21 0 ★ 16.08KiB

icon

Quick Draw Extension · Productivity 21 0 ★ 32.97KiB

icon

URL Encode & Decode Extension · Productivity 21 0 ★ 7.49KiB

icon

JSON & Code Viewer Extension · Developer Tools 21 2 ★ 1.66MiB

icon

Papeer.tech Extension · Productivity 21 0 ★ 10.32KiB

icon

Headings List Extension · Productivity 21 0 ★ 325KiB