如果我们不考虑浏览者使用的终端，那么我们完全不需要考虑此问题。但是如果我们想要让响应更加灵活，很多时候我们应该考虑给移动端不同的响应方式。标题顾名思义此处并不讨论 CSS 样式的问题，考虑的是超链接移动端适配的问题。所谓超链接适配，目的就是在移动端浏览时结合一些 URL Schemes 来跳转到特定的 App，而不是仅仅作单一网页打开的处理。这或许没能道个明白，欢迎使用不同终端来调试本博客关于—更多的不同效果。

支付宝(资助)

支付宝资助实质上是移动端扫支付二维码进而向作者给予资助和支持，这可以参考本博客 Donate 在电脑端浏览时的响应，它是一个二维码图片。而当浏览的终端是移动端时，显示二维码图片自己怎么扫？这显然很矛盾。所以对支付宝资助作适配，让其浏览终端为移动端时直接通过 URL Schemes 跳转到支付宝App。URL Schemes 是这样获取的：

  1. 登录支付宝二维码平台设置自己的支付二维码，生成二维码图片。
  2. 解释二维码。需要借助一些在线二维码解释网站或软件，这里不作推荐，请自行酌情选择。
  3. 复制解释后的地址。

  4. 参考本人的 URL Schemes，更改后面地址qrcode=部分。

    alipayqr://platformapi/startappsaId=10000007&qrcode=https://qr.alipay.com/aex06446rkenebfkgjtdeff
  5. 如操作无误，则能在移动端打开此链接跳转至支付宝个人支付界面。

微博个人页

微博的个人页即个人信息页，想必大家都有微博客户端，这里就不必过多地解释了。引用的目的主要是方便读者查看本人微博或信息并关注。参考本人个人页 URL Schemes，更改为自己的uid。

weibo://userinfo?uid=1728575071

uid可以由以下步骤获取：

  1. 打开微博客户端，在 发现—搜索 处搜索自己的微博名。
  2. 找到自己的个人页，进入个人页。
  3. 通过右上角「…」选择复制链接。
  4. 在任何可输入文本的地方粘贴剪切板，内容形如http://weibo.com/u/1728575071，末端的一串数字就是用户的uid，替换即可。

Twitter个人页

相信这里不需要过多说明，参考本人的 URL Schemes ，更改为自己的用户名即可。

twitter://user?screen_name=ryanryanryan4

说明

  • 作此适配处理是一把双刃剑，如果手机装有对应的 App，那么适配将带来极大的便利；如果手机没能找到对应的 App，那么适配不但不能提供便利，还会导致移动端无法识别其内容，请大家酌情考虑。
  • 更多的社交如 Facebook、Google+ 等未作测试，请自行试验。

如有问题，欢迎留言或邮件咨询

修改于 August 29, 2017 01:05:51 (6 年前)
  • « 上一篇:URL Schemes - 网易有道词典