{"id":3301,"date":"2008-07-08T23:26:19","date_gmt":"2008-07-08T17:56:19","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=3301"},"modified":"2026-10-07T07:44:42","modified_gmt":"2026-10-07T02:14:42","slug":"edit-any-web-page","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/","title":{"rendered":"How to Edit Any Web Page Live in Your Browser (Chrome, Edge, Safari)"},"content":{"rendered":"<p>Did you know you can edit any web page right in your browser, changing text, deleting images or rewriting headlines, without any software? It takes one line of code. Back in 2008 I used this trick to &#8220;show&#8221; a million-dollar AdSense earnings report, with no Photoshop involved. It&#8217;s handy for mockups, testing copy and screenshots, but it also shows why you should never trust a screenshot as proof. Here&#8217;s how to edit any web page live in Chrome, Edge, Firefox and Safari in 2026.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-63404\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser.webp\" alt=\"edit any web page live in your browser\" width=\"1200\" height=\"630\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser.webp 1200w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser-300x158.webp 300w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser-1024x538.webp 1024w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser-150x79.webp 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/edit-any-web-page-browser-768x403.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><strong>Quick answer:<\/strong> Open the page, press <strong>F12<\/strong> (or <strong>Cmd + Option + I<\/strong> on Mac) to open Developer Tools, click the <strong>Console<\/strong> tab, type <code>document.designMode = \"on\"<\/code> and press Enter. Now click anywhere on the page to edit the text. Refresh the page to undo everything.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6ac5e7e634d35\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1a202c;color:#1a202c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1a202c;color:#1a202c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac5e7e634d35\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#1_Edit_any_web_page_with_designMode_Console\" >1. Edit any web page with designMode (Console)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#2_Use_an_Edit_Page_bookmarklet\" >2. Use an Edit Page bookmarklet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#3_Inspect_Element_and_edit_HTML\" >3. Inspect Element and edit HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#4_Make_permanent_changes_with_userscripts\" >4. Make permanent changes with userscripts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Useful_reasons_to_edit_any_web_page\" >Useful reasons to edit any web page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Why_you_shouldnt_trust_screenshots\" >Why you shouldn&#8217;t trust screenshots<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Frequently_asked_questions\" >Frequently asked questions<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Can_I_permanently_edit_someone_elses_website\" >Can I permanently edit someone else&#8217;s website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Does_designMode_work_on_mobile\" >Does designMode work on mobile?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/edit-any-web-page\/#Is_editing_a_web_page_in_my_browser_illegal\" >Is editing a web page in my browser illegal?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_Edit_any_web_page_with_designMode_Console\"><\/span>1. Edit any web page with designMode (Console)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Open the web page you want to edit.<\/li>\n<li>Open Developer Tools: <strong>F12<\/strong> or <strong>Ctrl + Shift + J<\/strong> (Windows) \/ <strong>Cmd + Option + J<\/strong> (Mac) in Chrome and Edge. In Safari, first enable <strong>Settings \u2192 Advanced \u2192 Show features for web developers<\/strong>.<\/li>\n<li>In the <strong>Console<\/strong>, type:<\/li>\n<\/ol>\n<pre><code>document.designMode = \"on\"<\/code><\/pre>\n<p>Press Enter, close DevTools, and edit text like a document. Type <code>document.designMode = \"off\"<\/code> to stop. Chrome may ask you to type <code>allow pasting<\/code> before it lets you paste code into the Console, a safety feature against scams.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Use_an_Edit_Page_bookmarklet\"><\/span>2. Use an Edit Page bookmarklet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Older tutorials, including ours, said to paste <code>javascript:document.body.contentEditable='true'<\/code> into the address bar. Modern browsers strip <code>javascript:<\/code> from pasted URLs, so that no longer works. A bookmarklet still does:<\/p>\n<ol>\n<li>Create a new bookmark (right-click the bookmarks bar \u2192 <strong>Add page<\/strong>).<\/li>\n<li>Name it <strong>Edit Page<\/strong> and paste this as the URL:<\/li>\n<\/ol>\n<pre><code>javascript:(()=&gt;{document.designMode=document.designMode==='on'?'off':'on'})()<\/code><\/pre>\n<p>Click the bookmark on any page to toggle editing on and off.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Inspect_Element_and_edit_HTML\"><\/span>3. Inspect Element and edit HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>For more control, right-click any part of the page and choose <strong>Inspect<\/strong>. In the <strong>Elements<\/strong> panel you can double-click text to change it, right-click an element and choose <strong>Edit as HTML<\/strong>, delete elements, or change CSS styles on the right. It&#8217;s the same tool web designers use to test changes. See <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/dom\" target=\"_blank\" rel=\"noopener\">Chrome DevTools\u2019 DOM guide<\/a> for more. These DevTools replaced old add-ons like Firebug, which was retired in 2017.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Make_permanent_changes_with_userscripts\"><\/span>4. Make permanent changes with userscripts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To change how a site looks every time you visit, such as hiding a sidebar or changing fonts, use a userscript manager like <a href=\"https:\/\/www.tampermonkey.net\/\" target=\"_blank\" rel=\"noopener\">Tampermonkey<\/a> or <a href=\"https:\/\/violentmonkey.github.io\/\" target=\"_blank\" rel=\"noopener\">Violentmonkey<\/a> (successors to Greasemonkey), or a style extension like <a href=\"https:\/\/github.com\/openstyles\/stylus\" target=\"_blank\" rel=\"noopener\">Stylus<\/a>. Only install scripts from sources you trust.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Useful_reasons_to_edit_any_web_page\"><\/span>Useful reasons to edit any web page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Mockups and presentations:<\/strong> try new headlines or button text on a live page before asking a developer.<\/li>\n<li><strong>Clean screenshots:<\/strong> remove personal details, ads or pop-ups before taking a screenshot.<\/li>\n<li><strong>Proofreading:<\/strong> fix typos on your own site to see how text fits before updating it.<\/li>\n<li><strong>Printing:<\/strong> delete unwanted sections before printing a page.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Why_you_shouldnt_trust_screenshots\"><\/span>Why you shouldn&#8217;t trust screenshots<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-3302\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/fake-earnings1.gif\" alt=\"fake AdSense earnings screenshot made by editing a web page\" width=\"338\" height=\"88\" \/><\/p>\n<p>This &#8220;AdSense earnings&#8221; screenshot took me ten seconds to fake. Scammers use the same trick to create fake bank transfers, payment confirmations, earnings reports, chats and reviews. Always check the real account, ask for a verifiable link, and be wary of &#8220;proof&#8221; shared only as images. Changes made this way exist only in your browser: nobody else sees them, and a <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2014\/04\/reload-buttons-refresh-links\/\">page refresh<\/a> brings back the original.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Frequently_asked_questions\"><\/span>Frequently asked questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Can_I_permanently_edit_someone_elses_website\"><\/span>Can I permanently edit someone else&#8217;s website?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>No. Edits happen only in your own browser and disappear when you reload. To change a website for real, you need access to its server or content management system.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Does_designMode_work_on_mobile\"><\/span>Does designMode work on mobile?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Not easily, as mobile browsers don&#8217;t have a Console. Use a bookmarklet in Chrome or Safari on your phone by typing the bookmark name in the address bar and selecting it.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is_editing_a_web_page_in_my_browser_illegal\"><\/span>Is editing a web page in my browser illegal?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>No, changing what you see in your own browser is fine. Using edited screenshots to deceive people, though, can be fraud.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know you can edit any web page right in your browser, changing text, deleting images or rewriting headlines,&#8230;<\/p>\n","protected":false},"author":4,"featured_media":63404,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"default","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[49],"class_list":["post-3301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","tag-tutorials"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/3301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=3301"}],"version-history":[{"count":1,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/3301\/revisions"}],"predecessor-version":[{"id":63405,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/3301\/revisions\/63405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/63404"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=3301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=3301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=3301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}