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

时间:2011-08-02 20:41:15

标签: html google-chrome

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


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

我想到的另一个选择是粘贴像

这样的东西

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

HTML附加到当前页面,而我想重置页面内容。

7 个答案:

答案 0 :(得分:75)

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

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

数据URI的其他示例:https://developer.mozilla.org/en/data_URIs

答案 1 :(得分:7)

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

答案 2 :(得分:4)

或者,如果您需要在不同时间显示不同的HTML,以使事情变得更加容易,请尝试将其放入地址栏,然后在提示中输入HTML。地址栏中的这个JavaScript称为书签,如果您需要经常这样做,您可以将其添加为书签/收藏夹以便于访问。

javascript:document.write(prompt('Enter the HTML', ''));

答案 3 :(得分:2)

网址:javascript:document.write('foo');

您可以使用DOM操作显示HTML数据,但不能直接输入HTML。

答案 4 :(得分:0)

javascript:void(document.write("<html style='color:red'>HTML goes here</html>"))

答案 5 :(得分:0)

你可以这样做:

javascript:document.location.replace( 'about:Blank' ); javascript:void(document.write("<html>HTML here</html>"));

如果您想打开一个新的标签/屏幕并在那里显示,您可以使用:

javascript:window.open("javascript:void(document.write('<html>HTML here</html>'));", "test");

不确定这是如何使用chrome tho。

答案 6 :(得分:0)

如果使用chrome(在Mac上测试),您也可以直接在浏览器中执行此操作。只需将其粘贴到地址栏即可,您可以复制标签字符。

data:text/html,<pre>&#9</pre>