复制网页链接发送给别人，携带的参数不能识别问题，以及怎么自动识别微信浏览器

小小CX

于 2021-11-10 16:12:52 发布

阅读量721

点赞数

分类专栏： .net 文章标签： Clipboard API 微信分享 QQ分享浏览器检测 URL编码

本文链接：https://blog.csdn.net/YCCX_LHH21/article/details/120664717

版权

.net 专栏收录该内容

18 篇文章

订阅专栏

该博客介绍了如何实现网页中的一键复制功能，利用Clipboard API进行文本复制，并处理复制成功或失败的提示。同时，它检测用户是否在微信或QQ内置浏览器中打开页面，以实现特定浏览器的链接跳转。此外，还涉及到URL参数编码为乱码字符的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//复制链接

<a class="copy" href=" javascript:void(0)"data-clipboard-text="链接地址"></a>

var clipboard = new Clipboard('.copy', {
    text: function () {
        return encodeURI(url);
    }
});
clipboard.on('success', function (e) {
    alert("复制成功");
});
clipboard.on('error', function (e) {
    alert("复制失败，请换个浏览器试试");
});

//判断是否在微信和qq内置浏览器打开的

   var ua = navigator.userAgent.toLowerCase();
    //判断微信
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        window.open((encodeURI("链接")));
    } else if (ua.match(/QQ/i) == "qq") {    //判断qq
         window.open((encodeURI("链接")));
    } else {
       
    }

//把复制的链接后面带的参数格式化，变成乱码字符

str为链接后面的参数
str.replace(/\&/g, "%26")