Skip to content

Commit 9f30661

Browse files
NullVoxPopuliNullVoxPopuli
committed
Updates with Chris
1 parent 736a9bd commit 9f30661

File tree

1 file changed

+56
-230
lines changed

1 file changed

+56
-230
lines changed

‎app/templates/browser-support.hbs

Lines changed: 56 additions & 230 deletions
Original file line numberDiff line numberDiff line change
@@ -3,46 +3,64 @@
33
<section aria-labelledby="section-browser-support-policy">
44
<h1 id="section-browser-support-policy">Ember.js Browser Support Policy</h1>
55

6-
<h2>Ember 6.0.0</h2>
7-
86
<p>
9-
In Ember 6.0.0, the framework supports the following major browsers:
7+
For evergreen browsers, the minimum version of the browser that we support can be
8+
determined at the time of every minor release, following this formula:
109
</p>
1110

12-
<ul class="list-unstyled layout my-3">
13-
<EsCard class="lg:col-2">
14-
<div class="text-center text-md">Desktop</div>
15-
<ul>
16-
<li>Google Chrome >= 103</li>
17-
<li>Mozilla Firefox >= 102</li>
18-
<li>Microsoft Edge >= 110</li>
19-
<li>Safari >= 16.4</li>
20-
</ul>
21-
</EsCard>
22-
<EsCard class="lg:col-2">
23-
<div class="text-center text-md">Mobile</div>
24-
<ul>
25-
<li>Google Chrome >= 112</li>
26-
<li>Mozilla Firefox >= 110</li>
27-
<li>Safari >= 16.4</li>
28-
</ul>
29-
</EsCard>
30-
<EsCard class="lg:col-2">
31-
<div class="text-center text-md">Testing</div>
32-
<ul>
33-
<li>Google Chrome</li>
34-
<li>Mozilla Firefox</li>
35-
</ul>
36-
</EsCard>
37-
</ul>
11+
<div class="layout my-3">
12+
<div class="card">
13+
<div class="card__content">
14+
<p>
15+
Whichever browser version is greater/more recent out of the following,
16+
given that the owning entity (e.g.: Apple, Google, Mozilla) still supports the version
17+
</p>
3818

19+
<ol>
20+
<li>
21+
The lowest/least recent version that fulfills any one of these properties:
22+
<ul>
23+
<li>It is the latest version of the browser.</li>
24+
<li>It is the latest LTS/extended support version of the browser (such as Firefox ESR).</li>
25+
<li>It has at least <em>0.25%</em> of global marketshare usage across mobile and
26+
desktop, based on <a href="https://gs.statcounter.com/">statcounter</a>.</li>
27+
</ul>
28+
</li>
29+
<li>
30+
The minimum version supported in the previous release
31+
</li>
32+
</ol>
33+
</div>
34+
</div>
35+
</div>
3936

40-
<h2>Ember 5.0.0</h2>
37+
<p>Supported evergreen browsers are <strong>Google Chrome</strong> and <strong>Mozilla Firefox</strong> for desktop, mobile, and testing. Additionally, <strong>Microsoft Edge</strong> is supported for desktop.</p>
4138

4239
<p>
43-
In Ember 5.0.0, the framework supports the following major browsers:
40+
Currently we support one non-evergreen browser: <strong>Apple Safari</strong> on desktop and mobile.
41+
Support is locked at a specific major version, and
42+
we support all major versions above that version.
4443
</p>
4544

45+
<p class="mb-3">
46+
Note: Within a major version of a browser, we only support the most recent patch release.
47+
</p>
48+
49+
<EsNote @mascot='zoey'>
50+
As of
51+
the RFC <a href="https://rfcs.emberjs.com/id/0984-update-browser-support-policy">Treat Safari as an Evergreen Browser</a>,
52+
at version 6.0.0 of Ember, Safari will be considered evergreen so the minimum supported Safari version will change based on the above formula.
53+
</EsNote>
54+
55+
<p class="mt-3">
56+
Other browsers may work with Ember.js, but are not explicitly supported. If you
57+
would like to add support for a new browser, please <a href="https://github.com/emberjs/rfcs">submit an RFC or RFC issue for discussion</a>!
58+
</p>
59+
60+
<h2>Browser Support by Major Ember Version</h2>
61+
62+
<h3>Ember 5.0.0</h3>
63+
4664
<ul class="list-unstyled layout my-3">
4765
<EsCard class="lg:col-2">
4866
<div class="text-center text-md">Desktop</div>
@@ -70,11 +88,7 @@
7088
</EsCard>
7189
</ul>
7290

