Как можно автоматический узнавать используется в проекте не поддерживаемые браузером свойства и методы javascript/css?

Question

[someone-rassel]

Как можно автоматический узнавать используется в проекте не поддерживаемые браузером свойства и методы javascript/css ?

Можно ли как то так автоматизировать это, постоянно не искать в can i use а чтобы автоматический при написании кода это все выводилось в консоль ?

Comments

[Сергей delphinpro]

Неподдерживаемый js сам вылезет в консоль в виде ошибки.
Неподдерживаемый css не даст результат, что тоже будет сразу видно на странице.

Ну а так для скрипта — бабел с полифилами, для css — автопрефиксер и директива support.
Для css не особо актуально, новые фишки спецификаций практически одновременно везде внедряются, а то что мамонтами не поддерживается, должно уже прочно в памяти отложится. Опять же, если надумал впервые использовать какую-то новую фичу, ты все равно изучишь документацию, почитаешь статьи и посмотришь caniuse и выработаешь стратегию кроссбраузерного использования. Во второй раз - по накатанной.

[someone-rassel]

Сергей delphinpro, то есть лучший вариант - это запоминать стараться ?

[Сергей delphinpro]

someone-rassel, Зачем стараться? Если пишешь код / верстаешь по 6-8 часов в режиме 5/7 оно само быстро запоминается.

[Kovalsky]

Modernizr?

Answer 1

[Михаил]

https://github.com/anandthakker/doiuse
https://babeljs.io/docs/en/babel-preset-env#debug