javascript mailto 在 chrome 移動瀏覽器中不起作用

Question

通過 javascript 發送郵件在移動 chrome 瀏覽器中不起作用

window.location.href = "mailto:linto.cet@gmail.com?subject=subject&body=body"

在移動 google chrome 瀏覽器中不起作用

實際來源

Answer 1

Android上的Chrome瀏覽器禁止重定向到不是通過用戶手勢進行的應用。

因此，自Chrome 40起，就無法通過javascript將用戶重定向到郵件應用，僅當您將其放在例如按鈕href中時，該功能才能在用戶單擊按鈕時起作用。

您可以在鉻論壇中閱讀更多內容

如果您檢查Chrome控制台，則會出現警告，例如： Navigation is blocked: mailto:?...

Answer 2

我正在發布答案，因為這是可能的。

從視圖/臨時鏈接元素中創建隱藏內容並模擬點擊。

var linkElement = document.createElement('a');
linkElement.style.visibility = 'hidden';
linkElement.style.position = 'absolute';
linkElement.href = 'mailto:linto.cet@gmail.com?subject=subject&body=body';
document.body.appendChild(linkElement);

以及稍后要觸發並打開郵件客戶端時：

linkElement.click();

Answer 3

在我的網站上，當人們點擊他們認為是 mailto 的鏈接時（順便說一下，同樣的限制適用於 tel: 鏈接），我首先發送一個 GA 事件，然后使用 window.location 來啟動 mailto。 雖然 Chrome 會通過開發控制台向我發出警告，但它仍會處理 tel/mailto 請求，並且 window 仍會彈出。