73-
<h2>Ember 4.0.0</h2>
74-
75-
<p>
76-
In Ember 4.0.0, the framework supports the following major browsers:
77-
</p>
91+
<h3>Ember 4.0.0</h3>
7892

7993
<ul class="list-unstyled layout my-3">
8094
<EsCard class="lg:col-2">
@@ -103,213 +117,25 @@
103117
</EsCard>
104118
</ul>
105119

106-
<h2>Ember 3.0.0</h2>
120+
<h3>Ember 3.0.0</h3>
107121

108122
<p>
109-
Ember currently targets Internet Explorer 11 as a baseline for support. This means that generally all modern and relatively recent browsers will work with Ember, since browsers are backwards compatible by design. Ember runs tests against the latest desktop versions of the following browsers:
123+
The first Ember major version to be covered by the <a href="https://rfcs.emberjs.com/id/0685-new-browser-support-policy">New Browser Support Policy</a> was 4.0.0. The following browser support numbers are not official and are estimated based on the CI testing matrix for the 3.0 series.
110124
</p>
111125

112126
<div class="layout my-3">
113127
<div class="card lg:col-2 lg:start-3">
114128
<div class="card__content">
115129
<ul>
116-
<li>Google Chrome</li>
117-
<li>Mozilla Firefox</li>
118-
<li>Microsoft Edge</li>
130+
<li>Google Chrome >= 62</li>
131+
<li>Mozilla Firefox >= 57</li>
132+
<li>Microsoft Edge >= 14</li>
119133
<li>Internet Explorer 11</li>
120-
<li>Safari</li>
134+
<li>Safari >= 8</li>
121135
</ul>
122136
</div>
123137
</div>
124138
</div>
125139

