{"id":39607,"date":"2020-06-12T12:04:22","date_gmt":"2020-06-12T19:04:22","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/premier-developer\/?p=39607"},"modified":"2020-06-22T12:31:30","modified_gmt":"2020-06-22T19:31:30","slug":"how-to-detect-unsupported-browsers-under-a-blazor-webassembly-application","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/how-to-detect-unsupported-browsers-under-a-blazor-webassembly-application\/","title":{"rendered":"How To Detect Unsupported Browsers Under a Blazor WebAssembly Application?"},"content":{"rendered":"<p>Premier Developer Consultant <a href=\"https:\/\/www.linkedin.com\/in\/waelkdouh\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wael Kdouh<\/a> explores how to detect unsupported browsers under a Blazor WebAssembly application.<\/p>\n<hr \/>\n<p>I recently ran into an issue where running a Blazor WebAssembly application under unsupported browsers would simply get stuck on the loading page. Whereas older browsers are supported under the \u201cServer Side\u201d model, it would be a much better experience to present the user with a more meaningful indicator that the browser is not supported when running \u201cBlazor WebAssembly\u201d model. Currently, when running Blazor WebAssembly under older browsers you get a loading indicator that never materializes to a page.<\/p>\n<p>This post chronicles my journey while attempting to uncover a viable solution. The source code is hosted on my Github repository which can be found <a href=\"https:\/\/github.com\/waelkdouh\/DetectingUnsupportedBrowsers\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">here<\/a>. You can test an instance of the running solution which is hosted as a Github page <a href=\"https:\/\/waelkdouh.github.io\/DetectingUnsupportedBrowsers\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/medium.com\/@waelkdouh\/how-to-detect-unsupported-browsers-under-a-blazor-webassembly-application-bc11ab0ee015\">Continue reading on Wael&#8217;s blog<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I recently ran into an issue where running a Blazor WebAssembly application under unsupported browsers would simply get stuck on the loading page. Whereas older browsers are supported under the \u201cServer Side\u201d model, it would be a much better experience to present the user with a more meaningful indicator that the browser is not supported.<\/p>\n","protected":false},"author":582,"featured_media":39608,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[8496,98],"class_list":["post-39607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-blazor","tag-wael-kdouh"],"acf":[],"blog_post_summary":"<p>I recently ran into an issue where running a Blazor WebAssembly application under unsupported browsers would simply get stuck on the loading page. Whereas older browsers are supported under the \u201cServer Side\u201d model, it would be a much better experience to present the user with a more meaningful indicator that the browser is not supported.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/39607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=39607"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/39607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/39608"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=39607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=39607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=39607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}