页面中除了传统的超链接外,还可以将邮箱地址写入<a>标签,意思不表自明,当然是用户点击后就会打开相应的邮件客户端向这个连接指向的邮件地址发邮件。

<a href="mailto:liuwayong@gmail.com" target="_blank">liuwayong@gmail.com</a>

效果:

sample@test.com

了解邮件连接

一般情况下,如果你的浏览器之前有设置过 mailto: 协议的话,它会启动mailto协议里指定的程序来打开这个邮件链接。

比如我的Chrome浏览器里设置为使用Gamil,那么单击后,会自动打开Gamil页面,并且把收件人地址填好了。

另外,如果你在连接中传了subject 参数,或者还有其他参数,邮箱页面打开后,相应位置的内容会从参数当中去取,然后自动填上。

下面是完整参数的列表:

参数 描述
mailto:name@email.com 收件人邮箱
cc=name@email.com 抄送邮箱
bcc=name@email.com 匿名抄送邮箱
subject=subject text 邮件主题
body=body text 邮件正文
? 首个参数分隔符
& 其余参数的分隔符

下面是一个带完整参数的例子:

<a href="mailto:sample@test.com?Subject=Test%20Mail&cc=mail1@test.com&bcc=mail2@test.com&body=Dear%20Mary" target="_top">Send Mail</a>

这是一个测试连接

浏览器里出来的效果:

设置Chrome接管mailto协议

如果你点击上面的测试连接无法打开Gmail,说明你的Chrome没有设置好用来接管处理mailto协议。

下面进行设置:

1. 在浏览器地址栏输入chrome://settings/ 回车来到浏览器设置页面

2.搜索 'protocol handlers'

3.根据搜索结果来到协议管理设置页面,将其中的mailto 设置为你想要的处理程序,这里是Gmail.

4. 一路确定下去,然后在浏览器输入“mailto:” 回车进行测试,会自动转到Gmail页面


如果在第三步发现页面没有mailto协议及可选的操作怎么办?通过JavaScript来进行巧妙地设置。

1. 打开Gmail页面

2.把如下代码粘贴到浏览器地址栏

javascript:navigator.registerProtocolHandler("mailto","https://mail.google.com/mail/?extsrc=mailto&url=%s","Gmail")

*注意代码前面要有 'javascript:'。通常在Chrome浏览器里,将上面的代码粘贴到地址栏后,前面的'javascript:'会被自动去掉,所以需要手动补上。

3. 回车确定后会出现

4.同样输入mailto:后测试页面是否跳转到Gmail页面,如果跳转,说明设置成功。

Reference:

1 .http://productforums.google.com/forum/#!topic/chrome/sPhxiTQlf4s

2. http://www.rapidtables.com/web/html/mailto.htm

让Chrome 接管邮件连接,收发邮件更方便了的更多相关文章

  1. chrome谷歌浏览器用这种方式清除缓存比较方便了,必须是调试模式才行

     chrome谷歌浏览器用这种方式清除缓存比较方便了  PS:必须是调试模式才行,可以不是手机模式 ,有些低版本浏览器可能没有这个功能.   ----------------------------- ...

  2. 新版本PHP使用更方便了

    $hostname_conn = "";$database_conn = "";$username_conn = "root";$passw ...

  3. Python收发邮件

    发送邮件使用SMTP协议,接受POP3或IMAP: 创建邮件内容email模块,发送邮件smtplib模块.发送邮件比较简单,只需先创建SMTP对象,登录服务器后根据发收邮箱地址发送即可: POP3接 ...

  4. 转--python -- 收发邮件

    官方 import smtplib from email.mime.text import MIMEText from email.header import Header # 发送邮箱服务器 smt ...

  5. Delphi中,indy控件实现收发邮件的几点学习记录( 可以考虑加入多线程,用多个邮箱做一个邮箱群发器) 转

    关于用Delphi中的Indy控件实现收发邮件的几点学习记录             这几天心里颇不宁静,不是因为项目延期,而是因为自己几个月前做的邮件发送程序至今无任何进展,虽然一向谦虚的人在网上发 ...

  6. 用 Apache James 搭建邮件服务器来收发邮件实践(一)(转)

    Apache James 简称 James, 是 Java Apache Mail Enterprise Server的缩写.James 是100%基于Java的电子邮件服务器.它是一种独立的邮件服务 ...

  7. 用Emacs收发邮件

    使用Emacs,将尽可能多的工作放到Emacs中来完成,这样可以提高工作效率. 1.安装必要的LISP插件和程序 $sudo apt-get install stunnel4 $sudo apt-ge ...

  8. mailkit库收发邮件

    mailkit库用于收发邮件.这个库可以替代C#自带的发邮件库 环境  W10 / VS2017CMMT / MailKit version="2.0.3" "net46 ...

  9. 使用python的email、smtplib、poplib模块收发邮件

    使用python的email.smtplib.poplib模块收发邮件 一封电子邮件的旅程是: MUA:Mail User Agent——邮件用户代理.(即类似Outlook的电子邮件软件) MTA: ...

随机推荐

  1. MIT 6.828 JOS学习笔记11 Exercise 1.8

    Exercise 1.8       我们丢弃了一小部分代码---即当我们在printf中指定输出"%o"格式的字符串,即八进制格式的代码.尝试去完成这部分程序. 解答: 在这个练 ...

  2. PowerDesigner修改生成mysql视图

    今天遇到了个问题,就是有PowerDesigner的设计图,能生成oracle的视图,不能生成mysql,在网上找到了解决方案, 非常感谢各位网友的分享,这个不是抄袭,主要是为了让更多的人知道这种解决 ...

  3. sqlmap 帮助信息

    Usage: sqlmap.py [options] 选项: -h, --help 显示基本的帮助信息并退出 -hh 显示高级的帮助信息并退出 --version 显示程序版本号并退出 -v VERB ...

  4. mybatis Caused by: org.apache.ibatis.reflection.ReflectionException: Error instantiating class .. with invalid types () or values (). Cause: java.lang.NoSuchMethodException: ...<init>()

    如果有带参数的构造器,编译器不会自动生成无参构造器.当查询需要返回对象时,ORM框架用反射来调用对象的无参构造函数,所以会导致此类异常 public Test(){ }

  5. html学习第三天—— 第12章——css布局模型

    清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又不同于我们常说的 ...

  6. java中被各种XXUtil/XXUtils辅助类恶心到了,推荐这种命名方法

    且看一下有多少个StringUtils 列举一下XXUtil/XXUtils恶劣之处 1. 不知道该用XXUtil还是用XXUtils, 或者XXHelper, XXTool 2. 不知道该用a.ja ...

  7. c# 如何中List<object>中去掉object对象中的重复列数据?

    //去掉重复 var title = modelList.GroupBy(m => m.Title.ToLower().Trim()).Select(m => new { ID = m.F ...

  8. GridView中实现DropDownList联动

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  9. Python爬虫学习(9):Selenium的使用

    1 简介以及安装 Selenium 是什么?一句话,自动化测试工具.它支持各种浏览器,包括 Chrome,Safari,Firefox 等主流界面式浏览器,如果你在这些浏览器里面安装一个 Seleni ...

  10. MVC5项目中添加Wep API

    一.查看MVC版本,决定你有没有必要看这篇文章 打开web.config,看到以下内容 <dependentAssembly> <assemblyIdentity name=&quo ...