[DevTools] Add clarification in blackbox setting tab

Bug: 818855
Change-Id: I9f626a01d9188ae25e82bc4d2a6201f20c90e621
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1622714
Reviewed-by: Erik Luo <[email protected]>
Commit-Queue: Haihong Li (Harley) <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#662880}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: e042ef9305336de67337354815be10a8929008da
diff --git a/front_end/settings/FrameworkBlackboxSettingsTab.js b/front_end/settings/FrameworkBlackboxSettingsTab.js
index 262d25b..a47ea0f 100644
--- a/front_end/settings/FrameworkBlackboxSettingsTab.js
+++ b/front_end/settings/FrameworkBlackboxSettingsTab.js
@@ -12,10 +12,14 @@
     super(true);
     this.registerRequiredCSS('settings/frameworkBlackboxSettingsTab.css');
 
-    this.contentElement.createChild('div', 'header').textContent = Common.UIString('Framework Blackbox Patterns');
-    this.contentElement.createChild('div', 'blackbox-content-scripts')
-        .appendChild(UI.SettingsUI.createSettingCheckbox(
-            Common.UIString('Blackbox content scripts'), Common.moduleSetting('skipContentScripts'), true));
+    this.contentElement.createChild('div', 'header').textContent = Common.UIString('Framework Blackboxing');
+    this.contentElement.createChild('div', 'intro').textContent =
+        ls`Debugger will skip through the scripts and will not stop on exceptions thrown by them.`;
+
+    const blackboxContentScripts = this.contentElement.createChild('div', 'blackbox-content-scripts');
+    blackboxContentScripts.appendChild(UI.SettingsUI.createSettingCheckbox(
+        ls`Blackbox content scripts`, Common.moduleSetting('skipContentScripts'), true));
+    blackboxContentScripts.title = ls`Blackbox content scripts (extension scripts in the page)`;
 
     this._blackboxLabel = Common.UIString('Blackbox');
     this._disabledLabel = Common.UIString('Disabled');
@@ -68,7 +72,8 @@
     const element = createElementWithClass('div', 'blackbox-list-item');
     const pattern = element.createChild('div', 'blackbox-pattern');
     pattern.textContent = item.pattern;
-    pattern.title = item.pattern;
+    pattern.title = ls`Blackbox scripts whose names match` +
+        ' \'' + item.pattern + '\'';
     element.createChild('div', 'blackbox-separator');
     element.createChild('div', 'blackbox-behavior').textContent =
         item.disabled ? this._disabledLabel : this._blackboxLabel;