[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;