Website HTML different than displayed?

[BrianTheLibrarian]

Here is the website that I am trying to interact with, with AutoIT :

http://soapee.com/recipes/1

So the issue is if I open the website with Autoit, I get the same as when I right click and view source in Firefox or Chrome, which essentially says that my browser needs to be upgraded to view the website. But if I open the website in like Firefox or Chrome, the page loads fine. I can see the correct HTML if i inspect anything on the page but again if I just view page source it shows me something totally different. Any idea what is going on here?

 

[genius257]

Hi @BrianTheLibrarian.

The pages uses a JavaScript framework (ReactJS according to their GitHub page) to make it a "Single Page App".

You say you are opening it with "AutoIt", i assume you mean IE, automated by AutoIt?

If so, the message you are seeing are for browsers with a older version than IE8, and it is shown, because the JavaScript framework most likely relies on some JavaScript functionality not available in those old browser versions. That and i imagine a lot of the styles the site uses would not be supported, natively by pure CSS either.

Now you could familiarize yourself with their calls to their backend via the REST calls, and process the information in pure AutoIt?

[Danp2]

Not sure I understand the problem, and you didn't post any code for use to review / run. I tried loading this site in IE, but it doesn't fully load. When checking the console, I see this --

HTML1300: Navigation occurred.
1
SCRIPT5007: Unable to get property 'tap' of undefined or null reference
vendor.js (21,11489)