Skip to content

ojvribeiro/scrap.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Scrap.js

Web Scraping via client-side


Como usar

Baixe o arquivo scrap.js e o inclua em seu HTML:

<script src="scrap.js"></script>

scrap.get

Chame o método scrap.get com os parâmetros url e callback para fazer a requisição do DOM de uma página da web:

scrap.get(url, callback)

onde:

  • url é uma string com a URL do site que você quer extrair o conteúdo;

  • callback é uma função executada assim que obtiver a resposta. Adicione um parâmetro response (ou res) para capturar a resposta e armazenar como quiser.

Exemplo:

scrap.get('https://bredi.com.br/', (res) => {
  // Faça o que quiser com a response...
  const myDocument = res

  // Por exemplo, extrair todas as imagens e armazenar numa array...
  let pageImages = []

  myDocument.querySelectorAll('img').forEach((el) => {
    pageImages.push(el.src)
  })

  console.log(pageImages)
})

scrap.getHTML

O método scrap.getHTML captura um elemento específico de uma página da web. Ele recebe um parâmetro, que é o objeto com as opções do Scrap.

Option Value
url Qualquer URL começando com http:// ou https://
element String com o seletor do elemento que você quer receber
callback Função a ser executada após o sucesso na requisição

Exemplo:

scrap.getHTML({
  url: 'https://bredi.com.br/',
  element: '#portfolio article',
  callback: (res) => {
    // Insere o resultado em um elemento dentro da sua página
    document.querySelector('#app').innerHTML = res
  }
})

About

Web Scraping via client-side

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published