Javascript – How to open mailto link in Chrome with Window.open without creating a new tab

browser-extensiongoogle-chromegoogle-chrome-extensionjavascript

I am creating a Google Chrome extension and am trying to open a custom url scheme with (window.open) without having a new blank tab open up. For sake of argument lets try the 'mailto' url scheme.

My code:

window.open("mailto://Bob Lawblah", '_self');

Unfortunately this open up a new blank tab as well as opening up the default mail program even though I specified '_self'. According to this I don't seem to be anything wrong.

Any ideas on how to not have an extra tab open when opening a 'mailto' link?

Best Answer

Since this is a chrome extension, there's a different frame of reference for what _self and other targets mean. Instead of trying to use mailto, how about sending them to a site's "Contact Me" page?

I think this offers easier usability for the end user. Honestly, I don't have a default mail application, even if I did have outlook or some dedicated application, I wouldn't use it because GMail is just awesome (personal preference, but I bet I'm not alone). For example, I use an extension to change all mailto links to open GMail so I can email somebody through it. My extensions won't modify your extensions javascript or mailto links (part of the sandboxing).

With a "Contact Me" page, you can not only hide your email address, but allow people to contact you on your terms (no attachments, etc.).

Related Solutions

Javascript – How to extend an existing JavaScript array with another array, without creating a new array

The .push method can take multiple arguments. You can use the spread operator to pass all the elements of the second array as arguments to .push:

>>> a.push(...b)

If your browser does not support ECMAScript 6, you can use .apply instead:

>>> a.push.apply(a, b)

Or perhaps, if you think it's clearer:

>>> Array.prototype.push.apply(a,b)

Please note that all these solutions will fail with a stack overflow error if array b is too long (trouble starts at about 100,000 elements, depending on the browser).
If you cannot guarantee that b is short enough, you should use a standard loop-based technique described in the other answer.

Javascript – Open a URL in a new tab (and not a new window)

This is a trick,

function openInNewTab(url) {
 window.open(url, '_blank').focus();
}

//or just
window.open(url, '_blank').focus();

In most cases, this should happen directly in the onclick handler for the link to prevent pop-up blockers, and the default "new window" behavior. You could do it this way, or by adding an event listener to your DOM object.

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

http://www.tutsplanet.com/open-url-new-tab-using-javascript/

Best Answer

Related Solutions

Javascript – How to extend an existing JavaScript array with another array, without creating a new array

Javascript – Open a URL in a new tab (and not a new window)

Related Topic