Search code examples
javascripthtmliosdomuiwebview

What is the difference between source code and DOM?

  • In my app I want to process Google Translate definitions, like definition for the word "song"

enter image description here

  • When I check returned http message, it does NOT contain the "short poem" expression.

enter image description here

  • But in DOM tree view in Safari I can see the "short poem" info.

enter image description here

  • This is because after loading page some JavaScript code do some magic? How would you get DOM tree in an iOS app? UIWebView can do such a magic?
Solution

  • The notions between a page's source and a page's DOM are similar, but different. The source is the raw HTML that is unadulterated by any client-side scripts. It is the direct response of the HTTP request to the server. The DOM, on the other hand, is the same HTML structure that has been modified by JavaScript.

    Source Code reads the page's HTML as if you opened it in a text editor. The source code reflects your HTML structure before any JavaScript is loaded. While the contents can’t be edited, it’s useful to see the HTML the browser receives from the server.

    https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html

    Try to read about API, I think there are API's for translate and stuff