Bug 1652755 - Update DevTools What's New for 80 r=victoria
authorJan Odvarko <odvarko@gmail.com>
Fri, 14 Aug 2020 07:18:07 +0000
changeset 544631 44a65091d30270a181dc7e9593eb2b3e700ca1c7
parent 544630 383073b9e168de132b6bed85e00d31c41e0e4caf
child 544632 605c404fbd80c67e1127ac054b8bec6742bd748f
push id37698
push userabutkovits@mozilla.com
push dateFri, 14 Aug 2020 09:45:24 +0000
treeherdermozilla-central@605c404fbd80 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvictoria
bugs1652755
milestone81.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1652755 - Update DevTools What's New for 80 r=victoria Differential Revision: https://phabricator.services.mozilla.com/D86950
devtools/client/whats-new/src/main.js
--- a/devtools/client/whats-new/src/main.js
+++ b/devtools/client/whats-new/src/main.js
@@ -24,71 +24,51 @@ const utmParams = new URLSearchParams({
 const aside = {
   header: "A Fast and Secure VPN",
   content: `A VPN from the trusted pioneer in internet privacy. Available for users in the US, Canada, UK, Singapore, Malaysia, and New Zealand.`,
   cta: "Try Mozilla VPN",
   href: `https://vpn.mozilla.org/?${utmParams}`,
 };
 
 const release = {
-  title: "What’s New in DevTools (Firefox 79)",
+  title: "What’s New in DevTools (Firefox 80)",
   linkText: "Read more",
-  linkUrl: `https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/79?${utmParams}`,
+  linkUrl: `https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/80?${utmParams}`,
   features: [
     {
-      header: `Async stack visibility in Console & Debugger`,
-      description: `Now you can view async code events, timeouts, and promises in the context of their stacks across panels. Benefit from the additional context in Debugger call stacks, Network initiator stacks, and Console error and log stacks.`,
-      href: `https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals?${utmParams}`,
+      header: `New commands for HTTP request blocking`,
+      description: `You can now block and unblock network requests using the :block and :unblock helper commands in the Console.`,
+      href: `https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Helpers?${utmParams}`,
     },
     {
-      header: `Even better source map references for JS and CSS`,
-      description: `Links to Style Editor and Debugger reliably jump to the right file and location. This results in a smoother SCSS inspection experience.`,
-      href: `https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map?${utmParams}`,
+      header: `Class autocomplete in HTML editing`,
+      description: `When adding a class to an element in the Page Inspector's Rules pane, existing classes are suggested with autocomplete.`,
+      href: `https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Viewing_and_changing_classes_on_an_element?${utmParams}`,
     },
     {
-      header: `Console displays failed requests`,
-      description: `Network responses with 4xx/5xx status codes are now easier to spot and debug in the Console. In Firefox 79, they display as errors and can be expanded to view detailed request and response information.`,
-      href: `https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages?${utmParams}`,
-    },
-    {
-      header: `Debugger highlights errors in code`,
-      description: `When JavaScript code throws an error, the debugger will now highlight the relevant line of code and display error details.`,
+      header: `Stack traces for exceptions`,
+      description: `When the Debugger breaks on an exception, the tooltip in the source pane now shows disclosure triangle that reveals a stack trace.`,
       href: `https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Breaking_on_exceptions?${utmParams}`,
     },
     {
-      header: `Faster JavaScript debugging`,
-      description: `Projects with large files and eval-heavy code patterns can now be debugged more quickly.`,
-      href: `https://developer.mozilla.org/en-US/docs/Tools/Debugger?${utmParams}`,
-    },
-    {
-      header: `More accessible Inspector`,
-      description: `Inspector's Changes and Layout tabs can now be read by screen reader users.`,
-      href: `https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector?${utmParams}`,
-    },
-    {
-      header: `Disabling cache also includes CORS preflight requests`,
-      description: `The "Disable Cache" option in the Network panel now also deactivates CORS preflight request caching, making it easier to iterate on your web security settings.`,
-      href: `https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request?${utmParams}`,
+      header: `Warning for slow server responses`,
+      description: `In the Network Monitor request list, a turtle icon is shown for "slow" requests that exceed a configurable threshhold for the waiting time.`,
+      href: `https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_list#Network_request_columns?${utmParams}`,
     },
   ],
 };
 
 const dev = {
   title: "Experimental Features in Firefox Developer Edition",
   linkUrl: `https://www.mozilla.org/firefox/developer/?${utmParams}`,
   linkText: "Get DevEdition",
   features: [
     {
       header: `Inspect Server-Sent Events`,
-      description: `Monitor your received event stream data, adding to the existing WebSocket inspection.`,
-      href: `https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events?${utmParams}`,
-    },
-    {
-      header: `Warning for slow server responses`,
-      description: `The Network panel now highlights server performance bottlenecks. Watch out for the friendly turtle icon.`,
+      description: `Monitor your received event stream data, in addition to the existing WebSocket inspection. Flip "devtools.netmonitor.features.serverSentEvents" pref to try this feature.`,
       href: `https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events?${utmParams}`,
     },
   ],
 };
 
 function openLink(href, e) {
   return openDocLink(href, {
     relatedToCurrent: true,