Introducing Web Scraping with Scrapy.js

Scrapy.js

A Web Scraping library for JavaScript built using BeautifulSoup4.

Overview of this library

First import the library using the script tag and then proceed to call the functions

<script src=”https://sijey-praveen.gi…


This content originally appeared on DEV Community and was authored by Sijey

Scrapy.js

A Web Scraping library for JavaScript built using BeautifulSoup4.

Overview of this library

First import the library using the script tag and then proceed to call the functions

<script src="https://sijey-praveen.github.io/scrapy.js/lib/scrapy.js"></script>

A common JavaScript syntax for using the Scrapy object looks like this:

var test = new Scrapy(url="https://example.com/", features="html.parser").findElement("*", attrs="*", get="*", callback=func())

Get Basic

new Scrapy() //creates an Scrapy object.

The Scrapy() object needs 2 necessary arguments to further
next step.

  • url > The source url.

  • features > This may be the name of a specific parser ("lxml", "lxml-xml", "html.parser").

new Scrapy(url="https://example.com/", features="html.parser")

findElement()

  • The findElement() method is used to scrap the specific element from the given source url.

  • The findElement() method needs 3 necessary & 1 optional arguments to execute the program.

.findElement("div", attrs="class=hello", get="text", callback=(data)=> console.log(data))

element > the element you need to scrap.

attrs > you can specify element class and id or tags, if you need to specify class and id at the same time use ; to split it attrs="class=hello;id=hello" (optional).

get > the element value you need to return.

callback > A callback function is executed after the current effect is finished.

Notice

😜 You can use python print() method to log stuffs in console once you imported Scrapy.js in your html.

Example:

Scraping a word meaning from https://www.dictionary.com/

<!DOCTYPE html>
<meta charset="utf-8">
<html>
    <head>
        <script src="https://sijey-praveen.github.io/scrapy.js/lib/scrapy.js"></script>
    </head>
    <body>
        <script>
            var url = "https://www.dictionary.com/browse/hello"
            var meaning = new Scrapy(url=url, features="html.parser").findElement("div", attrs="class=css-10ul8x e1q3nk1v2", get="text", callback=(data)=> print(data))
        </script>                
    </body>
</html>

Console Output:

Image description

if you like this library you can give a star 🌟 on GitHub Repo and support. 👍

GitHub : https://github.com/sijey-praveen/scrapy.js


This content originally appeared on DEV Community and was authored by Sijey


Print Share Comment Cite Upload Translate Updates
APA

Sijey | Sciencx (2021-10-19T13:09:13+00:00) Introducing Web Scraping with Scrapy.js. Retrieved from https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/

MLA
" » Introducing Web Scraping with Scrapy.js." Sijey | Sciencx - Tuesday October 19, 2021, https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/
HARVARD
Sijey | Sciencx Tuesday October 19, 2021 » Introducing Web Scraping with Scrapy.js., viewed ,<https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/>
VANCOUVER
Sijey | Sciencx - » Introducing Web Scraping with Scrapy.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/
CHICAGO
" » Introducing Web Scraping with Scrapy.js." Sijey | Sciencx - Accessed . https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/
IEEE
" » Introducing Web Scraping with Scrapy.js." Sijey | Sciencx [Online]. Available: https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/. [Accessed: ]
rf:citation
» Introducing Web Scraping with Scrapy.js | Sijey | Sciencx | https://www.scien.cx/2021/10/19/introducing-web-scraping-with-scrapy-js/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.