среда, 25 ноября 2009 г.

Выполняем HTML или JavaScript код используя адресную строку

Иногда возникает потребность увидеть результат выполнения какого-то HTML или Javascipt кода без внедрения его на страницу. Например, вы желаете увидеть как будет выглядеть плеер на видео с Youtube до внедрения его на свой сайт. Пример не очень хороший, но наглядно демонстрирует функционал.

Для того что бы отобразить html или обработать javascript код вам необходимо добавить к вашему коду строку "data:text/html," и получившийся результат, выполнить. Рассмотрим это на примере видео из Youtube.

Код видео будет выглядеть следующим образом:
<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/j1Nf8TcdaH0&hl=ru_RU&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/j1Nf8TcdaH0&hl=ru_RU&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>


Добавим магические символы "data:text/html," в начало кода.
data:text/html,<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/j1Nf8TcdaH0&hl=ru_RU&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/j1Nf8TcdaH0&hl=ru_RU&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>


Вставляем результирующую строку в поле адреса и выполняем переход. В окне браузера отобразится плеер из Youtube. Все элементарно и просто!

Протестировано в Google Chrome, Firefox, Opera, Safari. Данное решение точно не работает в IE!

Комментариев нет:

Отправить комментарий