Browser Compatibility Testing of Match Media
Match Media
API for finding out whether or not a media query applies to the document. Media questions, included CSS3, were a result of the requirement for fitting a page's appearance to the gadget without reproducing the substance and markup for each gadget compose. That dealt with the visual, yet shouldn't something be said about practices? There was still no simple method to execute JavaScript (JS) code in light of the viewport measure (more on that in the following segment). That was until the point when the matchMedia API went along. As we'll learn here today, the matchMedia API gives a simple method to respond to CSS @media inquiries utilizing precisely the same articulations, subsequently wiping out the need to copy them over your templates and JavaScript records.
API
Test your Web App on LambdaTest
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support Match Media.
BROWSER SUPPORT FOR Match Media
Google Chrome
Chrome browser version 4 to 8 doesn't support Match Media property. Chrome browser version 9 to 67 supports Match Media property.
Mozilla Firefox
This element is not supported by Mozilla Firefox browser version 2 to 5. Mozilla Firefox browser version 6 to 61 supports Match Media property.
Internet Explorer
Internet Explorer browser version 6 to 9 doesn't support Match Media. Internet Explorer browser version 10 to 11 partially supports this property with prefix:ms and partial support for IE refers to supporting an older version of the web browser.
Safari
Safari browser version 3.1 to 5 doesn't supports Match Media. Safari browser version 5.1 to 11.1 supports it completely.
Microsoft Edge
Microsoft Edge browser version 12 to 17 supports this property.match-media
Opera
Opera browser version 10.1 to 11.5 doesn't support Match Media.Opera 11.5 to 20 partially supports Match Media property with prefix:webkit. Opera 12.1 to 53 supports Match Media property.
Information sourced from
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Other Browser Elements and Properties
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
BENEFITS
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.