UI Overview

Main View

Screenshot of Main View

Screenshot of Main View
  1. Run config
  2. Save config to browser storage
  3. Load config to from a file
  4. Save config to a file.
  5. Add selector group. Useful for extracting different data from same page.
  6. Menu with more actions
  7. Reset defined fields.
  8. Status indicator. Statuses are defined in src/types.ts
  9. Show logs.
  10. Collapse selector group
  11. Selector group name user editable
  12. Rename selector group
  13. Delete selector group
  14. Selector for container for individual items.
  15. Start interactive element picker for element container.
  16. Delete field.
  17. Start interactive element picker.
  18. Switch to array extraction for this field.
  19. Results section.
  20. Show results as JSON
  21. Download extracted data
  22. Copy extracted data
  23. Show results in a fullpage
  24. Clear results
  25. Collapse results for a selector group

Config View

Screenshot of Config Tab

Screenshot of Config Tab
  1. Pagination section. See src/types:PaginationConfig for definition.
  2. Extraction options section. See src/types:ExtractionOptions for definition.
  3. Metadata section. See src/types:Metadata for definition.
  4. Variables section. Not implemented

Pagination Section

None pagination. This is the default.

Screenshot of none tab of pagination section

Screenshot of none tab of pagination section

Next button pagination. Element is triggered with .click() during navigation.

Screenshot of next button tab of pagination section

Screenshot of next button tab of pagination section
  1. Selector for next button.
  2. Maximum number of pages to navigate.
  3. Test navigation by moving to the next page.

Page links pagination.

Screenshot of page links tab of pagination section

Screenshot of page links tab of pagination section
  1. Input for links to navigate to. One per line
  2. Test navigation by moving to the next page.

URL template pagination.

Screenshot of URL template tab of pagination section

Screenshot of URL template tab of pagination section
  1. Input for URL template. The template is used to create the URL for the next page.
  2. Start page number
  3. Increment
  4. Maximum number of pages to scrape

Library View

Screenshot of Library Tab

Screenshot of Library Tab
  1. Rename saved configuration.
  2. Delete saved configuration.
  3. Show JSON configuration
  4. Load configuration into sidebar

Fullpage Results

Screenshot of Fullpage results

Screenshot of Fullpage results
  1. Results tab
  2. Logs tab
  3. JSON data tab
  4. Download results data in different formats
  5. Copy results data in different formats