微信小程序跳转任何网页的小技巧

时间:2026-02-14 07:42:44

1、微信小程序开发环境在之前的分享当中跟大家教过怎么下载 若还没下载的请浏览 https://jingyan.baidu.com/article/ac6a9a5e208f8f2b653eacaa.html 这里 里面有下载地址 如下图所示

微信小程序跳转任何网页的小技巧

2、安装过程和其他步骤你可以在以上网址查看,现在我们重点说的是微信小程序如何 跳转到网页,如上所说的那样个人公众号暂时无法跳转到网页,但我们有一个技巧那就是 第一步在页面上显示 我们要跳转的网址然后复制网址后在浏览器中搜索是可以实现的。

微信小程序跳转任何网页的小技巧

3、我们要复制网址主要需要两个代码框 wxml和 js 。

我们先wxml 框内输入以下代码:

<view>复制链接后在浏览器中搜索:{{contents}} </view>

<view  bindtap='copyText' data-text="{{contents}}">长按《复制》按钮进行操作</view>

微信小程序跳转任何网页的小技巧

4、接下来在 js框内输入以下代码:

Page({

data: {

contents: 'https://jingyan.baidu.com/article/ac6a9a5e208f8f2b653eacaa.html'

},

copyText: function (e) {

console.log(e)

wx.setClipboardData({

data: e.currentTarget.dataset.text,

success: function (res) {

wx.getClipboardData({

success: function (res) {

wx.showToast({

title: '复制成功'

})

}

})

}

})

},

})

微信小程序跳转任何网页的小技巧

5、代码都输入好以后进行编译 当网址页面跳出来以后 要长按 复制 按钮 进行复制 松开屏幕时 就会看到 复制成功 字符并打钩 时 我们成功的复制了该网址,大家可以在该网址框里随意填写任何网址或字体都可以进行复制 如下图所示

微信小程序跳转任何网页的小技巧

6、接下来 我们把复制好的网址粘贴在浏览器的 搜索框里就可以达到小程序跳转到网页的目的了 浏览器搜索框 如下图所示

微信小程序跳转任何网页的小技巧

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com