# Walking An Application

## **1] VIEW PAGE SOURCE CODE :**

* *<mark style="color:blue;">**view-source:<https://www.google.com/>**</mark>*
* can get <mark style="color:purple;">directories</mark> and <mark style="color:red;">framework</mark> info and other <mark style="color:yellow;">comments</mark>

## **2] Developer Tools - Inspector :**&#x20;

* Right lick -> inspector : if any article is showing blocked for premimum customer to to inspector and we can change css element on particular  ''div'' tag

&#x20;   &#x20;

<figure><img src="https://2855293502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpZ0GSi6rFzKo8D8arzs%2Fuploads%2FO9ehjbl5Z9oAHNef7XR9%2Fimage.png?alt=media&#x26;token=3aeaa1f2-2db0-4971-a712-63ec5497e125" alt=""><figcaption></figcaption></figure>

## 3] **Developer Tools  - Debugger :**

*On this pade the red flash was appearing, going to the debugger , This little bit of JavaScript is what is removing the red popup from the page. We can utilise another feature of debugger called **breakpoints.** By this we can force the browser to stop processing the JavaScript and pause the current execution.*

<figure><img src="https://2855293502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpZ0GSi6rFzKo8D8arzs%2Fuploads%2FSfKp1FLHmQ2TIe8IqLIS%2Fimage.png?alt=media&#x26;token=39e3e2ce-1d87-419b-8e66-19a739c48841" alt=""><figcaption></figcaption></figure>

## **4] Developer Tools - Network :**

* **When ever you fill nad submit the from the AJAX method sends the data without changing the whole page.** &#x20;
* **in network tab you can see all the http request browser is making to get site , so when you click submit button you notice a&#x20;**<mark style="color:yellow;">**contact-msg**</mark>**&#x20;file request .**

<figure><img src="https://2855293502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpZ0GSi6rFzKo8D8arzs%2Fuploads%2Fe9v5F1bKY9eAg5SYr4ER%2Fimage.png?alt=media&#x26;token=b1d1553d-f68d-403c-9ddb-314a71a777ce" alt=""><figcaption></figcaption></figure>