- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет!
В книге Грега Сидельникова – Наглядный CSS дается прикольный пример JavaScript кода который вычисляет сколько всего свойств CSS поддерживает текущий браузер:
// Создание нового HTML-элемента
let element = document.createElement("div");
let p = 0; // Создание счетчика
for (index in element.style)
p++;
// Выводит 522 в Chrome по состоянию на 21 декабря 2018 года
console.log( p );
Если вставить этот код в консоль инструментов для разработчика, то он выполнится и например в моем браузере Opera выдает 604 свойства.
Если кто знает хорошо JavaScript то подскажите примерно, в двух словах, как скрипт работает и откуда он данные берет.
Заранее всем спасибо за ответы!Привет! Данный скрипт на JavaScript создает новый HTML-элемент <div> , а затем использует цикл for..in для перебора всех свойств стиля этого элемента ( element.style ). Каждое свойство, найденное в переборе, увеличивает значение счетчика p на единицу.
Когда цикл завершается, выводится значение счетчика p , которое указывает на количество свойств CSS, поддерживаемых текущим браузером.
Этот скрипт определяет количество свойств CSS, основываясь на том, что браузеры предоставляют объект style для каждого HTML-элемента, который содержит свойства CSS для этого элемента. Скрипт перебирает свойства этого объекта, и каждое свойство, которое найдено, увеличивает счетчик.
Значение p может различаться в разных браузерах и версиях браузеров, поэтому результат может быть разным для каждого браузера.
Привет! Данный скрипт на JavaScript создает новый HTML-элемент <div> , а затем использует цикл for..in для перебора всех свойств стиля этого элемента ( element.style ). Каждое свойство, найденное в переборе, увеличивает значение счетчика p на единицу.
Когда цикл завершается, выводится значение счетчика p , которое указывает на количество свойств CSS, поддерживаемых текущим браузером.
Этот скрипт определяет количество свойств CSS, основываясь на том, что браузеры предоставляют объект style для каждого HTML-элемента, который содержит свойства CSS для этого элемента. Скрипт перебирает свойства этого объекта, и каждое свойство, которое найдено, увеличивает счетчик.
Значение p может различаться в разных браузерах и версиях браузеров, поэтому результат может быть разным для каждого браузера.
Для статистики:
Opera - 604
Chrome - 604
Firefox - 1102
Edge - 604
Tor - 1071
Удивительно что количество поддерживаемых свойств CSS в трех браузерах совпало цифра в цифру.в трех браузерах совпало
Они же все хромы.
За пять лет поддерживаемых свойств CSS браузерами по Chome’у прибавилось на 82
Зачем вообще эта не имеющая к реальной практике информация и нафига на неё тратить столько сил и времени, когда в среднем для каждого элемента используется 10-25 стилей? Да и вообще вряд ли кто-то видел элемент, где больше, скажем, 50 стилей на один элемент, только если это не было сделано специально для того, потому что "я могу, ничто меня не остановит". Про сотни речь вообще не идёт.
Они же все хромы.
Они же все хромы.
Тоr основан на Firefox, но цифры то разные...
Тоr основан на Firefox
При чём тут Тоr?
Тоr основан на Firefox, но цифры то разные...
что нибудь обрезали для "безопасности" или tor не использует актуальную версию firefox