Difference between revisions of "Stealing A Website"

From Publication Station
Tag: Manual revert
 
(5 intermediate revisions by the same user not shown)
Line 13: Line 13:
== Viewing the source ==
== Viewing the source ==


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


[[File:Stealing Web Right Click View Source.png]]
[[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.
This will open a new tab with the complete source of the HTML document. You could use this to copy over the source of a Gutenberg book and add your own flavor of styling.


[[File:Stealing Web Source.png]]
[[File:Stealing Web Source.png]]
It is also possible the view the source from a selected part of the website. To try this, make a selection of a paragraph, right click and press View Selection Source. This will show the HTML code of the selected part.
== Saving a webpage ==
Viewing the source (in the step above) and copying the page does not include attachments like images and CSS files.
To save a webpage, including attachments, click File in the top menu and select Save Page As.
[[File:Stealing Web File Save.png]]
Make sure the format is set to Web Page, complete.
[[File:Stealing Web Page Complete.png]]

Latest revision as of 11:08, 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 Page Source.

Stealing Web Right Click View Source.png

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

Stealing Web Source.png

It is also possible the view the source from a selected part of the website. To try this, make a selection of a paragraph, right click and press View Selection Source. This will show the HTML code of the selected part.

Saving a webpage

Viewing the source (in the step above) and copying the page does not include attachments like images and CSS files. To save a webpage, including attachments, click File in the top menu and select Save Page As.

Stealing Web File Save.png

Make sure the format is set to Web Page, complete.

Stealing Web Page Complete.png