Stealing A Website

From Publication Station
Revision as of 11:08, 27 September 2022 by VKranendonk (talk | contribs) (→‎Viewing the source)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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

Retrieved from ‘https://ps.wdka.nl/wiki/index.php?title=Stealing_A_Website&oldid=8732’