Scroll Preview

Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.

What is Scroll Preview?

Scroll Preview is a Chrome extension developed by Mike Chen, and its main feature is "Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Scroll Preview Extension CRX File

Download Scroll Preview 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

                        HOW IT WORKS
   •   Alt + A — get a new scrollbar with rough preview
   •   drag/click the scrollbar — just like how you used to
   •   Alt + Shift + A — get a refined preview (please wait patiently)
   •   tired of key pressing? — turn on Automatic or Conditional mode in option page

FAQ
   •   https://github.com/chintown/monocle/wiki

UPDATES
   •   Floating handle
   •   Conditional mode for articles
   •   Setting synchronization

FEATURES
   •   Captures whole-page snapshot (Alt+A)
   •   Adds an additional easy-to-drag scrollbar which works nicely with the native one
   •   Integrates snapshot with scrollbar for better previewing
   •   Refreshes snapshot while window is resized
   •   Allows hide/show toggling (Alt+A again)
   •   If you found blank areas shown in snapshot, let the browser re-scan the page to refine it. (Shift+Alt+A)
   •   Applies anti-aliasing on snapshot.
   •   Jumps to where you click on the snapshot.
   •   Magnifier on snapshot (works great with click-to-jump).
   •   Always-on mode (Options > Basics > Automatically) 
   •   Option page (chrome://extensions/ > Scroll Preview > Options) 
   •   Auto-hide
   •   Blacklist / Whitelist







ISSUES
   •   https://github.com/chintown/monocle/issues

CONTRIBUTORS
   •   Mike Chen

ACKNOWLEDGEMENTS
   •   "html2canvas" by Niklas von Hertzen                    

Extension Basic Information

Name Scroll Preview Scroll Preview
ID hhpfdnhklmhheldplcmfhfdooeekgpmm
Official URL https://chromewebstore.google.com/detail/scroll-preview/hhpfdnhklmhheldplcmfhfdooeekgpmm
Description Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.
File Size 66.74 KB
Installation Count 776
Current Version 5.2
Last Updated 2019-08-07
Publish Date 2019-08-07
Rating 3.93/5 Total 27 Ratings
Developer Mike Chen
Email [email protected]
Payment Type free
Extension Website http://about.chintown.org/#3
Help Page URL https://github.com/chintown/monocle/wiki
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Scroll Preview",
    "version": "5.2",
    "description": "Scroll Preview integrates a whole-page preview with scrollbar that inspired by Sublime Text's mini map.",
    "icons": {
        "16": "icons\/monocle-16.png",
        "48": "icons\/monocle-48.png",
        "128": "icons\/monocle-128.png"
    },
    "browser_action": {
        "default_icon": {
            "19": "icons\/monocle-19.png",
            "38": "icons\/monocle-38.png"
        },
        "default_title": "Scroll Preview"
    },
    "author": "Mike Chen",
    "background": {
        "scripts": [
            "common\/dev.js",
            "common\/user_settings.js",
            "src\/background.js"
        ],
        "persistent": true
    },
    "commands": {
        "basic-snapshot": {
            "description": "Simple",
            "suggested_key": {
                "default": "Alt+A"
            }
        },
        "refined-snapshot": {
            "description": "Refined",
            "suggested_key": {
                "default": "Alt+Shift+A"
            }
        }
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "css": [
                "src\/style.css"
            ],
            "js": [
                "libs\/jquery-shim.js",
                "libs\/html2canvas.js",
                "common\/dev.js",
                "common\/user_settings.js",
                "src\/content.js"
            ]
        }
    ],
    "options_page": "options\/options.html",
    "permissions": [
        "tabs",
        "activeTab",
        "storage",
        "*:\/\/*\/*"
    ],
    "web_accessible_resources": [
        "libs\/jquery-shim.js"
    ],
    "content_security_policy": "script-src 'self' https:\/\/www.google-analytics.com; object-src 'self'"
}