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

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

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

  • 漫画白夜次元现在怎么进
  • 对马岛之魂石川的故事4-弓道攻略
  • UC浏览器如何自动拦截网页跳转APP
  • 8款让你迷人的性感纯色内衣
  • 盗贼如何单刷深渊宝库
  • 热门搜索
    ps图层蒙版怎么用 成都旅游团 旅游介绍 可以免费看电影的网站 郑州旅游景点 太原旅行社旅游报价 骈文的特点 暮色森林攻略 表白情书怎么写 呼啦圈可以减肥吗