{"json_modified": "2015-05-08T02:18:29.726999", "slug": "Web/Guide/CSS/Testing_media_queries", "tags": [], "locale": "zh-TW", "title": "\u6e2c\u8a66 media queries", "translations": [{"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", "Media queries"], "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 MediaQueryList
\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\u3002MediaQueryList
\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": []}, {"title": "Testing media queries", "url": "/en-US/docs/Web/Guide/CSS/Testing_media_queries", "tags": ["Guide", "NeedsMobileBrowserCompatibility", "CSS", "Advanced", "Responsive Design", "Web", "Media queries", "DOM"], "summary": "The DOM provides features that make it possible to test the results of a media query programmatically. This is done using the MediaQueryList
interface and its methods and properties. Once you've created a MediaQueryList
object, you can check the result of the query or, alternatively, receive notifications automatically when the result changes.", "localization_tags": [], "locale": "en-US", "last_edit": "2014-07-06T02:36:29", "review_tags": []}, {"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 MediaQueryList
\u63a5\u53e3\u548c\u5b83\u7684\u65b9\u6cd5\u6765\u5b9e\u73b0\u7684\u3002\u4e00\u65e6\u4f60\u521b\u5efa\u4e86MediaQueryList
\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": []}, {"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 MediaQueryList
i jego funkcji oraz w\u0142a\u015bciwo\u015bci. Po utworzeniu obiektu MediaQueryList
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": []}, {"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 MediaQueryList
y sus m\u00e9todos y propiedades. Una vez que hayas creado el objeto MediaQueryList
, 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": []}], "modified": "2015-05-08T02:18:29", "label": "\u6e2c\u8a66 media queries", "localization_tags": [], "url": "/zh-TW/docs/Web/Guide/CSS/Testing_media_queries", "last_edit": "2015-05-08T02:18:26", "summary": "DOM \u63d0\u4f9b\u4e86\u4e00\u500b\u7528\u7a0b\u5f0f\u53bb\u6e2c\u8a66 media query \u7684\u65b9\u6cd5\uff1a\u90a3\u5c31\u662f\u900f\u904e\u00a0MediaQueryList
\u7269\u4ef6\uff1b\u900f\u904e\u00a0MediaQueryList
\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", "sections": [{"id": "Creating_a_media_query_list", "title": "\u5275\u5efa media query list \u7269\u4ef6"}, {"id": "Checking_the_result_of_a_query", "title": "\u6aa2\u67e5 media\u00a0query \u7d50\u679c"}, {"id": "Receiving_query_notifications", "title": "\u63a5\u6536\u6e2c\u8a66\u7d50\u679c\u901a\u77e5"}, {"id": "Ending_query_notifications", "title": "\u505c\u6b62\u63a5\u6536\u6e2c\u8a66\u7d50\u679c\u901a\u77e5"}, {"id": "Browser_compatibility", "title": "\u700f\u89bd\u5668\u76f8\u5bb9\u6027"}, {"id": "See_also", "title": ""}, {"id": "See_also", "title": "\u5ef6\u4f38\u95b1\u8b80"}], "id": 149805, "review_tags": []}