Как браузер узнает, от куда загружать файлы сайта?

Question

[rinaz22]

Всем привет. Когда мы открываем сайт, делается запрос на сервер и приходит ответ. На странице есть стили, путь которых прописан так: css/style.css
Как браузер узнает, что эти стили нужно загружать именно с этого сайта? Он получает это с какого-то http заголовка или что? Если да, то можно ли в ответ прислать другой домен(хост), т.е. чтобы браузер загружал стили с другого домена?
Не пишите пожалуйста, что нужно просто поменять путь к стилю или т.п.

Comments

[Ankhena]

1. Почитайте про относительные и абсолютные пути.
2. Почитайте про тег base

Как браузер узнает, что эти стили нужно загружать именно с этого сайта?

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

[rinaz22]

Ankhena, все 2 пункта знаю. Base не подходит

[Ankhena]

rinaz22, дичь какую-то творите.
Вы можете вообще не писать link в открытую, а добавлять через js.

Для честных дел это излишне. Нечестные мне не хочется обсуждать.

Answer 1

[Stalker_RED]

Если стили прописаны так:

<link rel="stylesheet" href="http://example.com/css/style.css">

то есть адрес указан целиком, то браузер так и запросит.

Если прописаны так:

<link rel="stylesheet" href="//example.com/css/style.css">

то есть без указания протокола, то браузер подставит такой-же протокол, как и у текущей страницы (обычно http или https).

Если прописаны так: <link rel="stylesheet" href="/css/style.css">
то есть только путь от корня сайта (обратите внимание на слеш в начале), то браузер подставит текущий протокол и домен.

Если прописаны так: <link rel="stylesheet" href="css/style.css">
то есть путь НЕ от корня сайта, то браузер подставит адрес текущей СТРАНИЦЫ, и на странице с адресом
https://mysite.com/hello/world.html произойдет попытка подключить стили вот так:
https://mysite.com/hello/style.css и это скорее всего приведет к ошибке.

А вот первые три способа вполне рабочие, и чаще всего используют третий. Он и удобнее, и меньше весит :)

Comments

[rinaz22]

Про это я знаю. Как он узнает что нужно загружать с этого домена. Я просто хочу узнать, можно ли поменять путь с помощью http заголовков у подобных ссылок:
<link rel="stylesheet" href="style/ie.css">

[DevMan]

rinaz22, для начала было бы неплохо ознакомиться с что такое http–заголовки.
тогда бы и подобного вопроса не возникло.

[Stalker_RED]

rinaz22, автоматически подставляет такой-же домен как у текущей страницы

[rinaz22]

DevMan, просто я уже давно ищу способ замены и уже не знаю как еще можно

[Stalker_RED]

rinaz22, что вы хотите заменить и зачем?

[DevMan]

rinaz22, элементарно: перехватывать код страницы, менять адреса и затем отдавать браузеру.

[rinaz22]

Stalker_RED, путь стилей, при этом не меняя их в самом коде. Т.е. чтобы стили загружались с другого домена, хотя в коде прописан так: css/style.css

[rinaz22]

DevMan, вы имеете ввиду найти с помощью регулярок и потом поменять?

[Stalker_RED]

rinaz22, если вы для себя хотите что-то подменить, то можно поставить расширение типа Resource Override или при помощи greasemonkey/tampermonkey.

Если хотите другим пользователям подменить - становитесь хакером )

[rinaz22]

Stalker_RED, я хочу это сделать для всех на своем сайте. Думаю, это легально)

[Stalker_RED]

rinaz22, автозамена по всем файлам.
Шторм умеет, notepad++ тоже, или старый добрый find + sed

find . -type f -name "*.txt" -exec sed -i'' -e 's/foo/bar/g' {} +

[Модератор]

rinaz22, хоть регулярками, хоть работой с DOM, хоть другими способами - выбор за вами.