Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Outdated browser detection with Browserslist

Avatar for Salahutdinov Dmitry Salahutdinov Dmitry
March 23, 2019
Programming
350
1

Outdated browser detection with Browserslist

Check the outdated browser in the same way on both: front-end and back-end

Avatar for Salahutdinov Dmitry

Salahutdinov Dmitry

March 23, 2019

More Decks by Salahutdinov Dmitry

See All by Salahutdinov Dmitry
Fullstack monitoring
Avatar for Salahutdinov Dmitry dsalahutdinov
0
240
Product metrics for developers
Avatar for Salahutdinov Dmitry dsalahutdinov
0
73
Kubernetes-native Ruby development
Avatar for Salahutdinov Dmitry dsalahutdinov
0
490
Business Impact Driven Development
Avatar for Salahutdinov Dmitry dsalahutdinov
0
370
Optimistic UI with Logux & Ruby (RubyRussia)
Avatar for Salahutdinov Dmitry dsalahutdinov
0
390
bidd.pdf
Avatar for Salahutdinov Dmitry dsalahutdinov
0
300
Optimistic UI with Logux & Ruby
Avatar for Salahutdinov Dmitry dsalahutdinov
0
270
Optimistic UI and live updates with Logux & Ruby
Avatar for Salahutdinov Dmitry dsalahutdinov
1
2k

Other Decks in Programming

See All in Programming
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
200
New "Type" system on PicoRuby
Avatar for pocke pocke
1
250
SPMマルチモジュールで テストカバレッジを取得する技法
Avatar for yosshi yosshi4486
0
130
Sans tests, vos agents ne sont pas fiables
Avatar for Nathan Abondance nabondance
0
160
分析エージェント精度向上における データアナリストの役割
Avatar for oura_shoya oura_shoya
0
130
自動レビューエンジンの実装と運用 ~レビューのない世界へ~
Avatar for Kanato kurukuru1999
2
280
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
Avatar for Susisu susisu
1
1.2k
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
270
開発とはなにか、Essenceカーネルで見えるもの
Avatar for ukin0k0 ukin0k0
0
220
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
Avatar for Taisei Yamamoto taiseiyamamotoan
1
200
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
Avatar for izumin5210 izumin5210
2
1.1k
Old Dog, New Tricks: The Java 25 Reinvention - JNation
Avatar for A N M Bazlur Rahman bazlur_rahman
0
130

Featured

See All Featured
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
180
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k

Transcript

  1. LT: Outdated Browser Detection Dmitry Salahutdinov

  2. Why?

  3. None

  4. Frontend Pareto principle 10 % Uses actual browser 90 %

    10 % Old browsers 90 % Actual browsers usage Money spend for supporting browsers
  5. None

  6. Frontend headache

  7. Converts rules into list of browsers

  8. None

  9. Mozilla/5.0 (Windows NT 10.0; rv:54.0) Gecko/20100101 Firefox/54.0 ❌ Matches UA

    string with the list

  10. Js is not supported?

  11. Matches UA string with the list

  12. Frontend Backend Share the only one config

  13. Single project Frontend Backend RAILS_ROOT/browsers.json

  14. Separated frontend

  15. Gets back to frontend for browsers list

  16. Gets back to frontend for browsers list

  17. Caching the result

  18. dziękuję #❤ @dsalahutdinov1 @dsalahutdinov https://dev.to/amplifr https://amplifr.com https://dev.to/amplifr/outdated-browser-detection-with-browserslist-10co browserslist_useragent gem