Everything on the web can be edited in real-time. These days, most people understand the concept of “photoshopped” images (aka. edited, or enhanced images), but today you need to be aware that images on the web can also be “DevTooled.”
What are DevTools?
DevTools is a powerful feature of Google Chrome browser that allows you to edit the web in real-time. While it’s often used by web developers to debug code, it is also used by web designers, and product managers to suggest copy and layout edits
How to Edit the Web in Three Easy Steps
1) Go to a website and right-click any word
2) Choose “Inspect”
3) Edit the text
Instagram can be edited
I updated this Instagram post from 87 likes to 1,343,534! ❤️
The news can be edited
Bank accounts can be edited
I’m a millionaire!
Fake news in real-life (using DevTools)
DevTools has also been used to create fake news.
In 2018, Shaun Usher edited a Tweet by President Trump where he changed the altered the date from 2018 to 2015 (three years in the past). The Tweet got 6,543 RTs, meaning that likely over 60,000 people saw this Tweet.
Is it funny? Or dangerous? I’ll leave that up to you — I’m staying out of the political cross-fire on this particular Tweet. The takeaway: is just how easy it is to create fake news, and that we need to be more careful of what we see and believe on the web. We all need to be more discerning when it comes to trusting screenshots on Twitter, Instagram, and Facebook. The web is easily editable.
With great power, comes great responsibility. Please edit responsibly, and don’t create more fake news. The best thing you can do is spread the news on how easy it is to edit the web so that we can all be better educated.
- None of these edits are permanent! The DevTools are only editing locally on your computer. Therefore, you don’t have to worry about anyone finding out they are editing your site.
- Don’t create fake or intentionally misleading news. But if you make something fun, or funny you can share it with us at @onemonthedu.
- Stay educated on how the web works.
Want to learn more about the DevTools? I created a step-by-step tutorial on how to use the DevTools.
You don’t need any coding knowledge to get started, although of course if you do know the basics of HTML and CSS you can really take these skills to the next level.