This content originally appeared on DEV Community and was authored by Shaswat Raj
🔆 Wholly API :- https://wholly-api.herokuapp.com/
API endpoint-
https://wholly-api.herokuapp.com/get/website-data.php
Fetch Using JavaScript :- Ref. Google
See Example :-
Fetching example.com
https://wholly-api.herokuapp.com/get/website-data.php?get_html=https://example.com/
The result looks like here
<!doctype html> <html> <head> <title>Example Domain</title> <meta charset="utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type="text/css"> body { background-color: #f0f0f2; margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } div { width: 600px; margin: 5em auto; padding: 2em; background-color: #fdfdff; border-radius: 0.5em; box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02); } a:link, a:visited { color: #38488f; text-decoration: none; } @media (max-width: 700px) { div { margin: 0 auto; width: auto; } } </style> </head> <body> <div> <h1>Example Domain</h1> <p>This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.</p> <p><a href="https://www.iana.org/domains/example">More information...</a></p> </div> </body> </html>
Let's do it Using JavaScript (Fetch API)
Ref. -> https://www.google.com/search?q=javascript+fetch+api
Sample JavaScript Code
fetch('https://wholly-api.herokuapp.com/get/website-data.php?get_html=https://example.com/')
.then(response => response.text())
.then(data => console.log(data));
Result
<!doctype html> <html> <head> <title>Example Domain</title> <meta charset="utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type="text/css"> body { background-color: #f0f0f2; margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } div { width: 600px; margin: 5em auto; padding: 2em; background-color: #fdfdff; border-radius: 0.5em; box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02); } a:link, a:visited { color: #38488f; text-decoration: none; } @media (max-width: 700px) { div { margin: 0 auto; width: auto; } } </style> </head> <body> <div> <h1>Example Domain</h1> <p>This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.</p> <p><a href="https://www.iana.org/domains/example">More information...</a></p> </div> </body> </html>
This content originally appeared on DEV Community and was authored by Shaswat Raj
Shaswat Raj | Sciencx (2022-01-24T16:15:31+00:00) Grab HTML of any Website using JavaScript without getting blocked – Wholly API. Retrieved from https://www.scien.cx/2022/01/24/grab-html-of-any-website-using-javascript-without-getting-blocked-wholly-api/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.