на многих страницах Google при каждом обновлении класс html-элемента отличается, почему?

#javascript #html #jquery #css #security

#javascript #HTML #jquery ( jquery ) #css — код #Безопасность

Вопрос:

Попытался проверить страницу в консоли Google и обнаружил, что при каждом обновлении
имя класса элемента изменяется, и это имя является случайным.

Я хочу знать точную причину этого и.

  1. можно ли добиться этого с помощью javascript, чтобы избежать накладных расходов на потребление ресурсов?
  2. если это должно быть достигнуто со стороны сервера, стоит ли учитывать накладные расходы на потребление ресурсов?

Пример действительно был бы полезен.

Ответ №1:

Я не думаю, что класс генерируется на стороне сервера, вероятно, он загружается на страницу. Это означало бы, что js будет генерировать случайную последовательность для элемента, и селектор также будет изменен. Это будет означать, что стили записываются внутри HTML-файла, встроенного или внутри тега стиля.

Ответ №2:

Это называется css modules . Хэш имени класса генерируется либо во время выполнения сервера, либо во время компиляции. Большую часть времени это делается на этапе сборки / компиляции. Затем подается вам как хэшированные имена классов css. В большинстве случаев это достигается с помощью javascript и webpack (компилятора)

Оба варианта не имеют накладных расходов для клиента.

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