微信小程序链接能在浏览器打开吗（手机浏览器能否直接打开微信小程序）

微信小程序上线以来已有一个多月，并且被很多创业者热捧，认为是又一个创业春天的到来。今天我们暂且不去探讨小程序的未来，只来探讨一个小问题，有没有办法通过手机浏览器来打开微信小程序?

我们知道，对于微信公众号，我们在浏览器中长按二维码，就可以直接进入公众号。但是微信小程序并没有这个待遇，你长按二维码之后只会识别出一个网址，然后该网址会引导你下载微信APP。而要打开小程序，只有两种方法，扫描二维码或者在微信中输入完整的小程序名称搜索。

由于微信并没有推出官方小程序商店，并且要在微信搜索小程序，必须输入完整的名称，因此这给用户造成了一定的不便，因为很多小程序的名称跟我们平时熟知的名称是不同的，例如“携程旅游”的小程序名称是“携程酒店机票火车票”。之前在网上曾经看到说360手机助手在微信公众号推出了长按二维码“秒开”小程序的功能，今天进去看了一下，原来这个所谓的二维码也只不过是公众号的二维码，只不过对于已经开通了小程序的公众号，微信会在公众号详细资料页面显示“相关小程序”栏，如下图。但有部分小程序并没有公众号的，因此这种打开方式也是具有一定局限性的。

而百度了一下，目前已经出现了很多第三方应用市场，但大部分并未针对手机端进行设计。前两天跟一位朋友谈起这个事情，得知他也正在搞这样一个小网站（蝌蚪小程序商店http://www.kedou888.com，经鉴定这是软文^_^）。其他不啰嗦，回到正题。

要实现手机浏览器打开微信其实不难，只要通过超链接或js打开“weixin://”即可，当然这个只能实现“跳转到”微信功能，我们并不能对跳转之后的微信下达任何指令。例如，如果你在跳转之前用微信聊天，通过浏览器跳转后的界面还是原来的界面，因此，要想通过手机浏览器直接进入指定的微信小程序是无法实现的（至少目前来说）。不过，针对“跳转”这个动作之前的操作，我们还是可以做一下优化的，例如，帮用户完成复制文字和跳转到微信这个过程。

但在尝试使用常规的js代码来实现copy功能的时候，发现在手机上浏览器上根本运行不了，知乎上已经有人讨论过这个话题。经过一番查找，终于找到了这个js，https://zenorocha.github.io/clipboard.js，它是一个开源的js库，不依赖任何第三方框架，压缩版只有11k，因此很适合移动端使用。

点击“直达微信”将完成复制过程并跳转到微信

提示打开微信

当用户点击“直达微信”按钮的时候，自动将小程序名称copy到剪切板，然后会跳转到微信，这可以在一定程度上简化用户的操作。

var clipboard = new Clipboard('.btn-copy');

clipboard.on('success', function(e) {

toastr.success('已复制以下内容：' e.text '<br>请到微信搜索框中直接粘贴搜索<br>如果浏览器弹出打开微信提示，请点击“打开”', '提示', {positionClass: 'toast-bottom-center'});

e.clearSelection();

setTimeout(function(){window.location.href='weixin://';},5000);

});

上面的代码会绑定到.btn-copy这个class上面，然后所有定义了这个class的按钮都会生效。上面还用到toastr.js这个开源库。

此外，我还在朋友这个网站中找到了一些亮点，例如他使用了bootstrap使网站能够很好适配PC端和移动端，同一个网页有两种不同的呈现，虽然访问速度及呈现效果不一定是最优的。当我问朋友为何不单独设计页面的时候，他只说了一个字——“懒”。看来，懒人会有懒人的办法，今后有空我们也来探讨一下bootstrap的使用问题，这个工具虽然强大，但其中也会有很多坑。

,