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

2025-10-15 17:27:06

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