Как увидеть .css файлы, загруженные на страницу в Google Chrome?

Ответ 1

Вкладка Resources отсутствует с января 2011 г., используйте вкладку Network и фильтр для запросов CSS.

Оригинальный ответ (2010)

Вы можете использовать "Inspect Element" (щелкните правой кнопкой мыши) на любом элементе, затем выберите вкладку "Ресурсы", нажмите "Включить отслеживание ресурсов для этого сеанса". Затем из "суб-вкладки" ( "Все", "Документы", "Изображения", "Сценарии" ) и т.д. Вы можете нажать "Таблицы стилей".

Надеюсь, это поможет!

Ответ 2

Предупреждение: этот ответ устарел! В последних версиях Chrome проверьте ответ Dr1Ku ниже.

На вкладке Инструменты разработчика Chrome (CTRL + SHIFT + I) перейдите в Ресурсы (возможно, вам придется включить отслеживание ресурсов на этой странице) и нажмите на подстраницу Таблицы стилей. Это покажет все файлы css, загруженные этой страницей.

Ответ 3

Если вы заинтересованы, есть способ найти их в JS:

(Пожалуйста, используйте современный браузер)

var sts = document.styleSheets;
var result = [];
for (var i = 0; i < sts.length; i++) {
    var st = sts.item(i);
    if (st && st.href) {
       result.push(st.href.match(/\w*\.css/));
    }
}
console.dir(result);

Ответ 4

Я хочу посмотреть, какие файлы были загружены, щелкните правой кнопкой мыши на пустой раздел на странице и выберите Просмотр страницы. Отсюда он покажет вам страницу html, как это было показано в Chrome. Если вы посмотрите в разделе заголовка, вы должны быть также списком всех внешних файлов, которые были вызваны, и они должны быть гиперссылками, просто нажмите на любой из них, и Chrome покажет, что этот конкретный файл на новой вкладке.

Удачи.

Ответ 5

Апрель 2019

Чтобы увидеть CSS файлы, загруженные на страницу:

1. Перейти на вкладку Сеть
2. Перезагрузить страницу
3. Фильтровать по CSS

Я знаю, что это старый вопрос, но большинство ответов устарели.

Ответ 6

Щелкните правой кнопкой мыши в любом месте страницы и выберите Inspect element. Оттуда вы захотите щелкнуть вкладку Resources и указать Chrome, если она всегда должна включать эту панель или только один раз для сеанса (выберите, какой вы предпочитаете). Внутри вы увидите все файлы слева. Вы можете просмотреть содержимое, щелкнув небольшую вкладку Content рядом с Headers справа.