Difference between revisions of "Stealing A Website"

From Publication Station
Line 3: Line 3:
== Using the inspector ==
== Using the inspector ==


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


[[File:Stealing Web Open Inspector.png]]
[[File:Stealing Web Open Inspector.png]]
Line 10: Line 10:


[[File:Stealing Web Dev Tool Image.png]]
[[File: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.
[[File: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.
[[File:Stealing Web Source.png]]

Revision as of 07:28, 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