如何通过在地址栏中输入一些HTML来显示它？

Question

有没有办法让浏览器显示给定的HTML页面,方法是将HTML代码粘贴到地址栏中,然后输入Enter？浏览器是Google Chrome.不幸的是,如果我粘贴HTML然后按Enter键,它会重定向到Google搜索网站...这不是我想要的!

我想粘贴HTML代码,例如<html> <body> ... </ body> </ html>

我想到的另一种选择是粘贴类似的东西

的javascript:文件撰写( '<HTML> <BODY> ... </ BODY> </ HTML>');

但是这会将 HTML 附加到当前页面,而我想重置页面内容.

Answer 1

您可以使用data:text/html,示例:

data:text/html,<h1>Hello World</h1><script>alert('JavaScript works too!');</script>

请注意，如果您需要使用一些更复杂的字符（例如添加一些 CSS 来更改“Hello World”的颜色），则必须对它们进行编码，否则将无法工作。一种选项是 base64：`data:text/html;base64,PGgxIGlkPSJ0aXRsZSI+SGVsbG8gV29ybGQ8L2gxPjxzY3JpcHQ+YWxlcnQoJ0phdmFTY3JpcHQgd29ya3MgdG9vIScpOzwvc2NyaXB0PjxzdHlsZSB0eXBlPSJ0ZXh 0L2NzcyI+I3RpdGxlIHsgY29sb3I6IHJlZDsgfTwvc3R5bGU+` (2认同)

Answer 2

javascript:document.write("your code here");