DEV Community

Cover image for Inspecting Contents on a Website
Shif
Shif

Posted on • Originally published at shif-notes.github.io

Inspecting Contents on a Website

Have you ever wanted to know what kind of style that website is using?

Well, there is a simple way you can find that.

1) Hover over the content of the website and right click.

Image description

2) There you can see inspect option click on it.

3) You will see a tab opens on the right side of the page titled DevTools.

Image description

4) If you click on the three dots on the top right corner of DevTools you will be able to adjust the positioning of it.

Image description

5) The below image represents the HTML of the website page, you can edit it and see the changes on the site. The changes you make here are temporary they will disappear once you reload the website.

Image description

6) The below image represents the Styling of the website page.

Image description

This way you can inspect the website. Thank you!!!

Cover Image by Icons8 Lunacy

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs