Как скрывают файл со стилями css?
При просмотре сайтов в DevTools браузера несколько раз видел, что при выборе объекта, например div, рядом с его стилями указана не ссылка на файл css, а написано <style>. Прожимаешь по нему и тебя бросает к пустому html тегу <style></style>.
Дак вот мой вопрос, как это сделать?
Я предполагаю, что это реализовано на js, но подключаемые файлы обфусцированы и там нет никаких ссылок.
spoiler
Дополнительно:
короче, на левой части скрина не тот тэг style, который на правой
Ответы:
Это не css-файл, это инлайн-стили.
Да, всё верно, это происходит, если добавлять стили через JavaScript с помощью конструкций вида
var sheet = window.document.styleSheets[0]; sheet.insertRule('.container { width: 100%; margin: 8px auto }', sheet.cssRules.length); |
var sheet = window.document.styleSheets[0]; sheet.insertRule('.container { width: 100%; margin: 8px auto }', sheet.cssRules.length);
Подробнее — см. в MDN: https://developer.mozilla.org/en-US/docs/Web/API/C...
Просто вписан css в само тело страницы. Между этими тегами.
- Почему он не отображается? Есть аналогичный style тег в head сайта, там стили отображаются.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для скрытия файла со стилями CSS можно использовать различные методы, в зависимости от конкретной ситуации и требований проекта. Ниже приведены несколько способов, которые можно применить:
1. Перемещение файла CSS в защищенную директорию:
Один из способов скрыть файл со стилями CSS - это переместить его в защищенную директорию, к которой не имеют доступа обычные пользователи. Например, вы можете создать специальную директорию за пределами корневой директории вашего сайта и переместить туда файл со стилями. Затем можно подключить этот файл к странице через PHP, используя относительный путь.
2. Использование PHP для подключения файла CSS:
Другой способ скрыть файл со стилями CSS - это использовать PHP для его подключения. В данном случае вы можете создать специальный PHP файл, который будет содержать стили CSS, и подключать его к страницам вашего сайта. При этом сам файл со стилями будет скрыт от прямого доступа через браузер.
Пример кода на PHP для подключения файла со стилями CSS:
/* Здесь разместите ваши стили CSS */ body { background-color: #f0f0f0; color: #333; }
3. Использование .htaccess для ограничения доступа к файлу:
Третий способ скрыть файл со стилями CSS - это использовать файл .htaccess для ограничения доступа к нему. Вы можете создать правило в файле .htaccess, которое запретит прямой доступ к файлу со стилями через браузер.
Пример кода для файла .htaccess:
Order allow,deny Deny from allOrder allow,deny Deny from all
Это лишь несколько способов скрыть файл со стилями CSS от прямого доступа через браузер. Каждый из них имеет свои преимущества и недостатки, поэтому выбор конкретного метода зависит от требований вашего проекта и уровня безопасности, который необходимо обеспечить.