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

Outdated browser detection with Browserslist

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
75
Kubernetes-native Ruby development
Avatar for Salahutdinov Dmitry dsalahutdinov
0
490
Business Impact Driven Development
Avatar for Salahutdinov Dmitry dsalahutdinov
0
380
Optimistic UI with Logux & Ruby (RubyRussia)
Avatar for Salahutdinov Dmitry dsalahutdinov
0
390
bidd.pdf
Avatar for Salahutdinov Dmitry dsalahutdinov
0
310
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
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
250
dRuby over BLE
Avatar for makicamel makicamel
2
410
symfony/aiとlaravel/boost
Avatar for Hiromi Hishida 77web
0
120
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
SLOをサービス品質の共通言語にするために 取り組んできたこと
Avatar for wakanaction wakana0222
0
380
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
1
120
トークンをケチるな、設計しろ：GitHub Copilotを賢く使うコンテキスト戦略
Avatar for Ochtum ochtum
0
300
ADKを使って簡単にAIエージェントを作ってみよう
Avatar for K1mu21 k1mu21
0
290
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.7k
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
260
Vue × Nuxt × Oxc どこまで使える？実運用の現在地
Avatar for ANDPAD inc andpad
0
360
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
0
160

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
370
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
670
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
880
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
370
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
960
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
63
55k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
320

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