Screaming Frog's "Show Differences" feature allows users to visually highlight content loaded through JavaScript by directly comparing the HTML version of a page against the JavaScript-loaded content. This ensures certainty about which elements require JavaScript.

Steps to Use the Feature

1. Open Screaming Frog
2. Configure Spider for Rendering:
   • Navigate to Configuration > Spider > Rendering
   • Select "JavaScript" in the "Rendering" dropdown
3. Configure Spider for Extraction:
   • Go to Configuration > Spider > Extraction
   • Ensure both "Store HTML" and "Store Rendered HTML" are enabled
4. Start the Crawl:
   • Click on your desired URL
5. View Differences:
   • At the bottom tab, go to View Source
   • Select the "Show Differences" box
   • Use the dropdown to see highlighted differences between JavaScript and HTML content. Green sections in the "Rendered" column indicate content requiring JavaScript.

This feature helps in quickly identifying all elements that need JavaScript to load by comparing "Original" vs "Rendered" screenshots.