Как браузер знает абсолютное расположение таблицы стилей от относительного пути

Question

Я действительно новичок в узле. Я работал над вызовами REST. Я получаю запрос от Postman (используя его для проверки вызовов RITE api) с URL-адресом. Мне нужно внести несколько изменений на уровне слова в содержимое этого URL-адреса и снова отобразить страницу.

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

например, на странице с URL = https://stackoverflow.com/questions/ команда используется ссылка в строке 6 (источника HTML), который имеет относительный HREF = источник //cdn.sstatic.net/stackoverflow/img/favicon.ico?v = 4f32ecc8f43d

Фактическое местонахождение этого источника не является URL + относительным.
Иногда его просто "https: //" + относительная
, а иногда это гиперссылка + "../" + относительная или иногда URL + "../../" + относительная

Так как браузер знает об этом и получает правильную таблицу стилей/images/jss
И какие изменения я должен делать в атрибуте href ссылки, чтобы всегда получать правильные файлы стилей/изображений/jss, чтобы отображать страницу на моем веб-сайте, поскольку она фактически был.

Answer 1

NB: Я могу полностью понять ваш вопрос, так что голый.

//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=4f32ecc8f43d - это абсолютный путь с неопределенным протоколом, поэтому он будет поддерживать протокол запрашивающей страницы (т. Е. Http/https).

Настоящим «//cdn.static.net в этот момент» http://cdn.static.net "

Относительный URI записывается как„путь/к/file.ext“, где он просто позиционируется после текущего домена (т.е. www.mydomain.com). Относительный путь, например «../», будет захватывать корневой каталог (если он есть) (например, www.mydomain.com/path/../whatever.script => www.mydomain/whatever. скрипт).

./ просто означает 'текущей директории'.

ли эта помощь?