webshotapi
Advanced tools
Readme
Take screenshot and save image in JPG, PNG, PDF. You can also extract selectors for all HTML elements with coordinates and css styles after browser rendering. In our api you can create project and send all you urls to queue. Our server will do all the work for you
Full documentation about our api you can find in this website Website screenshot API DOCS
Use the package manager NPM to install our client in nodejs.
npm install webshotapi
Api key you can generate after register. https://webshotapi.com/dashboard/api/
const webshotapi = require('webshotapi');
//Image download
const TOKEN = "YOUR TOKEN HERE";
(async()=>{
try{
const client = new Webshotapi(TOKEN);
const result = await client.screenshot_jpg('https://www.example.com', {
remove_modals:1,
'width': 1920,
'no_cache': 1
});
#save screenshot to file
await result.save('/tmp/screenshot_test.jpg');
}catch(e){
console.log("Error", e);
}
})();
You can covert your html page to invoice in PDF.
const webshotapi = require('webshotapi');
//Image download
const TOKEN = "YOUR TOKEN HERE";
(async()=>{
try{
const client = new Webshotapi(TOKEN);
const result = await client.screenshot_pdf('https://www.example.com', {
remove_modals:1,
'width': 1920,
'no_cache': 1
});
#save screenshot to file
await result.save('/tmp/screenshot_test.pdf');
}catch(e){
console.log("Error", e);
}
})();
Unique software to extract all selectors for HTML elements from website with css styles after browser rendering. Additionally you can extract all words with position (x,y,width, height, offset from previous word). Thank that you can build words map of website.
const webshotapi = require('webshotapi');
//Image download
const TOKEN = "YOUR TOKEN HERE";
(async()=>{
try{
const client = new Webshotapi(TOKEN);
const result = await client.extract('https://www.example.com', {
"remove_modals": 1,
"ads": 1,
"width": 1680,
"height": 960,
"extract_selectors": 1,
"extract_words": 1,
"extract_style": 1,
"extract_text": 1,
"extract_html": 1,
});
//get json data
let data = result.json();
//show result data
console.log(data);
//save data to file
result.save('/tmp/test.json');
}catch(e){
console.log("Error", e);
}
{
"selectors": [
{
"xpath": "/html/body",
"x": 1212,
"y": 17,
"w": 117,
"h": 25,
"style": {
"visibility": "visible",
"display": "inline",
"fontWeight": "400",
"backgroundImage": "none",
"cursor": "pointer",
"fontSize": "22px",
"color": "rgb(255, 255, 255)",
"position": "static",
"textDecoration": "none solid rgb(255, 255, 255)",
"text-decoration-line": "none",
"backgroundColor": "rgba(0, 0, 0, 0)"
},
"class": ".col-12 col-sm-12",
"id": "#price",
"itemprop": "price"
}
],
"words": [
{
"xpath": "/html/body/div[1]/div[2]/div/div[2]/ul/li[5]/a",
"word": "Welcome",
"position": {
"x": 434.8,
"y": 343.4,
"w": 434,
"h": 43
},
"word_index": 2,
"offset": 14
}
],
"html": "<!doctype html><html lang='en' dir='ltr'><head><base hr...",
"text": "Welcome in our page\nToday is Monday...",
"screenshot_url": "https://api.webshotapi.com/v1/screenshot/?token=....&width=1920&height=960",
"status_code": 200
}
Full documentation about our api you can find in this website API DOCS
FAQs
Take screenshot and save image in JPG, PNG, PDF. You can also extract selectors for all HTML elements with coordinates and css styles after browser rendering. In our api you can create project and send all you urls to queue. Our server will do all the wor
We found that webshotapi demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
LDAPjs, an LDAP Client and Server API for Node.js, was decommissioned after its maintainer received an abusive email from a user, raising concerns about this form of abuse as a potential attack vector.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.