Headless Recorder

A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts

Headless Recorder là gì?

Headless Recorder là một tiện ích mở rộng Chrome được phát triển bởi http://checklyhq.com, và tính năng chính của nó là "A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Headless Recorder

Tải xuống các tệp mở rộng Headless Recorder dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Headless Recorder is a popular open-source Chrome extension to easily generate Playwright/Puppeteer scripts without coding 🚀

The free extension makes writing Playwright/Puppeteer scripts way easier. It records your browser interactions and auto-generates the code. This is super useful for creating: 

👉  E2E test scripts
👉  Web scraping scripts
👉  Synthetic monitoring scripts

Headless Recorder features:
- Record clicks, input events, etc.
- Record screenshots.
- Pause the recording when navigating.
- Identify elements from the overlay.
- Monitor recorded events.
- Export to Puppeteer code or to [Checkly](https://www.checklyhq.com/)
- Tweak the settings of the generated code.
- Light and dark mode

How to use it:
- Click the icon and hit Record.
- Hit TAB after you finish typing in an input element.
- Click links, inputs and other elements.
- Wait for full page load on each navigation.
- Click Pause when you want to navigate without recording anything. Hit Resume to continue recording.

This extension is actively developed. More events and actions will be added in later versions.
check https://checklyhq.com/headless-recorder/. If you have feedback and/or want to contribute have a look at https://github.com/checkly/headless-recorder.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Headless Recorder Headless Recorder
ID djeegiggegleadkkbgopoonhjimgehda
URL Chính Thức https://chrome.google.com/webstore/detail/headless-recorder/djeegiggegleadkkbgopoonhjimgehda
Mô tả A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts
Kích Thước Tệp 1.79 MB
Số Lần Cài Đặt 31,019
Phiên Bản Hiện Tại 1.1.0
Cập Nhật Lần Cuối 2021-08-25
Ngày Phát Hành 2020-06-11
Đánh Giá 4.28/5 Tổng số 40 Đánh Giá
Nhà Phát Triển http://checklyhq.com
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://checklyhq.com/headless-recorder
URL Trang Trợ Giúp https://github.com/checkly/headless-recorder
URL Trang Chính Sách Bảo Mật https://github.com/checkly/headless-recorder/blob/master/PRIVACY_POLICY.md
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Headless Recorder",
    "version": "1.1.0",
    "manifest_version": 2,
    "description": "A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts",
    "default_locale": "en",
    "permissions": [
        "storage",
        "webNavigation",
        "activeTab",
        "cookies",
        "*:\/\/*\/"
    ],
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "content_security_policy": "script-src 'self' ; object-src 'self'",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_popup": "popup.html",
        "default_title": "__MSG_extName__",
        "default_icon": {
            "19": "icons\/19.png",
            "38": "icons\/38.png"
        }
    },
    "options_ui": {
        "page": "options.html",
        "browser_style": true,
        "open_in_tab": true
    },
    "web_accessible_resources": [
        "icons\/dark\/play.svg",
        "icons\/light\/play.svg",
        "icons\/dark\/pause.svg",
        "icons\/light\/pause.svg",
        "icons\/dark\/screen.svg",
        "icons\/light\/screen.svg",
        "icons\/dark\/clip.svg",
        "icons\/light\/clip.svg",
        "icons\/dark\/sync.svg",
        "icons\/light\/sync.svg",
        "icons\/dark\/duplicate.svg",
        "icons\/light\/duplicate.svg"
    ]
}