Thread by @RankSense

It’s #RSTwittorial Thursday! 🙌 Today we’re Generating a Rendered #HTML Diff Report using #Python 🐍🔥

Here’s the output 👇

What are we learning? 👨‍🏫

🧠 How to generate a visual report showing the difference between the raw HTML and the JavaScript Rendered HTML using the requests_html Python library 🐍🔥

Why is it practical? 🧐

🔍 When webpages use #JavaScript, the HTML rendered on the client-side 🧑‍💻 could be different from the raw HTML coming from the server-side ⌨️

🔍 Creating a diff allows you to quickly see 👀 the JavaScript changes 🖥️ (great for JavaScript #SEO!)

What you’ll need:

💻 A free @replit account
🔧 A tool to open zip files
⏱️ 5-10 minutes

Let’s get started! 🤓

Access the code here in this GitHub folder: github.com/ranksense/Twit…

1️⃣ Click on the repl.it link in the “README” file in the GitHub folder to open the code on your browser

🖱️Click “fork” at the top of the repl if you want to save a personal copy of the project

2️⃣ Click the green “run” button at the top of the screen and wait for the required package installations to finish⌛️

3️⃣ When you see the prompt to enter a URL, right-click on the console and paste your URL

🖱️Hit enter in order to generate the diff

🗒️Note: Repl.it will start installing chromium

4️⃣ Once you see the “Done!” message, click on the 3 dots next to “Files” and “download as zip”

🗒️ Note: You may see a warning saying, “U mode is deprecated”

🙆‍♂️ You can ignore this warning

5️⃣ Open the zip file and double click on the “diff.html” file

💻 This should open up the diff file on your browser

Congrats, you’re finished! 🥂

🗒️ Note: Oftentimes the HTML is large so you may need to scroll horizontally to see both parts of the diff file

🗃️ Find more information on how the diff is presented in the “README” file on GitHub

Here’s the homework:

🛠 Use your knowledge of the previous #RSTwittorials to read URLs from a #GoogleSheet instead of manually pasting a URL into the console 🛠

Leave us your comments, concerns, and questions below!

@Anirudh_Tata, our Technical Support Intern and creator of the code, will be happy to answer! 👨‍💻

Find him on LinkedIn 👇 linkedin.com/in/anirudh-tat…

Good luck!🤞