.actor

{
 "actorSpecification": 1,
 "name": "CSS scraper",
 "title": "CSS scraper",
 "description": "Scrape webpage using CSS selector.",
 "version": "0.0.1",
 "storages": {
 "dataset": {
 "actorSpecification": 1,
 "title": "CSS scraper",
 "views": {
 "overview": {
 "title": "JSON",
 "transformation": {
 "fields": [
 "JSON"
 ]
 },
 "display": {
 "component": "table",
 "columns": [
 {
 "label": "JSON",
 "format": "text",
 "field": "JSON"
 }
 ]
 }
 }
 }
 }
 }
}

.actor/actor.json

import { Actor } from 'apify'
import { JSDOM } from 'jsdom'

await Actor.init()

console.log('Loading input')

// Structure of input is defined in INPUT_SCHEMA.json.
const input = await Actor.getInput()
const {url, css} = input

console.log('URL:', url)
console.log('CSS:', css)

// load dom, root = parent of window
var root = await JSDOM.fromURL( url )

// select from body
var items = root.window.document.body.querySelectorAll( css )

// get attributes
var res = Array.prototype.map.call( items, item => Object.fromEntries( Object.values( item.attributes ).map(a => [a.name, a.value] ) ) )
console.log( res.length, 'results' )

// Structure of output is defined in .actor/actor.json
await Actor.pushData( res.map(e => ({JSON: JSON.stringify(e)}) ) )

await Actor.exit()

src/main.js

# configurations
.idea

# crawlee and apify storage folders
apify_storage
crawlee_storage
storage

# installed files
node_modules


.dockerignore

# Specify the base Docker image. You can read more about
# the available images at https://sdk.apify.com/docs/guides/docker-images
# You can also use any other image from Docker Hub.
FROM apify/actor-node:16

# Copy just package.json and package-lock.json
# to speed up the build using Docker layer cache.
COPY package*.json ./

# Install NPM packages, skip optional and development dependencies to
# keep the image small. Avoid logging too much and print the dependency
# tree for debugging
RUN npm --quiet set progress=false \
 &amp;&amp; npm install --omit=dev --omit=optional \
 &amp;&amp; echo "Installed NPM packages:" \
 &amp;&amp; (npm list --omit=dev --all || true) \
 &amp;&amp; echo "Node.js version:" \
 &amp;&amp; node --version \
 &amp;&amp; echo "NPM version:" \
 &amp;&amp; npm --version

# Next, copy the remaining files and directories with the source code.
# Since we do this after NPM install, quick build will be really fast
# for most source file changes.
COPY . ./


# Run the image.
CMD npm start --silent

Dockerfile

{
 "title": "Add two integers",
 "type": "object",
 "schemaVersion": 1,
 "properties": {
 "url": {
 "title": "Url",
 "type": "string",
 "description": "",
 "editor": "textfield",
 "prefill":"https://www.amazon.com/s?k=cat"
 },
 "css": {
 "title": "CSS",
 "type": "string",
 "description": "CSS Selector",
 "editor": "textfield",
 "prefill":"div[data-asin][data-index]" 
 }
 },
 "required": ["url","css"]
}

INPUT_SCHEMA.json

## About This Actor

 

*... almost there ...*

 

![enter image description here](https://illustoon.com/photo/thum/6289.png)

 

|parameter|type|description|
|-|-|-|
|url|***string***|Url address to scrap|
|css|***string***|CSS selector|

***Example #1:***
```json
{ 
	"url": "https://www.amazon.com/s?k=cat", 
	"css": "div[data-asin][data-index]" 
}
```

README.md

{
 "name": "getting-started-node",
 "version": "0.0.1",
 "type": "module",
 "description": "This is an example of an Apify actor.",
 "dependencies": {
 "apify": "^3.0.0",
 "jsdom": "^20.0.0"
 },
 "devDependencies": {},
 "scripts": {
 "start": "node src/main.js",
 "test": "echo \"Error: oops, the actor has no tests yet, sad!\" &amp;&amp; exit 1"
 },
 "author": "It's not you it's me",
 "license": "ISC"
}

package.json

CSS scraper

import { Actor } from 'apify'
import { JSDOM } from 'jsdom'

await Actor.init()

console.log('Loading input')

// Structure of input is defined in INPUT_SCHEMA.json.
const input = await Actor.getInput()
const {url, css} = input

console.log('URL:', url)
console.log('CSS:', css)

// load dom, root = parent of window
var root = await JSDOM.fromURL( url )

// select from body
var items = root.window.document.body.querySelectorAll( css )

// get attributes
var res = Array.prototype.map.call( items, item => Object.fromEntries( Object.values( item.attributes ).map(a => [a.name, a.value] ) ) )
console.log( res.length, 'results' )

// Structure of output is defined in .actor/actor.json
await Actor.pushData( res.map(e => ({JSON: JSON.stringify(e)}) ) )

await Actor.exit()


# Specify the base Docker image. You can read more about
# the available images at https://sdk.apify.com/docs/guides/docker-images
# You can also use any other image from Docker Hub.
FROM apify/actor-node:16

# Copy just package.json and package-lock.json
# to speed up the build using Docker layer cache.
COPY package*.json ./

# Install NPM packages, skip optional and development dependencies to
# keep the image small. Avoid logging too much and print the dependency
# tree for debugging
RUN npm --quiet set progress=false \
    && npm install --omit=dev --omit=optional \
    && echo "Installed NPM packages:" \
    && (npm list --omit=dev --all || true) \
    && echo "Node.js version:" \
    && node --version \
    && echo "NPM version:" \
    && npm --version

# Next, copy the remaining files and directories with the source code.
# Since we do this after NPM install, quick build will be really fast
# for most source file changes.
COPY . ./


# Run the image.
CMD npm start --silent


Add two integers

## About This Actor

  

*... almost there ...*

  

![enter image description here](https://illustoon.com/photo/thum/6289.png)

  

|parameter|type|description|
|-|-|-|
|url|***string***|Url address to scrap|
|css|***string***|CSS selector|

***Example #1:***
```json
{  
	"url":  "https://www.amazon.com/s?k=cat",  
	"css":  "div[data-asin][data-index]"  
}
```


parameter	type	description
url	string	Url address to scrap
css	string	CSS selector

About This Actor

Where next?