Как мы можем узнать, использует ли какой-либо сайт Sass и Compass?

Question

Как мы можем узнать, использует ли какой-либо веб-сайт Sass и Compass для CSS?

Answer 1

Это хотя и один, но я бы посмотрел на файлы CSS, ЕСЛИ разработчики забыли об изменении вывода, вы сможете определить имена файлов и номера строк исходных файлов.

Если нет, ищите необычные шаблоны в выводе CSS, например, SASS делает вложение очень простым, поэтому селектор может выглядеть так в CSS (вы никогда не будете писать эти длинные селекторы вручную)

div#wrapper div#container ul#myId li a { color: blue; }
div#wrapper div#container ul#myId li.sass a { color: red; }

Но выглядело бы это так в исходном файле SASS (без повторов, с которым легко убежать)

div#wrapper {
  div#container {
     ul#myId {
       li {
         a { color: blue; }
         &.sass {
           a { color: red; }
         }
       }

     }
  }
}

Кроме того, ищите длинные комбинации классов, полученные из директивы @extend, которыебудет выглядеть следующим образом:

.button, .button1, .button-submit, .button-add-to-cart, .button-signup, .button-register {
 display: inline-block; 
 }

Еще одна хорошая идея - заглянуть в источник сгенерированных CSS3 кнопок, обычно разработчики заботятся только о Firefox, Safari, Chrome и IE, но сгенерированный SASS вывод будет ДЕЙСТВИТЕЛЬНО многословнымс большим количеством префиксов поставщиков, в том числе для Opera.

Удачи!

Answer 2

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

/* line 22, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
.selector {
    bla: 123;
}

или

/* line 5, sass/large/_common.scss */
.selector {
   bla: 123;
}