Instantly pause the page when DevTools is open using a keyboard shortcut.

Latest Version

Version
1.0
Update
November 23, 2021
Size
5.95KiB
Developer
Category
Users
707
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Pause page Extension

Instantly pause the page when DevTools is open using a keyboard shortcut. This makes it easy to inspect an element at a specific point in time. For example, for elements like popovers or dropdowns, visibility is often controlled using JavaScript events like `mousemove`/`mouseleave`, so when we try to inspect these elements, they disappear from the page because the cursor moved or keyboard focus changed. If we pause the page once the element is visible then it won't disappear when we move the cursor or change keyboard focus, thereby allowing us to inspect the element and its styles.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Pause page", "description": "Instantly pause the page when DevTools is open using a keyboard shortcut.", "permissions": ["activeTab"], "manifest_version": 2, "version": "1.0", "background": { "scripts": ["background.js"], "persistent": false }, "commands": { "pause": { "suggested_key": { "default": "Ctrl+Shift+U", "mac": "Command+Shift+U" }, "description": "Pause" } }, "icons": { "128": "icon.png" }}
Read more

How to download and manually install Pause page extension for Chrome

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

Method 1: Download Pause page extension and manually install through Drag &Drop

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

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

This is another method to install Pause page 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 Pause page extension file

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

Similar Extensions

icon

Element Capture Extension · Productivity 707 8 ★ 71.93KiB

icon

Pause Debugger Extension · Developer Tools 707 3 ★ 14.23KiB

icon

Stop Extension · Productivity 707 7 ★ 6.67KiB

icon

Stop JavaScript Extension · Accessibility 707 10 ★ 14.03KiB

icon

Pause All Videos Extension · Productivity 707 10 ★ 8.06KiB

icon

Pause & Inspect Extension · Developer Tools 707 2 ★ 14.65KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 707 9 ★ 84.8KiB

icon

Pause Resume Adviser Extension · Productivity 707 2 ★ 4.5KiB

icon

Pause Script Execution Extension · Developer Tools 707 5 ★ 70.92KiB

icon

JSADD - JavaScript Anti-Debugging Detection Extension · Developer Tools 707 2 ★ 111KiB

icon

No-Inspect Web Editor - text & Images Extension · Accessibility 707 0 ★ 9.76KiB

icon

easy inspect Extension · Fun 707 4 ★ 24.3KiB

icon

Pause All Extensions Extension · Developer Tools 707 4 ★ 623KiB

icon

Freeze DOM Extension · Developer Tools 707 10 ★ 37.57KiB

icon

break? Extension · Developer Tools 707 2 ★ 15.42KiB

icon

Anti Anti Debug Extension · Developer Tools 707 24 ★ 15.35KiB

icon

Quick Inspect Element Extension · Developer Tools 707 9 ★ 360KiB

icon

Inspector Saver Extension · Developer Tools 707 5 ★ 135KiB

icon

Inspect CSS Extension · Developer Tools 707 24 ★ 404KiB

icon

DOM to JSON Converter Extension · Developer Tools 707 1 ★ 18.23KiB

icon

PixelSharp Extension · Developer Tools 707 9 ★ 4.18KiB

icon

Rayrun Extension · Developer Tools 707 8 ★ 94.19KiB

icon

Storage Editor Extension · Developer Tools 707 6 ★ 802KiB

icon

Pause - Stop Mindless Browsing Extension · Productivity 707 116 ★ 806KiB