DevTools: Add a link to JS CPU profiler migration notes.

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 627 matching lines @@
      */
     function encloseWithTag(tagName, contents) {
       var e = createElement(tagName);
       e.textContent = contents;
       return e;
     }
 
     var learnMoreNode = UI.createExternalLink(
         'https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/',
         Common.UIString('Learn\xa0more'));
+    var learnMoreMigrationNode = UI.createExternalLink(
+        'https://developers.google.com/web/updates/2016/12/devtools-javascript-cpu-profile-migration',
+        Common.UIString('Learn\xa0more'));
+
     var recordKey =
         encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('timeline.toggle-recording')[0].name);
     var reloadKey = encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('main.reload')[0].name);
     var navigateNode = encloseWithTag('b', Common.UIString('WASD'));
 
     this._landingPage = new UI.VBox();
     this._landingPage.contentElement.classList.add('timeline-landing-page', 'fill');
     var centered = this._landingPage.contentElement.createChild('div');
 
     var recordButton = UI.Toolbar.createActionButton(this._toggleRecordAction).element;
     var reloadButton = UI.Toolbar.createActionButtonForId('main.reload').element;
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'Click the record button %s or hit %s to capture a new recording.\n' +
-            'Click the reload button %s or hit %s to record and evaluate the page load.',
+        'Click the reload button %s or hit %s to record and evaluate the page load.',
         [recordButton, recordKey, reloadButton, reloadKey]));
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'After recording, select an area of interest in the overview by dragging.\n' +
-            'Then, zoom and pan the timeline with the mousewheel or %s keys.\n%s',
+        'Then, zoom and pan the timeline with the mousewheel or %s keys.\n%s',
         [navigateNode, learnMoreNode]));
 
     var cpuProfilerHintSetting = Common.settings.createSetting('timelineShowProfilerHint', true);
     if (cpuProfilerHintSetting.get()) {
       var warning = centered.createChild('p', 'timeline-landing-warning');
       var closeButton = warning.createChild('div', 'timeline-landing-warning-close', 'dt-close-button');
       closeButton.addEventListener('click', () => {
         warning.style.visibility = 'hidden';
         cpuProfilerHintSetting.set(false);
       }, false);
       var performanceSpan = encloseWithTag('b', Common.UIString('Performance'));
       warning.createChild('div').appendChild(UI.formatLocalized(
-          'The %s panel provides the combined functionality of Timeline and CPU profiler.%s' +
-              'The JavaScript CPU profiler will be removed shortly. Meanwhile, it\'s available under ' +
-              '%s \u2192 More Tools \u2192 JavaScript Profiler.',
-          [performanceSpan, createElement('p'), UI.Icon.create('largeicon-menu')]));
+          `The %s panel provides the combined functionality of Timeline and JavaScript CPU profiler. %s%s` +
+          `The JavaScript CPU profiler will be removed shortly. Meanwhile, it's available under ` +
+          `%s \u2192 More Tools \u2192 JavaScript Profiler.`,
+          [performanceSpan, learnMoreMigrationNode, createElement('p'), UI.Icon.create('largeicon-menu')]));
     }
 
     this._landingPage.show(this._statusPaneContainer);
   }
 
   _hideLandingPage() {
     this._landingPage.detach();
   }
 
   /**
@@ skipping 594 matching lines @@
         return true;
       case 'timeline.jump-to-next-frame':
         panel._jumpToFrame(1);
         return true;
     }
     return false;
   }
 };
 
 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSetting');