Scroll Capture

Record your websites and automate scrolling and mouse actions for your portfolio screen captures.

什么是Scroll Capture?

Scroll Capture是由patrickmatte开发的Chrome扩展程序,该扩展的主要功能是“Record your websites and automate scrolling and mouse actions for your portfolio screen captures.”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载Scroll Capture扩展crx文件

下载Scroll Capture扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Scroll Capture is primarily aimed towards web designers and developers that need to create beautiful video screen captures for their portfolio. The extension lets you automate scroll animations that smoothly ease in and out, and also add mouse events and gestures. It can also create full page screenshots.

Update Log :

0.2.6 Some UI simplification, the action timeline and video settings sections have been merged. Image Capture mode can now hide fixed elements and custom element selectors. A link to the video tutorial is available in the Info section.

0.2.0 The scroll action has a new "Use speed" option which will automatically calculate the duration based on the scrolling distance.

0.1.9 The recordings are now saved as MP4 or M4V.

0.1.8 The Image Capture section now has a hidden elements list. You can add element selectors to make them dissapear after the first scroll.

0.1.7 Scroll target is now easier to use as a select box instead of a text input. Image Capture section can now capture the documentElement as well as scrolling overflow html elements.

0.1.6 There's a new section called Image Capture which creates a long image of the whole scrolling area.

0.1.5 There's a new CSS action to add custom css rules.

0.1.4 The :hover css states are now getting triggered by the event action when using the mouseover and mouseout event types.

0.1.0 The purpose of the new URL action is to reload the browser tab to capture a website's intro animation. It is also now possible to record multiple html pages with the same timeline. Scroll capture will now keep recording after a browser refresh following a click event.

0.0.8 Added toggle buttons in the settings panel to turn sound or video on and off. You can now record video files without sound, or sound files without video! You can also hide the scrollbars and cursor while recording.

0.0.7 Added all the other video codecs supported natively by Chrome. The video codecs are "h264", "av1", "avc1", "vp8", "vp9" and sound codecs are "opus" and "pcm".

0.0.6 - The scrolling bug caused by scroll-behavior:smooth is now fixed. Transitioned to Chrome Extension Manifest V3. The JS action had to be removed because of the new security features in Manifest V3. The recording also now uses devicePixeRatio so high density screens like Apple retina can be recorded in their full resolutions.                    

扩展基本信息

名称 Scroll Capture Scroll Capture
ID egmhoeaacclmanaimofoooiamhpkimkk
官方URL https://chromewebstore.google.com/detail/scroll-capture/egmhoeaacclmanaimofoooiamhpkimkk
简介 Record your websites and automate scrolling and mouse actions for your portfolio screen captures.
文件大小 10.05 MB
安装次数 15,228
当前版本 0.2.8
更新时间 2024-02-29
上架时间 2020-05-12
评分 4.26/5 共57次评分
开发者 patrickmatte
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/sponsors/patrickmatte
帮助页面URL https://github.com/patrickmatte/scroll-capture/issues
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Scroll Capture",
    "version": "0.2.8",
    "description": "Record your websites and automate scrolling and mouse actions for your portfolio screen captures.",
    "permissions": [
        "activeTab",
        "storage",
        "tabCapture",
        "scripting",
        "offscreen"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "content_scripts": [],
    "web_accessible_resources": [
        {
            "resources": [
                "*.js",
                "*.wasm",
                "*.css",
                "*.html",
                "assets\/fonts\/*",
                "assets\/images\/*.jpg",
                "assets\/images\/*.png"
            ],
            "matches": [
                ""
            ]
        }
    ],
    "action": {
        "default_title": "Default Title",
        "default_popup": "noscript.html",
        "default_icon": {
            "16": "assets\/images\/get_started16.png",
            "32": "assets\/images\/get_started32.png",
            "48": "assets\/images\/get_started48.png",
            "128": "assets\/images\/get_started128.png"
        }
    },
    "icons": {
        "16": "assets\/images\/get_started16.png",
        "32": "assets\/images\/get_started32.png",
        "48": "assets\/images\/get_started48.png",
        "128": "assets\/images\/get_started128.png"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self' 'wasm-unsafe-eval'"
    }
}