{"json_modified": "2016-08-18T08:53:09.737464", "uuid": "7497c6f6-0914-4227-9f1d-07038a6ce83a", "title": "Testing media queries", "url": "/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries", "tags": ["NeedsMobileBrowserCompatibility", "CSS", "Advanced", "Responsive Design", "Web", "Guide", "DOM", "Media Queries"], "translations": [{"uuid": "0f603911-6f45-480a-8c21-cf63e3dc03fa", "title": "Probando media queries", "url": "/es/docs/Web/Guide/CSS/probando_media_queries", "tags": [], "summary": "El DOM proporciona caracter\u00edsticas que hacen posible probar los resultados de un media query estructuradamente. Esto es hecho usando la interfaz <a href=\"/es/docs/DOM/MediaQueryList\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>MediaQueryList</code></a> y sus m\u00e9todos y propiedades. Una vez que hayas creado el objeto <a href=\"/es/docs/DOM/MediaQueryList\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>MediaQueryList</code></a>, puedes revisar el resultado del query o, como alternativa, recibir notificaciones autom\u00e1ticamente cuando el resultado cambie.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2014-10-30T06:02:00", "review_tags": []}, {"uuid": "ea3d1c6b-60ec-46d3-a4ef-ae4deee47b0b", "title": "Tester les media queries", "url": "/fr/docs/Web/CSS/Requ%C3%AAtes_m%C3%A9dia/Tester_les_media_queries", "tags": ["CSS", "DOM", "Avanc\u00e9", "Guide"], "summary": "Le DOM fournit un certain nombre de fonctionnalit\u00e9s qui permettent de tester les r\u00e9sultats d'une requ\u00eate m\u00e9dia (<em>media query</em>) avec un script. Pour cela, on utilise l'interface <a href=\"/fr/docs/Web/API/MediaQueryList\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>MediaQueryList</code></a> ainsi que ses m\u00e9thodes et ses propri\u00e9t\u00e9s. Une fois qu'on a cr\u00e9\u00e9 un objet <a href=\"/fr/docs/Web/API/MediaQueryList\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>MediaQueryList</code></a>, on peut v\u00e9rifier le r\u00e9sultat de la requ\u00eate ou \u00e9galement recevoir des notifications automatiques lorsque le r\u00e9sultat de la requ\u00eate change.", "localization_tags": [], "locale": "fr", "last_edit": "2016-08-03T11:25:48", "review_tags": []}, {"uuid": "fbe9542f-f7a1-4982-9126-e901b67fd978", "title": "\u30b9\u30af\u30ea\u30d7\u30c8\u304b\u3089\u306e\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u4f7f\u7528", "url": "/ja/docs/Web/Guide/CSS/Testing_media_queries", "tags": ["CSS", "DOM"], "summary": "DOM \u3067\u306f\u3001\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u7d50\u679c\u3092\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u8abf\u3079\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u6a5f\u80fd\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u306f <a href=\"/ja/docs/Web/API/MediaQueryList\" title=\"MediaQueryList &#x306F;&#x3001;document &#x306E; &#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x30AF;&#x30A8;&#x30EA; &#x306E;&#x30EA;&#x30B9;&#x30C8;&#x3092;&#x4FDD;&#x6301;&#x3059;&#x308B; DOM &#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3067;&#x3059;&#x3002;Document &#x4E0A;&#x306E;&#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x30AF;&#x30A8;&#x30EA;&#x3092;&#x5909;&#x66F4;&#x3059;&#x308B;&#x3068;&#x3001;&#x30EA;&#x30B9;&#x30CA;&#x30FC;&#x306B;&#x901A;&#x77E5;&#x3092;&#x9001;&#x4FE1;&#x3059;&#x308B;&#x51E6;&#x7406;&#x3092;&#x884C;&#x3044;&#x307E;&#x3059;&#x3002;\"><code>MediaQueryList</code></a> \u30a4\u30f3\u30bf\u30d5\u30a7\u30fc\u30b9\u304a\u3088\u3073\u305d\u306e\u30e1\u30bd\u30c3\u30c9\u3084\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u7528\u3044\u307e\u3059\u3002<a href=\"/ja/docs/Web/API/MediaQueryList\" title=\"MediaQueryList &#x306F;&#x3001;document &#x306E; &#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x30AF;&#x30A8;&#x30EA; &#x306E;&#x30EA;&#x30B9;&#x30C8;&#x3092;&#x4FDD;&#x6301;&#x3059;&#x308B; DOM &#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3067;&#x3059;&#x3002;Document &#x4E0A;&#x306E;&#x30E1;&#x30C7;&#x30A3;&#x30A2;&#x30AF;&#x30A8;&#x30EA;&#x3092;&#x5909;&#x66F4;&#x3059;&#x308B;&#x3068;&#x3001;&#x30EA;&#x30B9;&#x30CA;&#x30FC;&#x306B;&#x901A;&#x77E5;&#x3092;&#x9001;&#x4FE1;&#x3059;&#x308B;&#x51E6;&#x7406;&#x3092;&#x884C;&#x3044;&#x307E;&#x3059;&#x3002;\"><code>MediaQueryList</code></a> \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3068\u3001\u30af\u30a8\u30ea\u306e\u7d50\u679c\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u3001\u3042\u308b\u3044\u306f\u7d50\u679c\u304c\u5909\u5316\u3057\u305f\u3068\u304d\u306b\u81ea\u52d5\u7684\u306b\u901a\u77e5\u3092\u53d7\u3051\u53d6\u308b\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-05-23T09:12:26", "review_tags": []}, {"uuid": "00d5fb76-a29c-40ad-9f29-af2cd9f8a1ce", "title": "Sprawdzanie media queries", "url": "/pl/docs/Web/Guide/CSS/Sprawdzanie_media_queries", "tags": [], "summary": "DOM dostarcza funkcje, dzi\u0119ki kt\u00f3rym mo\u017cliwym jest sprawdzenie wynik\u00f3w media query. Jest to mo\u017cliwe przy u\u017cyciu interfejsu <a href=\"/pl/docs/Web/API/MediaQueryList\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>MediaQueryList</code></a> i jego funkcji oraz w\u0142a\u015bciwo\u015bci. Po utworzeniu obiektu <a href=\"/pl/docs/Web/API/MediaQueryList\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>MediaQueryList</code></a> mo\u017cesz zbada\u0107 wynik zapytania (query) lub (dodatkowo) otrzymywa\u0107 powiadomienie, gdy rezultat si\u0119 zmieni.", "localization_tags": [], "locale": "pl", "last_edit": "2015-02-24T17:03:47", "review_tags": []}, {"uuid": "51ec5c39-af04-4e8f-add0-c861c94be230", "title": "\u6d4b\u8bd5\u5a92\u4f53\u67e5\u8be2", "url": "/zh-CN/docs/Web/Guide/CSS/Testing_media_queries", "tags": [], "summary": "DOM\u6709\u8fd9\u6837\u4e00\u79cd\u7279\u6027\uff0c\u53ef\u4ee5\u901a\u8fc7\u7a0b\u5e8f\u6765\u83b7\u5f97\u5a92\u4f53\u67e5\u8be2\u7684\u7ed3\u679c\u3002\u8fd9\u662f\u901a\u8fc7 <a href=\"/zh-CN/docs/DOM/MediaQueryList\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>MediaQueryList</code></a> \u63a5\u53e3\u548c\u5b83\u7684\u65b9\u6cd5\u6765\u5b9e\u73b0\u7684\u3002\u4e00\u65e6\u4f60\u521b\u5efa\u4e86<a href=\"/zh-CN/docs/DOM/MediaQueryList\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>MediaQueryList</code></a> \u5bf9\u8c61\uff0c \u4f60\u5c31\u53ef\u4ee5\u901a\u8fc7\u5b83\u6765\u68c0\u67e5\u67e5\u8be2\u7ed3\u679c\uff0c\u6216\u8005\uff0c\u4f60\u4e5f\u53ef\u4ee5\u4e00\u4e9b\u8bbe\u7f6e\uff0c\u6765\u5b9e\u73b0\u5f53\u67e5\u8be2\u7ed3\u679c\u53d8\u5316\u65f6\uff0c\u81ea\u52a8\u63a5\u6536\u5230\u901a\u77e5\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2014-02-16T22:02:02", "review_tags": []}, {"uuid": "a4123e02-4558-40be-be8c-efd5b0a25bd3", "title": "\u6e2c\u8a66 media queries", "url": "/zh-TW/docs/Web/Guide/CSS/Testing_media_queries", "tags": [], "summary": "DOM \u63d0\u4f9b\u4e86\u4e00\u500b\u7528\u7a0b\u5f0f\u53bb\u6e2c\u8a66 media query \u7684\u65b9\u6cd5\uff1a\u90a3\u5c31\u662f\u900f\u904e\u00a0<a href=\"/zh-TW/docs/Web/API/MediaQueryList\" title=\"MediaQueryList&#xA0;&#x7269;&#x4EF6;&#x7DAD;&#x8B77;&#x4E00;&#x7D44;&#x91DD;&#x5C0D;&#xA0;document &#x7684;&#xA0;media querie&#xA0;, &#x4E26;&#x4E14;&#x7576; media querie&#xA0;&#x76F8;&#x5C0D;&#x61C9;&#x7684;&#x6587;&#x4EF6;&#x72C0;&#x614B;&#x6539;&#x8B8A;&#x6642;&#xFF0C;&#x89F8;&#x767C;&#x8A3B;&#x518A;&#x7684;&#x4E8B;&#x4EF6;&#x8655;&#x7406;&#x5668;&#x901A;&#x77E5;&#x4E4B;&#x3002;\"><code>MediaQueryList</code></a> \u7269\u4ef6\uff1b\u900f\u904e\u00a0<span style=\"line-height: 19.0909080505371px;\"><a href=\"/zh-TW/docs/Web/API/MediaQueryList\" title=\"MediaQueryList\u00a0\u7269\u4ef6\u7dad\u8b77\u4e00\u7d44\u91dd\u5c0d\u00a0document \u7684\u00a0media querie\u00a0, \u4e26\u4e14\u7576 media querie\u00a0\u76f8\u5c0d\u61c9\u7684\u6587\u4ef6\u72c0\u614b\u6539\u8b8a\u6642\uff0c\u89f8\u767c\u8a3b\u518a\u7684\u4e8b\u4ef6\u8655\u7406\u5668\u901a\u77e5\u4e4b\u3002\"><code>MediaQueryList</code></a> \u7269\u4ef6\u4e0a\u7684\u5c6c\u6027\u548c\u65b9\u6cd5\uff0c\u6211\u5011\u53ef\u4ee5\u5f97\u77e5\u3001\u89c0\u5bdf\u76ee\u524d media query \u7684\u72c0\u614b\u3002</span>", "localization_tags": [], "locale": "zh-TW", "last_edit": "2015-05-08T02:18:26", "review_tags": []}], "modified": "2016-08-18T08:53:09", "label": "Testing media queries", "localization_tags": [], "locale": "en-US", "id": 2286, "last_edit": "2015-06-19T18:31:28", "summary": "The DOM provides features that make it possible to test the results of a media query programmatically. This is done using the <a href=\"/en-US/docs/Web/API/MediaQueryList\" title=\"A MediaQueryList object maintains a list of media queries on a document, and handles sending notifications to listeners when the media queries on the document change.\"><code>MediaQueryList</code></a> interface and its methods and properties. Once you've created a <a href=\"/en-US/docs/Web/API/MediaQueryList\" title=\"A MediaQueryList object maintains a list of media queries on a document, and handles sending notifications to listeners when the media queries on the document change.\"><code>MediaQueryList</code></a> object, you can check the result of the query or, alternatively, receive notifications automatically when the result changes.", "sections": [{"id": "Creating_a_media_query_list", "title": "Creating a media query list"}, {"id": "Checking_the_result_of_a_query", "title": "Checking the result of a query"}, {"id": "Receiving_query_notifications", "title": "Receiving query notifications"}, {"id": "Ending_query_notifications", "title": "Ending query notifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/Media_Queries/Testing_media_queries", "review_tags": []}