字典我要纠错

Shadow DOM v1

Method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM & CSS.

Spec	https://www.w3.org/TR/shadow-dom/
Status	W3C Working Draft

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP ⁽¹⁾	48
	16	55	60	11 ⁽¹⁾	47
11	15	54	59	10.1 ⁽¹⁾	46
10	14	53	58	10 ⁽¹⁾	45
9	13	52	57	9.1	44
8	12	51	56	9	43
Show all
7		50	55	8	42
6		49	54	7.1	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4	35
		42	47	3.2	34
		41	46	3.1	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23	28		15
		22	27		12.1
		21	26		12
		20	25		11.6
		19	24		11.5
		18	23		11.1
		17	22		11
		16	21		10.6
		15	20		10.5
		14	19		10.0-10.1
		13	18		9.5-9.6
		12	17		9
		11	16
		10	15
		9	14
		8	13
		7	12
		6	11
		5	10
		4	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

iOS Safari	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser
11 ⁽¹⁾
10.3 ⁽¹⁾	all	56	10	37	59	54	11	11.4	5	1.2	7.12
10.0-10.2 ⁽¹⁾		4.4.3-4.4.4	7	12.1			10		4
9.3		4.4		12
9.0-9.2		4.2-4.3		11.5
Show all
8.1-8.4		4.1		11.1
8		4		11
7.0-7.1		3		10
6.0-6.1		2.3
5.0-5.1		2.2
4.2-4.3		2.1
4.0-4.1
3.2

Notes

Shadow DOM v0 was implemented in Chrome/Opera but other browser vendors are implementing v1.

Certain CSS selectors do not work (:host > .local-child) and styling slotted content (::slotted) is buggy.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=shadowdomv1