blob: fcb2c3685578df38cb5b1ca349eb33a19ec5076c [file] [log] [blame]
Blink Reformat4c46d092018-04-07 15:32:371// Copyright 2017 The Chromium Authors. All rights reserved.
2// Use of this source code is governed by a BSD-style license that can be
3// found in the LICENSE file.
4
5// NOTE: need to be careful about adding release notes early otherwise it'll
6// be shown in Canary (e.g. make sure the release notes are accurate).
7// https://github.com/ChromeDevTools/devtools-frontend/wiki/Release-Notes
8
9const continueToHereShortcut = Host.isMac() ? 'Command' : 'Control';
Kayce Basques3d007052018-04-12 16:29:2610const networkSearchShortcut = Host.isMac() ? 'Command + F' : 'Control + F';
Blink Reformat4c46d092018-04-07 15:32:3711const commandMenuShortcut = Host.isMac() ? 'Command + Shift + P' : 'Control + Shift + P';
12
13/** @type {!Array<!Help.ReleaseNote>} */
14Help.releaseNoteText = [
15 {
Kayce Basques65055fb2018-08-30 01:47:4616 version: 12,
17 header: 'Highlights from the Chrome 70 update',
18 highlights: [
19 {
20 title: 'Live Expressions in the Console',
21 subtitle: 'Pin expressions to the top of the Console to monitor their values in real-time.',
22 link: 'https://developers.google.com/web/updates/2018/08/devtools#watch',
23 },
24 {
25 title: 'Highlight DOM nodes during Eager Evaluation',
26 subtitle: 'Type an expression that evaluates to a node to highlight that node in the viewport.',
27 link: 'https://developers.google.com/web/updates/2018/08/devtools#nodes',
28 },
29 {
30 title: 'Autocomplete Conditional Breakpoints',
31 subtitle: 'Type expressions quickly and accurately.',
32 link: 'https://developers.google.com/web/updates/2018/08/devtools#autocomplete',
33 },
34 {
35 title: 'Performance panel optimizations',
36 subtitle: 'Faster loading and processing of Performance recordings.',
37 link: 'https://developers.google.com/web/updates/2018/08/devtools#performance',
38 },
39 {
40 title: 'More reliable debugging',
41 subtitle: 'Bug fixes for sourcemaps and blackboxing.',
42 link: 'https://developers.google.com/web/updates/2018/08/devtools#debugging',
43 },
44 {
45 title: 'Debug Node.js apps with ndb',
46 subtitle:
47 'Detect and attach to child processes, place breakpoints before modules are required, edit files within DevTools, and more.',
48 link: 'https://developers.google.com/web/updates/2018/08/devtools#ndb',
49 },
50 ],
51 link: 'https://developers.google.com/web/updates/2018/08/devtools',
52 },
53 {
Kayce Basques5eb776b2018-05-23 22:39:1454 version: 11,
55 header: 'Highlights from the Chrome 68 update',
56 highlights: [
57 {
58 title: 'Eager evaluation',
59 subtitle: 'Preview return values in the Console without explicitly executing expressions.',
60 link: 'https://developers.google.com/web/updates/2018/05/devtools#eagerevaluation',
61 },
62 {
63 title: 'Argument hints',
64 subtitle: `View a function's expected arguments in the Console.`,
65 link: 'https://developers.google.com/web/updates/2018/05/devtools#hints',
66 },
67 {
68 title: 'Function autocompletion',
69 subtitle: 'View available properties and methods after calling a function in the Console.',
70 link: 'https://developers.google.com/web/updates/2018/05/devtools#autocomplete',
71 },
72 {
73 title: 'Audits panel updates',
74 subtitle: 'Faster, more consisent audits, a new UI, and new audits, thanks to Lighthouse 3.0.',
75 link: 'https://developers.google.com/web/updates/2018/05/devtools#lh3',
76 }
77 ],
78 link: 'https://developers.google.com/web/updates/2018/05/devtools',
79 },
80 {
Kayce Basques3d007052018-04-12 16:29:2681 version: 10,
82 header: 'Highlights from the Chrome 67 update',
83 highlights: [
84 {
85 title: 'Search across all network headers',
86 subtitle: `Press ${networkSearchShortcut} in the Network panel to open the Network Search pane.`,
87 link: 'https://developers.google.com/web/updates/2018/04/devtools#network-search',
88 },
89 {
90 title: 'CSS variable value previews in the Styles pane',
91 subtitle: 'When a property value is a CSS variable, DevTools now shows a color preview next to the variable.',
92 link: 'https://developers.google.com/web/updates/2018/04/devtools#vars',
93 },
94 {
95 title: 'Stop infinite loops',
96 subtitle: 'Pause JavaScript execution then select the new Stop Current JavaScript Call button.',
97 link: 'https://developers.google.com/web/updates/2018/04/devtools#stop',
98 },
99 {
100 title: 'Copy as fetch',
101 subtitle: 'Right-click a network request then select Copy > Copy as fetch.',
102 link: 'https://developers.google.com/web/updates/2018/04/devtools#fetch',
103 },
104 {
105 title: 'More audits',
106 subtitle: 'Two new audits, desktop configuration options, and viewing traces.',
107 link: 'https://developers.google.com/web/updates/2018/04/devtools#audits',
108 },
109 {
110 title: 'User Timing in the Performance tabs',
111 subtitle: 'Click the User Timing section to view measures in the Summary, Bottom-Up, and Call Tree tabs.',
112 link: 'https://developers.google.com/web/updates/2018/04/devtools#tabs',
113 },
114 ],
115 link: 'https://developers.google.com/web/updates/2018/04/devtools',
116 },
117 {
Blink Reformat4c46d092018-04-07 15:32:37118 version: 9,
119 header: 'Highlights from the Chrome 66 update',
120 highlights: [
121 {
122 title: 'Pretty-printing in the Preview and Response tabs',
123 subtitle: 'The Preview tab now pretty-prints by default, and you can force ' +
124 'pretty-printing in the Response tab via the new Format button.',
125 link: 'https://developers.google.com/web/updates/2018/02/devtools#pretty-printing',
126 },
127 {
128 title: 'Previewing HTML content in the Preview tab',
129 subtitle: 'The Preview tab now always does a basic rendering of HTML content.',
130 link: 'https://developers.google.com/web/updates/2018/02/devtools#previews',
131 },
132 {
133 title: 'Local Overrides with styles defined in HTML',
134 subtitle: 'Local Overrides now works with styles defined in HTML, with one exception.',
135 link: 'https://developers.google.com/web/updates/2018/02/devtools#overrides',
136 },
137 {
138 title: 'Blackboxing in the Initiator column',
139 subtitle: 'Hide framework scripts in order to see the app code that caused a request.',
140 link: 'https://developers.google.com/web/updates/2018/02/devtools#blackboxing',
141 },
142 ],
143 link: 'https://developers.google.com/web/updates/2018/02/devtools',
144 },
145 {
146 version: 8,
147 header: 'Highlights from the Chrome 65 update',
148 highlights: [
149 {
150 title: 'Local overrides',
151 subtitle: 'Override network requests and serve local resources instead.',
152 link: 'https://developers.google.com/web/updates/2018/01/devtools#overrides',
153 },
154 {
155 title: 'Changes tab',
156 subtitle: 'Track changes that you make locally in DevTools via the Changes tab.',
157 link: 'https://developers.google.com/web/updates/2018/01/devtools#changes',
158 },
159 {
160 title: 'New accessibility tools',
161 subtitle: 'Inspect the accessibility properties and contrast ratio of elements.',
162 link: 'https://developers.google.com/web/updates/2018/01/devtools#a11y',
163 },
164 {
165 title: 'New audits',
166 subtitle: 'New performance audits, a whole new category of SEO audits, and more.',
167 link: 'https://developers.google.com/web/updates/2018/01/devtools#audits',
168 },
169 {
170 title: 'Code stepping updates',
171 subtitle: 'Reliably step into web worker and asynchronous code.',
172 link: 'https://developers.google.com/web/updates/2018/01/devtools#stepping',
173 },
174 {
175 title: 'Multiple recordings in the Performance panel',
176 subtitle: 'Temporarily save up to 5 recordings.',
177 link: 'https://developers.google.com/web/updates/2018/01/devtools#recordings',
178 },
179 ],
180 link: 'https://developers.google.com/web/updates/2018/01/devtools',
181 },
182 {
183 version: 7,
184 header: 'Highlights from the Chrome 64 update',
185 highlights: [
186 {
187 title: 'Performance monitor',
188 subtitle: 'Get a real-time view of various performance metrics.',
189 link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#perf-monitor',
190 },
191 {
192 title: 'Console sidebar',
193 subtitle: 'Reduce console noise and focus on the messages that are important to you.',
194 link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#console-sidebar',
195 },
196 {
197 title: 'Group similar console messages',
198 subtitle: 'The Console now groups similar messages by default.',
199 link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes#group-similar',
200 },
201 ],
202 link: 'https://developers.google.com/web/updates/2017/11/devtools-release-notes',
203 },
204 {
205 version: 6,
206 header: 'Highlights from the Chrome 63 update',
207 highlights: [
208 {
209 title: 'Multi-client remote debugging',
210 subtitle: 'Use DevTools while debugging your app from an IDE or testing framework.',
211 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#multi-client',
212 },
213 {
214 title: 'Workspaces 2.0',
215 subtitle: 'Save changes made in DevTools to disk, now with more helpful UI and better auto-mapping.',
216 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#workspaces',
217 },
218 {
219 title: 'Four new audits',
220 subtitle:
221 'Including "Appropriate aspect ratios for images", "Avoid JS libraries with known vulnerabilities", and more.',
222 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#audits',
223 },
224 {
225 title: 'Custom push notifications',
226 subtitle: 'Simulate push notifications with custom data.',
227 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#push',
228 },
229 {
230 title: 'Custom background sync events',
231 subtitle: 'Trigger background sync events with custom tags.',
232 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes#sync',
233 },
234 ],
235 link: 'https://developers.google.com/web/updates/2017/10/devtools-release-notes',
236 },
237 {
238 version: 5,
239 header: 'Highlights from the Chrome 62 update',
240 highlights: [
241 {
242 title: 'Top-level await operators in the Console',
243 subtitle: 'Use await to conveniently experiment with asynchronous functions in the Console.',
244 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#await',
245 },
246 {
247 title: 'New screenshot workflows',
248 subtitle: 'Take screenshots of a portion of the viewport, or of specific HTML nodes.',
249 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#screenshots',
250 },
251 {
252 title: 'CSS Grid highlighting',
253 subtitle: 'Hover over an element to see the CSS Grid that\'s affecting it.',
254 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#css-grid-highlighting',
255 },
256 {
257 title: 'A new Console API for querying objects',
258 subtitle: 'Call queryObjects(Constructor) to get an array of objects instantiated with that constructor.',
259 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#query-objects',
260 },
261 {
262 title: 'New Console filters',
263 subtitle: 'Filter out logging noise with the new negative and URL filters.',
264 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#console-filters',
265 },
266 {
267 title: 'HAR imports in the Network panel',
268 subtitle: 'Drag-and-drop a HAR file to analyze a previous network recording.',
269 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports',
270 },
271 {
272 title: 'Previewable cache resources in the Application panel',
273 subtitle: 'Click a row in a Cache Storage table to see a preview of that resource.',
274 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes#cache-preview',
275 }
276 ],
277 link: 'https://developers.google.com/web/updates/2017/08/devtools-release-notes',
278 },
279 {
280 version: 4,
281 header: 'Highlights from the Chrome 61 update',
282 highlights: [
283 {
284 title: 'Mobile device throttling',
285 subtitle: 'Simulate a mobile device\'s CPU and network throttling from Device Mode.',
286 link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#throttling',
287 },
288 {
289 title: 'Storage usage',
290 subtitle: 'See how much storage (IndexedDB, local, session, cache, etc.) an origin is using.',
291 link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#storage',
292 },
293 {
294 title: 'Cache timestamps',
295 subtitle: 'View when a service worker cached a response.',
296 link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#time-cached',
297 },
298 {
299 title: 'ES6 Modules support',
300 subtitle: 'Debug ES6 Modules natively from the Sources panel.',
301 link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes#modules',
302 }
303 ],
304 link: 'https://developers.google.com/web/updates/2017/07/devtools-release-notes',
305 },
306 {
307 version: 3,
308 header: 'Highlights from the Chrome 60 update',
309 highlights: [
310 {
311 title: 'New Audits panel, powered by Lighthouse',
312 subtitle:
313 'Find out whether your site qualifies as a Progressive Web App, measure the accessibility and performance of a page, and discover best practices.',
314 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#lighthouse',
315 },
316 {
317 title: 'Third-party badges',
318 subtitle:
319 'See what third-party entities are logging to the Console, making network requests, and causing work during performance recordings.',
320 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#badges',
321 },
322 {
323 title: 'New "Continue to Here" gesture',
324 subtitle: 'While paused on a line of code, hold ' + continueToHereShortcut +
325 ' and then click to continue to another line of code.',
326 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#continue',
327 },
328 {
329 title: 'Step into async',
330 subtitle: 'Predictably step into a promise resolution or other asynchronous code with a single gesture.',
331 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#step-into-async',
332 },
333 {
334 title: 'More informative object previews',
335 subtitle: 'Get a better idea of the contents of objects when logging them to the Console.',
336 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#object-previews',
337 },
338 {
339 title: 'Real-time Coverage tab updates',
340 subtitle: 'See what code is being used in real-time.',
341 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes#coverage',
342 }
343 ],
344 link: 'https://developers.google.com/web/updates/2017/05/devtools-release-notes',
345 },
346 {
347 version: 2,
348 header: 'Highlights from Chrome 59 update',
349 highlights: [
350 {
351 title: 'CSS and JS code coverage',
352 subtitle: 'Find unused CSS and JS with the new Coverage drawer.',
353 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage',
354 },
355 {
356 title: 'Full-page screenshots',
357 subtitle: 'Take a screenshot of the entire page, from the top of the viewport to the bottom.',
358 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots',
359 },
360 {
361 title: 'Block requests',
362 subtitle: 'Manually disable individual requests in the Network panel.',
363 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests',
364 },
365 {
366 title: 'Step over async await',
367 subtitle: 'Step through async functions predictably.',
368 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#async',
369 },
370 {
371 title: 'Unified Command Menu',
372 subtitle: 'Execute commands and open files from the newly-unified Command Menu (' + commandMenuShortcut + ').',
373 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes#command-menu',
374 }
375 ],
376 link: 'https://developers.google.com/web/updates/2017/04/devtools-release-notes',
377 },
378 {
379 version: 1,
380 header: 'Highlights from Chrome 58 update',
381 highlights: [
382 {
383 title: 'New Performance and Memory panels',
384 subtitle: 'Head to Performance for JavaScript profiling',
385 link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#performance-panel',
386 },
387 {
388 title: 'Editable cookies',
389 subtitle: 'You can edit any existing cookies and create new ones in the Application panel',
390 link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#cookies',
391 },
392 {
393 title: 'Console filtering & settings',
394 subtitle: 'Use the text filter or click the Console settings icon to touch up your preferences',
395 link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#console',
396 },
397 {
398 title: 'Debugger catches out-of-memory errors',
399 subtitle: 'See the stack or grab a heap snapshot to see why the app may crash',
400 link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes#out-of-memory-breakpoints',
401 },
402 ],
403 link: 'https://developers.google.com/web/updates/2017/03/devtools-release-notes',
404 }
405];