Headless Recorder

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

Apa itu Headless Recorder?

Headless Recorder adalah ekstensi Chrome yang dikembangkan oleh http://checklyhq.com, dan fitur utamanya adalah "A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts".

Screenshot Ekstensi

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Unduh Berkas CRX Ekstensi Headless Recorder

Unduh file ekstensi Headless Recorder dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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.                    

Informasi Dasar Ekstensi

Nama Headless Recorder Headless Recorder
ID djeegiggegleadkkbgopoonhjimgehda
URL Resmi https://chrome.google.com/webstore/detail/headless-recorder/djeegiggegleadkkbgopoonhjimgehda
Deskripsi A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts
Ukuran File 1.79 MB
Jumlah Instalasi 31,019
Versi Saat Ini 1.1.0
Terakhir Diperbarui 2021-08-25
Tanggal Publikasi 2020-06-11
Penilaian 4.28/5 Total 40 Penilaian
Pengembang http://checklyhq.com
Email [email protected]
Tipe Pembayaran free
Situs Ekstensi https://checklyhq.com/headless-recorder
URL Halaman Bantuan https://github.com/checkly/headless-recorder
URL Halaman Kebijakan Privasi https://github.com/checkly/headless-recorder/blob/master/PRIVACY_POLICY.md
Bahasa yang Didukung 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"
    ]
}