How to display some HTML by typing it into the address bar?
Is there a way to have the browser display a given HTML page by pasting the HTML code into the address bar and then typing Enter? Browser is Google Chrome. Unfortunately, if I paste the HTML and then hit enter, it redirects to the Google search site... which is not what I want!
I want to paste the HTML code, such as <html><body>...</body></html>
Another option I thought about is to paste something like
javascript:document.write('<html><body>...</body></html>');
but that appends the HTML to the current page, while I want to reset the page contents instead.
You can use data:text/html, an example:
data:text/html,<h1>Hello World</h1><script>alert('JavaScript works too!');</script>
Other examples of data URLs: https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
javascript:document.write("your code here");
Or, to make things even easier if you need different HTML displayed at different times, try putting this in the address bar then entering the HTML into the prompt. This JavaScript that goes in the address bar is called a bookmarklet, and if you need to do this often you can add it as a bookmark/favourite for easy access.
javascript:document.write(prompt('Enter the HTML', ''));
URL: javascript:document.write('foo');
You can display HTML data using DOM manipulation, but you can't directly input HTML.