126-
<p>
127-
Other browsers may work with Ember.js, but are not explicitly supported. If you
128-
would like to add support for a new browser, please <a href="https://github.com/emberjs/rfcs">submit an RFC or RFC issue for discussion</a>!
129-
</p>
130-
131-
132-
<p>
133-
We determine support on a browser-by-browser basis. Browsers are categorized as
134-
either <em>evergreen</em> or <em>non-evergreen</em>. The categorization is as follows:
135-
</p>
136-
137-
<h2>Ember >=6.0.0</h2>
138-
139-
<h3 class="text-center">Evergreen</h3>
140-
141-
<ul class="list-unstyled layout my-3">
142-
<EsCard class="lg:col-2">
143-
<div class="text-center text-md">Desktop</div>
144-
<ul>
145-
<li>Google Chrome</li>
146-
<li>Mozilla Firefox</li>
147-
<li>Microsoft Edge</li>
148-
</ul>
149-
</EsCard>
150-
<EsCard class="lg:col-2">
151-
<div class="text-center text-md">Mobile</div>
152-
<ul>
153-
<li>Google Chrome</li>
154-
<li>Mozilla Firefox</li>
155-
</ul>
156-
</EsCard>
157-
<EsCard class="lg:col-2">
158-
<div class="text-center text-md">Testing</div>
159-
<ul>
160-
<li>Google Chrome</li>
161-
<li>Mozilla Firefox</li>
162-
</ul>
163-
</EsCard>
164-
</ul>
165-
166-
<p>
167-
For evergreen browsers, the minimum version of the browser that we support can be
168-
determined at the time of every minor release, following this formula:
169-
</p>
170-
171-
<div class="layout my-3">
172-
<div class="card">
173-
<div class="card__content">
174-
<p>
175-
Whichever browser version is greater/more recent out of the following,
176-
given that the owning entity (e.g.: Apple, Google, Mozilla) still supports the version
177-
</p>
178-
179-
<ol>
180-
<li>
181-
The lowest/least recent version that fulfills any one of these properties:
182-
<ul>
183-
<li>It is the latest version of the browser.</li>
184-
<li>It is the latest LTS/extended support version of the browser (such as Firefox ESR).</li>
185-
<li>It has at least <em>0.25%</em> of global marketshare usage across mobile and
186-
desktop, based on <a href="https://gs.statcounter.com/">statcounter</a>.</li>
187-
</ul>
188-
</li>
189-
<li>
190-
The minimum version supported in the previous release
191-
</li>
192-
</ol>
193-
</div>
194-
</div>
195-
</div>
196-
197-
<p>
198-
To simplify, the supported version either moves forward or stays the same for
199-
each release based on overall usage and LTS/current release versions.
200-
</p>
201-
202-
<p>
203-
For non-evergreen browsers, support is locked at a specific major version, and
204-
we support all major versions above that version.
205-
However, all supported browsers are considered evergreen.
206-
</p>
207-
208-
Within a version of a browser, we only support the most recent patch release.
209-
210-
<h2>Ember &gt;=4.0.x to &lt;=5.12.x</h2>
211-
212-
<h3 class="text-center">Evergreen</h3>
213-
214-
<ul class="list-unstyled layout my-3">
215-
<EsCard class="lg:col-2">
216-
<div class="text-center text-md">Desktop</div>
217-
<ul>
218-
<li>Google Chrome</li>
219-
<li>Mozilla Firefox</li>
220-
<li>Microsoft Edge</li>
221-
</ul>
222-
</EsCard>
223-
<EsCard class="lg:col-2">
224-
<div class="text-center text-md">Mobile</div>
225-
<ul>
226-
<li>Google Chrome</li>
227-
<li>Mozilla Firefox</li>
228-
</ul>
229-
</EsCard>
230-
<EsCard class="lg:col-2">
231-
<div class="text-center text-md">Testing</div>
232-
<ul>
233-
<li>Google Chrome</li>
234-
<li>Mozilla Firefox</li>
235-
</ul>
236-
</EsCard>
237-
</ul>
238-
239-
<h3 class="text-center">Non-evergreen</h3>
240-
241-
<div class="layout">
242-
<ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
243-
<EsCard class="lg:col-3">
244-
<div class="text-center text-md">Desktop</div>
245-
<ul>
246-
<li>Safari</li>
247-
</ul>
248-
</EsCard>
249-
<EsCard class="lg:col-3">
250-
<div class="text-center text-md">Mobile</div>
251-
<ul>
252-
<li>Safari</li>
253-
</ul>
254-
</EsCard>
255-
</ul>
256-
</div>
257-
258-
<p>
259-
For evergreen browsers, the minimum version of the browser that we support is
260-
determined at the time of every minor release, following this formula:
261-
</p>
262-
263-
<div class="layout my-3">
264-
<div class="card">
265-
<div class="card__content">
266-
<p>Whichever browser version is greater/more recent out of:</p>
267-
268-
<ol>
269-
<li>
270-
The lowest/least recent version that fulfills any one of these properties:
271-
<ul>
272-
<li>It is the latest version of the browser.</li>
273-
<li>It is the latest LTS/extended support version of the browser (such as Firefox ESR).</li>
274-
<li>It has at least <em>0.25%</em> of global marketshare usage across mobile and
275-
desktop, based on <a href="https://gs.statcounter.com/">statcounter</a>.</li>
276-
</ul>
277-
</li>
278-
<li>
279-
The minimum version supported in the previous release
280-
</li>
281-
</ol>
282-
</div>
283-
</div>
284-
</div>
285-
286-
<p>
287-
To simplify, the supported version either moves forward or stays the same for
288-
each release based on overall usage and LTS/current release versions.
289-
</p>
290-
291-
<p>
292-
For non-evergreen browsers, support is locked at a specific major version, and
293-
we support all major versions above that version:
294-
</p>
295-
296-
<div class="layout">
297-
<ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
298-
<EsCard class="lg:col-3">
299-
<div class="text-center text-md">Desktop</div>
300-
<ul>
301-
<li>Safari: 12</li>
302-
</ul>
303-
</EsCard>
304-
<EsCard class="lg:col-3">
305-
<div class="text-center text-md">Mobile</div>
306-
<ul>
307-
<li>Safari: 12</li>
308-
</ul>
309-
</EsCard>
310-
</ul>
311-
</div>
312-
313-
Within a version of a browser, we only support the most recent patch release.
314140
</section>
315141
</div>

0 commit comments

Comments
 (0)