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

Outdated browser detection with Browserslist

Salahutdinov Dmitry
March 23, 2019
Programming
1
320

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
160
Product metrics for developers
dsalahutdinov
0
61
Kubernetes-native Ruby development
dsalahutdinov
0
430
Business Impact Driven Development
dsalahutdinov
0
290
Optimistic UI with Logux & Ruby (RubyRussia)
dsalahutdinov
0
340
bidd.pdf
dsalahutdinov
0
260
Optimistic UI with Logux & Ruby
dsalahutdinov
0
210
Optimistic UI and live updates with Logux & Ruby
dsalahutdinov
1
1.7k

Other Decks in Programming

See All in Programming
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
370
20241217　競争力強化とビジネス価値創出への挑戦：モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
160
AppRouterを用いた大規模サービス開発におけるディレクトリ構成の変遷と問題点

eiganken
1
300
선언형 UI에서의 상태관리
l2hyunwoo
0
240
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
150
create_tableをしただけなのに〜囚われのuuid編〜
daisukeshinoku
0
310
KMP와 kotlinx.rpc로 서버와 클라이언트 동기화
kwakeuijin
0
260
GitHubで育つ コラボレーション文化 : ニフティでのインナーソース挑戦事例 - 2024-12-16 GitHub Universe 2024 Recap in ZOZO
niftycorp
PRO
0
740
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
6
1.2k
KubeCon + CloudNativeCon NA 2024 Overview at Kubernetes Meetup Tokyo #68 / amsy810_k8sjp68
masayaaoyama
0
270
DevFest - Serverless 101 with Google Cloud Functions
tunmise
0
130
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
570

Featured

See All Featured
How STYLIGHT went responsive
nonsquared
96
5.2k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
200
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Being A Developer After 40
akosma
89
590k
Site-Speed That Sticks
csswizardry
2
210
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
GitHub's CSS Performance
jonrohan
1031
460k

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