Difference between revisions of "Stealing A Website"

From Publication Station
Tag: Reverted
Tag: Manual revert
Line 9: Line 9:
This will open up the developer tool an shows the HTML code for this element.
This will open up the developer tool an shows the HTML code for this element.


[[File:Stealing Web Dev Tool Image.png|frameless]]
[[File:Stealing Web Dev Tool Image.png]]


== Viewing the source ==
== Viewing the source ==

Revision as of 07:30, 27 September 2022

Th web is a funny thing. Did you know it is possible to check the code (HTML/CSS/JS) from any website. This article will cover several techniques in analyzing and "stealing" code.

Using the inspector

Visit any website in Chrome or Firefox, right click on any element (ex. an image) and select Inspect.

Stealing Web Open Inspector.png

This will open up the developer tool an shows the HTML code for this element.

Stealing Web Dev Tool Image.png

Viewing the source

Visit any website in Chrome or Firefox, right click on any place in the website and select View Source.

Stealing Web Right Click View Source.png

This will open a new tab with the complete source of the HTML document. You could us this to copy over the source of a Gutenberg book and add your own flavor of styling.

Stealing Web Source.png