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

Outdated browser detection with Browserslist

Salahutdinov Dmitry
March 23, 2019
Programming
1
330

Outdated browser detection with Browserslist

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

Salahutdinov Dmitry

March 23, 2019
Tweet

More Decks by Salahutdinov Dmitry

See All by Salahutdinov Dmitry
Fullstack monitoring
dsalahutdinov
0
180
Product metrics for developers
dsalahutdinov
0
62
Kubernetes-native Ruby development
dsalahutdinov
0
450
Business Impact Driven Development
dsalahutdinov
0
320
Optimistic UI with Logux & Ruby (RubyRussia)
dsalahutdinov
0
350
bidd.pdf
dsalahutdinov
0
270
Optimistic UI with Logux & Ruby
dsalahutdinov
0
220
Optimistic UI and live updates with Logux & Ruby
dsalahutdinov
1
1.8k

Other Decks in Programming

See All in Programming
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
9
2.6k
React 19アップデートのために必要なこと
uhyo
8
1.6k
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
300
Domain-Driven Design (Tutorial)
hschwentner
13
22k
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
170
やっと腹落ち「スプリント毎に動くモノをリリースする」〜ゼロから始めるメガバンクグループのアジャイル実践〜
sasakendayo
0
210
コードを読んで理解するko build
bells17
1
120
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
300
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.3k
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
250
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
160
CIBMTR振り返り＋敗北から学ぶコンペの取り組み方反省
takanao
1
170

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
550
Building Applications with DynamoDB
mza
93
6.2k
Speed Design
sergeychernyshev
28
820
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Rails Girls Zürich Keynote
gr2m
94
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
It's Worth the Effort
3n
184
28k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k

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