Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E3FCEF

Please read the Terms of Use for Materials on ZennoLab

Table of contents

Expand
titleClick here to expand the table of contents
Table of Contents
exclude^Оглавление$

...

Expand
titleDifference between Source and Dom

Source - the source code of the page received from the server.
DOM - is a tree of objects created by the browser in the computer memory based on the source code ( Source ).

To simplify things a lot, the browser works like this:

  1. You enter a URL into the address bar and press enter.

  2. The browser sends a request to the server.

  3. The server returns the response as the HTML source of the page ( Source )

  4. Based on the source code, the browser builds the DOM (Data Object Model - document object model)

    • handles errors (adds tags html, body, head, etc. if they were not written)

    • closes unclosed tags

    • adds a <tbody> tag to tables if it was not there. According to the DOM, tables (<table>) should have a <tbody> tag, and in HTML it can be omitted (this should be taken into account when building XPath and regular expressions )

    • processes scripts on the page (which can add new elements to the page, and do this even after the page is fully loaded)

  5. Finally, the DOM-based browser renders and shows you the content of the web page.

DOM can contain information and elements that will not be in the source code (Source) because it (the DOM) includes content that can be embedded using JavaScript.

When working with requests ( GET , POST and other types of requests ), you will always deal with Source.

There are two tools for viewing Source and DOM in ProjectMaker:

...

If you need to parse the result, you can do this by specifying the desired Regex regular expression, the number and numbers of matches, as well as where to save the result - to a variable or table. You can find the required regular expression using the Regular Expression Tester .

The controls that appear when the Parse data setting is enabled are the same as forText Processing-Regex (there you will find a more detailed description).

...

Tip

To get data from the page, there is a more convenient tool - Parse data

...

Usage example

Let's take all the links on the page. We select to take DOM or Source, parse the result and specify the regular expression Regex:

...

As a result, the list will contain all the links on this page.