Как отобразить некоторый HTML, введя его в адресную строку?

Есть ли способ, чтобы браузер отображал данную HTML-страницу, вставив код HTML в адресную строку, а затем набрав Enter? Браузер - это Google Chrome. К сожалению, если я вставляю HTML, а затем нажимаю Enter, он перенаправляется на поисковый сайт Google... это не то, что я хочу!

Я хочу вставить HTML-код, например <html> <body> ... </body> </html>

Другой вариант, о котором я думал, - вставить что-то вроде

JavaScript: document.write( '<HTML> < тело > ... </тело > </HTML> ');

но добавляет HTML к текущей странице, тогда как я хочу reset содержимое страницы.

Ответ 1

Вы можете использовать data:text/html, пример:

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

Другие примеры URI данных: https://developer.mozilla.org/en/data_URIs

Ответ 2

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

Ответ 3

Или, чтобы сделать вещи еще проще, если вам нужен другой HTML, отображаемый в разное время, попробуйте поместить его в адресную строку, а затем введите HTML в приглашение. Этот JavaScript, который находится в адресной строке, называется букмарклетом, и если вам нужно сделать это часто, вы можете добавить его в качестве закладки/избранного для легкого доступа.

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

Ответ 4

URL: javascript:document.write('foo');

Вы можете отображать данные HTML, используя DOM-манипуляцию, но вы не можете напрямую вводить HTML.

Ответ 5

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

Ответ 6

Вы можете сделать это с помощью этого:

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.

Ответ 7

Вы также можете сделать это прямо в своем браузере, как это, если использовать хром (протестирован на Mac). Просто вставьте его в адресную панель, и вы можете скопировать вкладку char.

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