[DevTools] Handle external link clicks and context menu separately.

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 1894 matching lines @@
   Unknown: 0,
   Foreground: 1 << 0,
   Background: 1 << 1,
   Selection: 1 << 2,
 };
 
 /**
  * @param {string} url
  * @param {string=} linkText
  * @param {string=} className
+ * @param {boolean=} preventClick
  * @return {!Element}
  */
-UI.createExternalLink = function(url, linkText, className) {
+UI.createExternalLink = function(url, linkText, className, preventClick) {
   if (!linkText)
     linkText = url;
 
   var a = createElementWithClass('a', className);
   var href = url;
   if (url.trim().toLowerCase().startsWith('javascript:'))
     href = null;
   if (Common.ParsedURL.isRelativeURL(url))
     href = null;
   if (href !== null) {
     a.href = href;
     a.classList.add('webkit-html-external-link');
+    a.addEventListener('click', (event) => {
+      event.consume(true);
+      if (!preventClick)
+        InspectorFrontendHost.openInNewTab(/** @type {string} */ (href));
+    }, false);
+    a[UI._externalLinkSymbol] = true;
   }
   if (linkText !== url)
     a.title = url;
   a.textContent = linkText.trimMiddle(150);
   a.setAttribute('target', '_blank');
 
   return a;
 };
 
+UI._externalLinkSymbol = Symbol('UI._externalLink');
+
+/**
+ * @implements {UI.ContextMenu.Provider}
+ * @unrestricted
+ */
+UI.ExternaLinkContextMenuProvider = class {
+  /**
+   * @override
+   * @param {!Event} event
+   * @param {!UI.ContextMenu} contextMenu
+   * @param {!Object} target
+   */
+  appendApplicableItems(event, contextMenu, target) {
+    var targetNode = /** @type {!Node} */ (target);
+    while (targetNode && !targetNode[UI._externalLinkSymbol])
+      targetNode = targetNode.parentNodeOrShadowHost();
+    if (!targetNode || !targetNode.href)
+      return;
+    contextMenu.appendItem(UI.openLinkExternallyLabel(), () => InspectorFrontendHost.openInNewTab(targetNode.href));
+    contextMenu.appendItem(UI.copyLinkAddressLabel(), () => InspectorFrontendHost.copyText(targetNode.href));
+  }
+};
+
+
 /**
  * @param {string} article
  * @param {string} title
  * @return {!Element}
  */
 UI.createDocumentationLink = function(article, title) {
   return UI.createExternalLink('https://developers.google.com/web/tools/chrome-devtools/' + article, title);
 };
 
 /**
  * @param {string} url
  * @return {!Promise<?Image>}
  */
 UI.loadImage = function(url) {
   return new Promise(fulfill => {
     var image = new Image();
     image.addEventListener('load', () => fulfill(image));
     image.addEventListener('error', () => fulfill(null));
     image.src = url;
   });
 };
 
 /** @type {!UI.ThemeSupport} */
 UI.themeSupport;