не надо есть арбуз перед сном «Потоп» Фрэнсис Дэнби .

Now playing High Roller: The Soul Surfers

TL;DR: Если перетащить html-файл в браузер, то он откроется, но скорее всего не подхватятся скрипты, стили, картинки и прочие малосущественные детали. Чтобы такого не случилось, можно использовать маленький web-сервер, например, wsf. Устанавливается вот так: npm i -g web-shared-folder, затем из папки с нашими html-файлами запускаем вот такой командой: wsf . 80 — и открываем в браузере http://localhost/

Интернет — это строка

The modern web: a sprawling, data-drenched megacity. AJAX calls are the flying cars, WebAssembly is the corporate arcology, and tracking scripts are the omnipresent surveillance. You, a digital artisan, just want to look at your static HTML/CSS. You drag the file into your browser and… Broken paths, blocked requests, errors screaming in your console. The file:// protocol is a broken-down alley in this gleaming city; it’s where functionality goes to die.

Насквозь пропитанный данными современный интернет, AJAX-запросы вместо обещанных нам летающих автомобилей, пиксели для ремаркетинга, third-party скрипты для постоянной коропоративной слежки.

С одной стороны — все эти автоматизированные механизмы, для измерения, взвешивания и упаковки любых данных, которые только можно выдавить из пользователя напрямую или косвенно, чтобы затем уложить их в аккуратные разлинованные и расчерченные таблицы бездонных баз данных, супермассивные чёрные дыры информационной вселенной.

С другой стороны — шквал белого шума статей, видео-роликов, подкастов, рекламных объявлений, интеграций, энциклопедических статей, карточек товаров, новостей, — субстрат, на который тонким слоем наносится клейкое покрытие из FOMO, думскроллинга, стремления к новизне и и прочих психологических ловушек, задача которого привлечь бабочек пользовательского внимания и накрепко прилепить их к подводной части маректинговой машины, извлекающей персональные данные и отправляющей их в бездонные архивы систем, питающих рекламные аукционы, алгоритмы поисковых систем, AI-платформ и прочих монстров.

Две стороны одной медали информационного обмена сливаются в Тайцзи, великий предел — тот самый чёрно-белый кружок с переливающимися друг в друга чёрными и белыми каплями.

В контексте интернета, всё, что касается вывода данных, сводится к тому, что мы пишем разной степени сложности механизмы для перевода структурированной разложенной по табличкам, разнесённой по разным хранилищам упорядоченной информации в одну сверхдлинную строку текста.

Отдельно взятое живое существо, даже если это вполне себе разумный человек — пылинка в таком потоке текста. Как быть если мы хотим на своём рабочем ноутбуке посмотреть какой-то, пусть даже самый простой сайт из трёх-пяти страниц со ссылками и стилями/скриптами (например, нам прислали свёрстанные шаблоны для проекта, над которым мы работаем, или мы хотим полистать документацию, которая сгенерирована в виде html, или сами накидали на коленке что-то очень простенькое, но с гиперссылками). Можно взять nginx или apache, поставить, настроить и использовать — я только за. Можно, в случае если мы используем Django, Laravel или Nuxt, запустить их встроенный сервер и туда засунуть эти html-ки, использовать что-то в духе python3 -m http.server, php -S localhost:8000 если уж у вас есть python или php.

А можно установить через npm (я больше люблю pnpm) web-shared-folder, в папке с html-ками запустить wsf . 80, затем в браузере открыть http://localhost/ — и всё. Не надо ничего конфигурировать.

Репозиторий github

Вот, кстати, видео про то как локально развернуть свой крохотный web-сервер