Chrome devtools не показывает меньше файлов

Я так близок к тому, чтобы действительно начать использовать меньше, но есть еще одно препятствие: я не могу заставить меньше файлов отображаться в инструментах разработчика Chrome. Мне нужны инструменты разработчика.

Я использую Codekit для компиляции less в CSS и для создания исходной карты, и то, и другое, похоже, делает CK. Chrome даже автоматически обновляется, когда я сохраняю меньше изменений. Но в инспекторе есть только один файл css, и это главный, скомпилированный файл bootstrap.css.

В какой-то момент я увидел меньше файлов в инспекторе, но не больше. Я понятия не имею, когда они перестали показываться и почему, но я не могу их вернуть. Я попытался включить экспериментальные функции разработчика в Chrome, но без кубиков. Я убедился, что Codekit создает исходный файл карты в папке CSS, да. Я даже открыл файл карты, но тут же снова закрыл. По сути, это массивная единственная строка текста, из которой я не могу понять ни головы, ни хвоста. Никакой помощи там.

Я видел, что есть способ добавить папку less в рабочее пространство Chrome, но, насколько я могу судить, это потребует от меня изменить всю структуру папок, переместив папку less в корневую папку сайта, которая будет иметь каскадную эффект от того, что мне приходится переназначать источник и место назначения файла в Codekit (для начала), чего я хотел бы избежать (особенно если это не работает).

Я понимаю, что здесь мало конкретной информации, но я не уверен, что еще я могу предоставить. Я надеюсь, что есть ключевой шаг, который я пропустил, но два часа гугления продолжают показывать одни и те же результаты. У кого-нибудь есть предложения?


person Halfacre    schedule 17.07.2014    source источник
comment
Я никогда не слышал о меньшем количестве файлов в инструментах разработки. Обычно я просто не минимизирую CSS и должен сделать вывод, в чем проблема (что сложно). Я не думаю, что Chrome может интерпретировать меньше самостоятельно, если я ошибаюсь, и теперь у него есть такая возможность?   -  person SuckerForMayhem    schedule 18.07.2014
comment
возможно, это связано и может помочь: stackoverflow. ком/вопросы/15664064/   -  person SuckerForMayhem    schedule 18.07.2014


Ответы (1)


Что ж, похоже, я решил проблему, но до сих пор не знаю, с чего это началось.

Когда Codekit генерирует исходную карту, он также должен добавить строку внизу целевого файла CSS:

/*# sourceMappingURL=bootstrap.css.map */

Я нашел эту отсутствующую строку в файле, который, как мне кажется, я ошибочно выбрал ранее в этом запутанном процессе. Я скопировал и вставил его в конец bootstrap.css (где его почему-то не было), и бинго, меньше файлов в инструментах разработчика. Теперь, если бы я только знал, что я сделал, чтобы заставить это исчезнуть в первую очередь ... вы знаете, поэтому я не делаю этого снова. Вот надеюсь. Если вы или кто-то из ваших знакомых увидит ошибочность моего пути, я был бы очень признателен за любое назидание по этому вопросу.

person Halfacre    schedule 17.07.2014
comment
Драт, ну сюжет сгущается. Готовый начать получать немного меньше, я внес изменение в импортированный файл less, который, к удивлению, перегенерировал bootstrap.css без необходимой добавленной строки. Так что по какой-то причине Codekit не в этом. - person Halfacre; 18.07.2014