В предыдущих версиях инструментов разработчика IE вы могли открыть исходный код файлов CSS в отладчике.
Это было наиболее полезно для проверки того, что они действительно были загружены/указаны правильно, т.е. если запрос таблицы стилей возвратил ошибку 404, то это указывает на причину, по которой мои стили не применяются.
Однако, как и в IE 11, отладчик больше не перечисляет файлы CSS, поэтому я не могу использовать их для просмотра их источника и проверки их.
Я знаю, что я могу сделать это через профилировщик, но для этого требуется начать трассировку профиля и перезагрузить страницу, что не совсем способствует простому потоку работы. (Не для частой блокировки, которую используют инструменты F12, которые, как представляется, возникают на любой вкладке профиля)
Есть ли еще средства dev для просмотра источников файлов CSS?
Я не верю в это. Об этом сообщает проблема Connect, и MS заявляет, что она есть в их списке "потенциальных" будущих выпусков. IE11: вкладка CSS отсутствует в новых инструментах разработчика F12
Обновление: Microsoft объявила через сайт UserVoice для Internet Explorer, что они планируют вернуть его.
Вкладка CSS отсутствует, а отладчик также не отображает файлы CSS.
Однако, если вы найдете элемент в dom explorer со стилями, применяемыми из файла css, вы можете щелкнуть по имени файла и открыть весь файл.
Я был удивлен, узнав об этом сегодня, и прибегнул к использованию инструмента Chrome F12. На вкладке "Ресурсы" на левой панели вы можете развернуть Frames для доступа к изображениям, скриптам и стилям для вашей страницы. CSS находятся в последней из они, конечно.
Само собой разумеется, что это помогает только в том случае, если у вас есть доступ к Chrome, и сайт поддерживает его.
В инструментах разработчика перейдите на вкладку Сеть. Нажмите на стрелку (при наведении на нее надпись "Включить захват сетевого трафика"). Он превратится в квадрат, чтобы указать, что он захватывает сетевой трафик. Обновите страницу. Нажмите тип для сортировки по типу и найдите "text/css". Дважды щелкните файл. Нажмите "Тело ответа". Вы увидите содержимое CSS там.
Чтобы добавить стили вручную, перейдите в DOM Explorer. Нажмите на элемент на своей веб-странице, и он должен привести вас к этой части веб-страницы. Вы можете добавить стили к элементам в DOM Explorer или в левом окне, вы увидите "Inline style" (если нет классов CSS) или "Inline style", а также класс CSS и его детали., Вы можете нажать там, чтобы внести изменения.