Как сайт может работать без интернета?


11

Я наткнулся на этот сайт http://www.desimartini.com/allaboutrajni.htm, который требует от меня отключиться от Интернета, чтобы увидеть действие! Я удивлен, так как на сайте довольно много контента, и серьезно сомневаюсь, что он сможет кешировать все в мой браузер за несколько секунд. Может ли кто-нибудь помочь мне понять, как создаются такие сайты? введите описание изображения здесь

Чтобы добавить к этому, сайт перестает работать после повторного подключения к Интернету!


2
Просто чтобы дать вам представление о том, сколько вы можете вставить в очень маленький код: это видео было воспроизведено с использованием исполняемого файла 4K (!), Включая звук! (Но, конечно, рендеринг далек от реального времени, поэтому его нельзя сравнивать.)
Хендрик Фогт,

чувак, этот сайт просто потрясающий
Bogdacutu

1
Я расскажу вам, как это происходит прямо на сайте, это Rajni Power!
Моав

Почему есть «Закрыть» запросы на этот вопрос ?!
Четан С.

Ответы:


22

Этот конкретный сайт был построен во Flash. Это быстро загружается, потому что большая часть графического (если не все) контента является векторной графикой. Разница между векторной графикой (на этом сайте) и растровой графикой (например, изображениями вашей семьи в формате JPEG, TIFF или BMP) заключается в том, что векторная графика использует математические функции для рисования линий и заливки цветов (и градиентов) вместо пикселей для информации о пикселях. о цвете. Это приводит к очень маленькому сайту, а также: вы можете попробовать увеличить масштаб, и вы увидите, что качество не ухудшается (в отличие от jpegs, bmps, tiffs ...). Я предполагаю, что фоновая музыка, вероятно, «весит» больше с точки зрения дискового пространства, чем остальная часть графического содержимого, которое является чисто векторным.

Кстати, flash может смешивать контент (вектор + растровое изображение), но этот парень сделал этот сайт без растровых изображений, поэтому он может быть небольшим.

Подробнее о векторах и растровых изображениях: http://graphicssoft.about.com/od/aboutgraphics/a/bitmapvector.htm

Подробнее о сайтах Flash: http://en.wikipedia.org/wiki/Adobe_Flash

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


7
Просто добавьте, что флэш-память может запускаться из кэша после загрузки файла флэш-памяти на компьютер.
Psycogeek

Верный. Это на самом деле большая часть ответа, и я забыл включить его :)
Каурин

Отредактировал ответ согласно предложению @Psycogeek!
Каурин
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.