Never trust a screenshot

Categories: Hints and Tips

Fake news alert! In this post we’ll see how easy it is to change content on a webpage in seconds, using nothing but the Chrome browser and with no technical knowledge at all.

Let’s start with this page from today’s BBC website:

All developers are used to using the Chrome Devtools, or “Inspector”, but the tools are built into Chrome as standard and aren’t restricted to developers. Just right-click anywhere on the page and select “Inspect”…

…and up come the Devtools, showing the HTML of the page.

Because I’ve right-clicked on the headline when selecting “Inspect” and opening Devtools, it’s the headline element which will appear in the Devtools HTML editor.

And here’s the great thing – we can change it. Just double click on the headline and you can change it to your own…

…which will then display on the page.

Remember you’re only editing the local copy of the page stored in your browser, so only you will see the changes and they will only last until you refresh the page.

Let’s take our fake news a bit further and go through the same process for some of the body text. Now I just right click on the article itself and again select “Inspect”.

Once again the text is available for editing in the Inspector:

My finished news article and screenshot:

Of course, since all we can make here is a screenshot and we’re not actually hacking the BBC News website (that’s next week’s post), anyone can find out pretty quickly that the news is fake.

Still it makes a good bit of fun, for creating fake news articles like “Jenny celebrates 30th birthday” in the style of BBC, Vogue or anything else. You can even change the images if you want to go to town.

But what if we weren’t so kind hearted? Here’s a screenshot from my WhatsApp Web:

You can edit your WhatsApp conversation with the inspector just like any other webpage:

Let’s change that hahahaha to a LOL:

Now let’s imagine that Jezzie and I have a mutual friend, Lizzy, and I want to turn Lizzy against Jezzie. All I have to do is go through each conversation entry and type in what I like for each line:

And this is the screenshot that I then send to Lizzy:

Don’t do that though, play nice. And remember you can’t trust a screenshot.

Can I Help?

I hope you found this article useful. I'm always available to help with any web questions or issues you have, and offer a wide range of services from simple by-the-hour tweaks and repairs through to fully custom websites. I'm a WordPress specialist and can fix or modify your WordPress installation or build in new functionality. I also offer a free website review (see below) to see where the web could be working harder for your business.

Click here to drop me a line today with any questions or anything you'd like to discuss. I'm here to help!

Free Website Review

Do you wonder whether your website is doing you justice? I look at your website, search engine rankings, social media and reviews, and let you know where you could be leveraging your online presence to do more for your business.

My PDF report is 1000 words written specifically for you. I'll tell you simple, easy wins you can do quickly and for free, through to what you might want to consider if you redesigned your web presence. It's completely free and comes with no obligation other than to tell other people if you find it useful.

Click here to get your free website review