Narrower

Add margins to wide pages.

What is Narrower?

Narrower is a Chrome extension developed by Andrey Leshenko, and its main feature is "Add margins to wide pages.".

Extension Screenshots

screenshot

Download Narrower Extension CRX File

Download Narrower extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Narrower is a simple extension for dealing with annoyingly wide websites.

Usage:

To add margins to a wide page, click on the extension icon and drag the slider.
To return the page to it's previous state, either drag the margin slider to 0%, or refresh the page.

How it works:

When you drag the margin slider, Narrower changes the padding value of `document.documentElement`. It then leaves the selected margin in a cookie, so it can be recalled the next time you activate the extension on the site.

Known issues:

Changing the padding of the document element doesn't work on 100% of the pages. If a page doesn't become narrower as a result of using the extension, you can always resort to manually changing the browser window size.                    

Extension Basic Information

Name Narrower Narrower
ID jfjaedekncgddegockpigkkpgkhaoljg
Official URL https://chromewebstore.google.com/detail/narrower/jfjaedekncgddegockpigkkpgkhaoljg
Description Add margins to wide pages.
File Size 19.07 KB
Installation Count 965
Current Version 1.0
Last Updated 2016-07-17
Publish Date 2016-07-17
Rating 4.70/5 Total 33 Ratings
Developer Andrey Leshenko
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Narrower",
    "description": "Add margins to wide pages.",
    "version": "1.0",
    "author": "Andrey Leshenko",
    "icons": {
        "16": "images\/icon16.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "browser_action": {
        "default_icon": {
            "19": "images\/popup_icon19.png",
            "38": "images\/popup_icon38.png"
        },
        "default_popup": "popup.html"
    },
    "permissions": [
        "activeTab"
    ],
    "background": {
        "page": "empty.html"
    }
}