Это веб-страница или изображение?

http://lcamtuf.coredump.cx/squirrel/

По словам автора,

Это встроенная целевая страница для изображения. Вы можете ссылаться на это URL и получить HTML-документ, который вы просматриваете прямо сейчас (вскоре включают существенные факты о белках); или внедрить тот же URL-адрес, что и изображение на вашей собственной странице с белковой тематикой: <a href="#" onclick="location.href='http://lcamtuf.coredump.cx/squirrel/'; return false;">Click here!</a> <img src="http://lcamtuf.coredump.cx/squirrel/"> Нет серверных хаков участие - волшебство происходит в вашем браузере.

Другими словами, если вы вставляете этот URL-адрес в свой браузер, он отображается как веб-страница, но вы также можете использовать тот же URL-адрес, что и источник изображения.

Какое колдовство здесь работает?

_{(Изменить: исходный код из указанной ссылки, если этот сайт когда-либо отключается.)}

Ответ 1

Связанный с вами файл - это многоугольник - комбинация языков. Его можно читать и понимать как как изображение, так и файл HTML. Это простой трюк. Если вы посмотрите на источник HTML, вы можете увидеть это вверху:

ÿØÿà

Быстрый Google показывает, что это выглядит как заголовок JPEG. То, что делает создатель, хранит HTML в метаданных JPEG и данные изображения JPEG в комментарии html. Довольно изящный, но не волшебный.

Чтобы скрыть заголовок JPEG, он использует правила CSS, чтобы скрыть тело и показать только некоторые элементы:

body { visibility: hidden; }
.n { visibility: visible; position: absolute; ...... }

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

Ответ 2

Его html-страница с содержимым html вместе с данными изображения.

Проверьте заголовок, он содержит заголовок jpg. В исходной строке первая строка содержит ÿØÿà, которая является заголовком jpeg. URL http://lcamtuf.coredump.cx/squirrel/index.html (appended index.html), четко показывает его html файл. Поэтому, по-видимому, это можно назвать как как веб-страницу или изображение!

Вы можете легко переименовать файл jpg (или любой файл изображения) в формате .html, и когда вы откроете в своем браузере, он просто покажет изображение, как и любое другое изображение.

Недавний подобный трюк, который я помню, это переименование gif на jpg, как в здесь, но все же данные gif и заголовки содержат gif.