diff options
author | bors-servo <metajack+bors@gmail.com> | 2015-03-16 09:54:56 -0600 |
---|---|---|
committer | bors-servo <metajack+bors@gmail.com> | 2015-03-16 09:54:56 -0600 |
commit | 660ea05ddb3b17b0bb914cb09968cbcf7c6b1aec (patch) | |
tree | 3ad9c92ccaf65c4dde575fa588654969fedc84bb | |
parent | 1e1c97adb3cb44351df913daf8265de2edc74704 (diff) | |
parent | 51ceaed0d04783387dd8a99a75c7e4eadc9e50b9 (diff) | |
download | servo-660ea05ddb3b17b0bb914cb09968cbcf7c6b1aec.tar.gz servo-660ea05ddb3b17b0bb914cb09968cbcf7c6b1aec.zip |
auto merge of #5173 : cyndis/servo/media-attr, r=jdm
Don't add a stylesheet if the current device does not match the media
query specified in a link or style tag.
Cheers,
cyndis
-rw-r--r-- | components/layout/layout_task.rs | 24 | ||||
-rw-r--r-- | components/script/dom/htmllinkelement.rs | 20 | ||||
-rw-r--r-- | components/script/dom/htmlstyleelement.rs | 16 | ||||
-rw-r--r-- | components/script/layout_interface.rs | 5 | ||||
-rw-r--r-- | tests/ref/basic.list | 2 | ||||
-rw-r--r-- | tests/ref/css/displaynone.css | 4 | ||||
-rw-r--r-- | tests/ref/external_media_query_link.html | 8 | ||||
-rw-r--r-- | tests/ref/external_media_query_ref.html | 5 | ||||
-rw-r--r-- | tests/ref/external_media_query_style.html | 12 |
9 files changed, 79 insertions, 17 deletions
diff --git a/components/layout/layout_task.rs b/components/layout/layout_task.rs index 751a540aca4..ac58f56b2cf 100644 --- a/components/layout/layout_task.rs +++ b/components/layout/layout_task.rs @@ -73,7 +73,7 @@ use style::selector_matching::Stylist; use style::computed_values::{filter, mix_blend_mode}; use style::stylesheets::{Origin, Stylesheet, iter_font_face_rules}; use style::node::TNode; -use style::media_queries::{MediaType, Device}; +use style::media_queries::{MediaType, MediaQueryList, Device}; use std::sync::{Arc, Mutex, MutexGuard}; use url::Url; @@ -405,8 +405,8 @@ impl LayoutTask { LayoutTaskData>>) -> bool { match request { - Msg::AddStylesheet(sheet) => self.handle_add_stylesheet(sheet, possibly_locked_rw_data), - Msg::LoadStylesheet(url) => self.handle_load_stylesheet(url, possibly_locked_rw_data), + Msg::AddStylesheet(sheet, mq) => self.handle_add_stylesheet(sheet, mq, possibly_locked_rw_data), + Msg::LoadStylesheet(url, mq) => self.handle_load_stylesheet(url, mq, possibly_locked_rw_data), Msg::SetQuirksMode => self.handle_set_quirks_mode(possibly_locked_rw_data), Msg::GetRPC(response_chan) => { response_chan.send(box LayoutRPCImpl(self.rw_data.clone()) as @@ -487,11 +487,13 @@ impl LayoutTask { fn handle_load_stylesheet<'a>(&'a self, url: Url, + mq: MediaQueryList, possibly_locked_rw_data: &mut Option<MutexGuard<'a, LayoutTaskData>>) { // TODO: Get the actual value. http://dev.w3.org/csswg/css-syntax/#environment-encoding let environment_encoding = UTF_8 as EncodingRef; + // TODO we don't really even need to load this if mq does not match let (metadata, iter) = load_bytes_iter(&self.resource_task, url); let protocol_encoding_label = metadata.charset.as_ref().map(|s| s.as_slice()); let final_url = metadata.final_url; @@ -501,20 +503,26 @@ impl LayoutTask { protocol_encoding_label, Some(environment_encoding), Origin::Author); - self.handle_add_stylesheet(sheet, possibly_locked_rw_data); + self.handle_add_stylesheet(sheet, mq, possibly_locked_rw_data); } fn handle_add_stylesheet<'a>(&'a self, sheet: Stylesheet, + mq: MediaQueryList, possibly_locked_rw_data: &mut Option<MutexGuard<'a, LayoutTaskData>>) { // Find all font-face rules and notify the font cache of them. // GWTODO: Need to handle unloading web fonts (when we handle unloading stylesheets!) + let mut rw_data = self.lock_rw_data(possibly_locked_rw_data); - iter_font_face_rules(&sheet, &rw_data.stylist.device, &|&:family, src| { - self.font_cache_task.add_web_font(family.to_owned(), (*src).clone()); - }); - rw_data.stylist.add_stylesheet(sheet); + + if mq.evaluate(&rw_data.stylist.device) { + iter_font_face_rules(&sheet, &rw_data.stylist.device, &|&:family, src| { + self.font_cache_task.add_web_font(family.to_owned(), (*src).clone()); + }); + rw_data.stylist.add_stylesheet(sheet); + } + LayoutTask::return_rw_data(possibly_locked_rw_data, rw_data); } diff --git a/components/script/dom/htmllinkelement.rs b/components/script/dom/htmllinkelement.rs index 38716553c36..0cf9bf40ae0 100644 --- a/components/script/dom/htmllinkelement.rs +++ b/components/script/dom/htmllinkelement.rs @@ -7,7 +7,7 @@ use dom::attr::AttrHelpers; use dom::bindings::codegen::Bindings::HTMLLinkElementBinding; use dom::bindings::codegen::Bindings::HTMLLinkElementBinding::HTMLLinkElementMethods; use dom::bindings::codegen::InheritTypes::HTMLLinkElementDerived; -use dom::bindings::codegen::InheritTypes::{ElementCast, HTMLElementCast}; +use dom::bindings::codegen::InheritTypes::{ElementCast, HTMLElementCast, NodeCast}; use dom::bindings::js::{MutNullableJS, JSRef, Temporary, OptionalRootable}; use dom::document::Document; use dom::domtokenlist::DOMTokenList; @@ -20,6 +20,9 @@ use dom::virtualmethods::VirtualMethods; use dom::window::WindowHelpers; use layout_interface::{LayoutChan, Msg}; use util::str::{DOMString, HTML_SPACE_CHARACTERS}; +use style::media_queries::parse_media_query_list; +use style::node::TElement; +use cssparser::Parser as CssParser; use std::ascii::AsciiExt; use std::borrow::ToOwned; @@ -80,11 +83,16 @@ impl<'a> VirtualMethods for JSRef<'a, HTMLLinkElement> { s.after_set_attr(attr); } + let node: JSRef<Node> = NodeCast::from_ref(*self); + if !node.is_in_doc() { + return; + } + let element: JSRef<Element> = ElementCast::from_ref(*self); let rel = get_attr(element, &atom!("rel")); match (rel, attr.local_name()) { - (ref rel, &atom!("href")) => { + (ref rel, &atom!("href")) | (ref rel, &atom!("media")) => { if is_stylesheet(rel) { self.handle_stylesheet_url(attr.value().as_slice()); } @@ -131,8 +139,14 @@ impl<'a> PrivateHTMLLinkElementHelpers for JSRef<'a, HTMLLinkElement> { let window = window.r(); match UrlParser::new().base_url(&window.get_url()).parse(href) { Ok(url) => { + let element: JSRef<Element> = ElementCast::from_ref(self); + + let mq_str = element.get_attr(&ns!(""), &atom!("media")).unwrap_or(""); + let mut css_parser = CssParser::new(&mq_str); + let media = parse_media_query_list(&mut css_parser); + let LayoutChan(ref layout_chan) = window.layout_chan(); - layout_chan.send(Msg::LoadStylesheet(url)).unwrap(); + layout_chan.send(Msg::LoadStylesheet(url, media)).unwrap(); } Err(e) => debug!("Parsing url {} failed: {}", href, e) } diff --git a/components/script/dom/htmlstyleelement.rs b/components/script/dom/htmlstyleelement.rs index e3c64c45790..e7eb266b023 100644 --- a/components/script/dom/htmlstyleelement.rs +++ b/components/script/dom/htmlstyleelement.rs @@ -4,11 +4,11 @@ use dom::bindings::codegen::Bindings::HTMLStyleElementBinding; use dom::bindings::codegen::Bindings::NodeBinding::NodeMethods; -use dom::bindings::codegen::InheritTypes::{HTMLElementCast, HTMLStyleElementDerived, NodeCast}; -use dom::bindings::js::{JSRef, Temporary}; +use dom::bindings::codegen::InheritTypes::{ElementCast, HTMLElementCast, HTMLStyleElementDerived, NodeCast}; +use dom::bindings::js::{JSRef, Temporary, OptionalRootable}; use dom::document::Document; use dom::eventtarget::{EventTarget, EventTargetTypeId}; -use dom::element::ElementTypeId; +use dom::element::{Element, ElementTypeId}; use dom::htmlelement::{HTMLElement, HTMLElementTypeId}; use dom::node::{Node, NodeHelpers, NodeTypeId, window_from_node}; use dom::virtualmethods::VirtualMethods; @@ -16,6 +16,9 @@ use dom::window::WindowHelpers; use layout_interface::{LayoutChan, Msg}; use util::str::DOMString; use style::stylesheets::{Origin, Stylesheet}; +use style::media_queries::parse_media_query_list; +use style::node::TElement; +use cssparser::Parser as CssParser; #[dom_struct] pub struct HTMLStyleElement { @@ -49,16 +52,21 @@ pub trait StyleElementHelpers { impl<'a> StyleElementHelpers for JSRef<'a, HTMLStyleElement> { fn parse_own_css(self) { let node: JSRef<Node> = NodeCast::from_ref(self); + let element: JSRef<Element> = ElementCast::from_ref(self); assert!(node.is_in_doc()); let win = window_from_node(node).root(); let win = win.r(); let url = win.get_url(); + let mq_str = element.get_attr(&ns!(""), &atom!("media")).unwrap_or(""); + let mut css_parser = CssParser::new(&mq_str); + let media = parse_media_query_list(&mut css_parser); + let data = node.GetTextContent().expect("Element.textContent must be a string"); let sheet = Stylesheet::from_str(data.as_slice(), url, Origin::Author); let LayoutChan(ref layout_chan) = win.layout_chan(); - layout_chan.send(Msg::AddStylesheet(sheet)).unwrap(); + layout_chan.send(Msg::AddStylesheet(sheet, media)).unwrap(); } } diff --git a/components/script/layout_interface.rs b/components/script/layout_interface.rs index 5b83c471b73..e6e448dd800 100644 --- a/components/script/layout_interface.rs +++ b/components/script/layout_interface.rs @@ -17,6 +17,7 @@ use std::any::Any; use std::sync::mpsc::{channel, Receiver, Sender}; use std::boxed::BoxAny; use style::stylesheets::Stylesheet; +use style::media_queries::MediaQueryList; use url::Url; pub use dom::node::TrustedNodeAddress; @@ -24,10 +25,10 @@ pub use dom::node::TrustedNodeAddress; /// Asynchronous messages that script can send to layout. pub enum Msg { /// Adds the given stylesheet to the document. - AddStylesheet(Stylesheet), + AddStylesheet(Stylesheet, MediaQueryList), /// Adds the given stylesheet to the document. - LoadStylesheet(Url), + LoadStylesheet(Url, MediaQueryList), /// Puts a document into quirks mode, causing the quirks mode stylesheet to be loaded. SetQuirksMode, diff --git a/tests/ref/basic.list b/tests/ref/basic.list index 6c554d2922f..942faedbe06 100644 --- a/tests/ref/basic.list +++ b/tests/ref/basic.list @@ -74,6 +74,8 @@ flaky_cpu == append_style_a.html append_style_b.html == counters_simple_a.html counters_simple_ref.html == data_img_a.html data_img_b.html == empty_cells_a.html empty_cells_ref.html +== external_media_query_link.html external_media_query_ref.html +== external_media_query_style.html external_media_query_ref.html == filter_opacity_a.html filter_opacity_ref.html == filter_sepia_a.html filter_sepia_ref.html == first_child_pseudo_a.html first_child_pseudo_b.html diff --git a/tests/ref/css/displaynone.css b/tests/ref/css/displaynone.css new file mode 100644 index 00000000000..525534e8ff4 --- /dev/null +++ b/tests/ref/css/displaynone.css @@ -0,0 +1,4 @@ +body { + display: none; +} + diff --git a/tests/ref/external_media_query_link.html b/tests/ref/external_media_query_link.html new file mode 100644 index 00000000000..36af6dfba30 --- /dev/null +++ b/tests/ref/external_media_query_link.html @@ -0,0 +1,8 @@ +<html> + <head> + <link rel="stylesheet" type="text/css" href="css/displaynone.css" media="print"> + </head> + <body> + Hello + </body> +</html> diff --git a/tests/ref/external_media_query_ref.html b/tests/ref/external_media_query_ref.html new file mode 100644 index 00000000000..6ac05f5f394 --- /dev/null +++ b/tests/ref/external_media_query_ref.html @@ -0,0 +1,5 @@ +<html> + <body> + Hello + </body> +</html> diff --git a/tests/ref/external_media_query_style.html b/tests/ref/external_media_query_style.html new file mode 100644 index 00000000000..06d56a43ea3 --- /dev/null +++ b/tests/ref/external_media_query_style.html @@ -0,0 +1,12 @@ +<html> + <head> + <style type="text/css" media="print"> + body { + display: none; + } + </style> + </head> + <body> + Hello + </body> +</html> |