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

因为微信官方对个人公众号业务域名有所限制，很多朋友都在问如何让微信小程序一键按钮就让它跳转到网页的问题，下面小编跟大家分享一个如何实现这个功能的小技巧。

操作方法

  • 01

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

  • 02

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

  • 03

    我们要复制网址主要需要两个代码框 wxml和 js 。 我们先wxml 框内输入以下代码： <view>复制链接后在浏览器中搜索：{{contents}} </view> <view  bindtap='copyText' data-text="{{contents}}">长按《复制》按钮进行操作</view>

  • 04

    接下来在 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: '复制成功' }) } }) } }) }, })

  • 05

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

  • 06

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

赞 (0)

相关推荐

  • 微信小程序“跳一跳”的成功暗示着什么呢

    微信小程序"跳一跳"可以说是做的比较成功了,那么这暗示着什么呢?这里,小编给大家介绍一下. 操作方法 01 微信小程序"跳一跳"从去年出现以来,收到了很热烈的欢 ...

  • 微信小程序跳一跳得高分技巧

    微信小程序跳一跳得高分的技巧,小编给大家介绍一下! 操作方法 01 跳到如下图所示的白点(即方块的正中心),可获得2分,连续如此,每次可在上一次得分的基础上累积加2分. 02 跳到带微信支付的方块上停 ...

  • 怎么从腾讯QQ小程序跳转到QQ回复消息

    怎么从腾讯QQ小程序跳转到QQ回复消息

    微信APP是我们常用的社交软件之一,有小伙伴问怎么从腾讯QQ小程序跳转到QQ回复消息,下面小编介绍一下.具体如下:1. 打开[微信]APP,找到腾讯QQ小程序打开2. 打开一个好友聊天界面,点击红色框 ...

  • 手机微信中的小程序在哪？如何管理小程序？

    手机微信中的小程序在哪？如何管理小程序？

    相信很多小伙伴都有在手机上使用微信,在其中如何才能查看小程序呢?如果我们想要管理小程序又该怎么做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微信"并 ...

  • 在微信中喜欢的小程序怎么添加到我的小程序中

    在微信中喜欢的小程序怎么添加到我的小程序中

    今天给大家介绍一下在微信中喜欢的小程序怎么添加到我的小程序中的具体操作步骤.1. 解锁手机后,找到桌面上的微信APP,打开2. 进入主页面后,手指从上向下滑动一下3. 就会打开我们经常使用的一些小程序 ...

  • 微信中的小程序如何添加到我的小程序

    微信中的小程序如何添加到我的小程序

    我们在微信中使用小程序的时候,想要将常用的小程序添加到我的小程序中,该怎么操作呢?今天就跟大家介绍一下微信中的小程序如何添加到我的小程序的具体操作步骤.1. 首先打开手机上的微信APP,进入主页面后, ...

  • 微信“小程序”是什么 ，什么是小程序

    微信作为一款成功的社交软件会在软件的升级过程中不断地加入很多新功能为用户提供更多的服务.近段时间,微信又推出了"小程序".下面就为大家介绍一下微信小程序. 操作方法 01 微信小程 ...

  • 支付宝小程序生活圈怎么玩 支付宝小程序和生活圈绑定方法

    支付宝之前就要推出新的小程序,那就是属于自己的小程序,很多小伙伴最关心的就是这个支付宝小程序的入口在哪,支付宝生活圈该怎么玩,不知道的小伙伴,就让小编给大家详细的讲讲吧. 支付宝小程序入口在哪 将小程 ...

  • 小程序迁移支付费用是多少（小程序数据迁移流程）

    小程序迁移支付费用是多少（小程序数据迁移流程）

    一.小程序迁移是什么?大家好,我是微三云的负责人雷米今天有客户问我前期选择了已有的模板的小程序,那么后期如果重新开发一个小程序,那么原有的模板小程序里面的用户数据以及发布的内容数据能否迁移到已开发的小 ...