<web-view></web-view> :承载网页的容器,会自动铺满整个小程序页面。

访问的外链是运行在微信内置的浏览器上的,会存在缓存问题,有可能导致无法访问到最新的页面。
解决方法:

  1. 前端设置不缓存资源;后端也设置每次请求都不缓存,强制更新资源。
  2. 可以在链接后面添加随机数,https://test.com/?timestamp=123456;或者在链接中加入版本号,每次发布都更新版本号,https://text.com/v1/

想要清除微信内置的浏览器的缓存,可以:

  1. 在设置中清空存储空间。
  2. 退出微信账号重新登录。

实现方法:

  1. 登录小程序管理后台配置业务域名,并且需要上传一个验证文件到要跳转的外链的服务器上的根目录里。

    网页内 iframe 的域名也需要配置到域名白名单。


  2. 新建 outer 页面。

    // outer.wxml
    <web-view src="https://test.com/"> </web-view>
    
  3. 点击 index 页面的按钮跳转到 outer 页面,即可访问外部链接。

    // index.wxml
    <button bindtap="handleNav">跳转外链</home>// index.js
    handleNav(){wx.navigateTo({"url": "../outer/outer"})
    }
    

微信小程序访问外部链接相关推荐

  1. 微信小程序访问WebService接口返回500错误解决过程

    背景:     新手,第一次尝试使用微信小程序访问WebService接口.     使用Microsoft Visual Studio新建了一个WebService项目,发布后,按照常规流程部署到I ...

  2. 微信小程序访问豆瓣电影api400错误解决方法

    微信小程序访问豆瓣电影api400错误解决方法 参考文章: (1)微信小程序访问豆瓣电影api400错误解决方法 (2)https://www.cnblogs.com/bubbleStar/p/610 ...

  3. 微信小程序怎么弄成链接_微信小程序怎么复制链接 技术方法帮你解决

    总是听到很多朋友在问微信小程序怎么复制链接,其实方法还是比较多的.微信小程序现在用的人非常多,而且带起了一阵潮流之风,如果你还没有用过,那你就是太OUT了.下面我们就来为大家介绍一下技术的方法怎么解决 ...

  4. 记录一下微信小程序-一键复制链接功能

    记录一下微信小程序-一键复制链接功能 //首先是小程wxml文件<button bindtap="copyBtn" data-id="下载链接" clas ...

  5. 微信小程序引入外部字体

    微信小程序引入外部字体 前言 wx.loadFontFace Base64 尾巴 前言 微信小程序由于打包体积限制,不支持直接引入字体文件.但是如果我们想引入自定义的字体该怎么操作了?接下来我们介绍两 ...

  6. 在微信小程序使用外部字体

    有了解过微信小程序的朋友都应该知道,微信小程序其实说白了就是一个浏览器,一个基于webkit内核的浏览器,我们浏览特定的小程序其实就是在浏览特定的网页,但是问题是这个浏览器和同样基于webkit内核的 ...

  7. 微信小程序的分享链接

    文章目录 前言 一.分享链接文档地址 二.使用步骤 1.引入库 2.直接上代码 前言 公司要做一个微信的小程序的分享链接,简单讲一下,这个分享可以在浏览器打开,也算不用那些付费的外链了,用的是java ...

  8. 微信小程序--获取视频链接(Videourl)方法~~~

    微信小程序–获取视频连接(videourl)方法~~~ 如何获取音乐MV的URL地址 虾米音乐 试了很多音乐网站发现"虾米音乐"的MV的URL地址是可以获取的,并且在微信小程序播放 ...

  9. 艰难的起步---微信小程序访问MSSQL数据库实例

    一直做单机版应用程序开发,这不客户都需要手机端的小程序嘛!眼看着客户要纷纷"掉粉",急了!必须马上学起!起步的确有点难,好在掉了些头发(摸摸还好)突破了通路,高兴之余写下来,希望能 ...

  10. 微信小程序 访问ip服务器,微信小程序如何获取code?微信小程序如何获取用户ip?...

    微信小程序如何获取code?微信小程序如何获取用户ip?最近小编收到很多问题,其中一个就是下面小编为大家整理一下关于微信小程序如何获取code的步骤,希望这些方法能够帮助到大家. 首先,调用 wx.l ...

最新文章

  1. 【算法笔记】哈密顿问题
  2. CentOS服务器上的 git 包版本控制
  3. [NOIP2006] 提高组 洛谷P1066 2^k进制数
  4. python3精要(3)-python对象类型,数字,序列
  5. 算法学习:最近公共祖先
  6. C51编程在不同内存空间(data xdata bdata)定义变量的注意事项
  7. 使用Maven原型高效创建Eclipse模块
  8. mysql超大表处理方式是_第29问:MySQL 的复制心跳说它不想跳了
  9. glibc的头文件 linux_求助,编译glibc头文件时出错
  10. 射频通路 隔直_2.4G射频双向功放电路的设计与制作
  11. python调用其他程序或脚本方法(转)
  12. Java7并发编程指南——第一章:线程管理
  13. 【2019.09.14】2019icpc沈阳网络赛
  14. epub 深入linux内核架构_深入分析Linux内核源代码6-Linux 内存管理(2)
  15. Rust : 加密中数论基础知识、RSA加密算法及证明(待续)
  16. 单目标跟踪SiamMask:特定目标车辆追踪 part1
  17. 微积分Z2J5 两个重要极限
  18. 检验银行卡卡号是否合法有效
  19. spring-test部分翻译
  20. Java中的接口详解

热门文章

  1. 设计原则:单一职责(SRP)原则
  2. spark 安装详细步骤
  3. 微信小程序录制视频功能实现
  4. linux端更新pip
  5. 斗鱼实名认证 mysql_斗鱼新人主播怎么进行实名认证 斗鱼直播实名认证失败怎么办...
  6. 【持续更新】MARL 算法汇总
  7. 广告机CE认证 FCC认证费用构成
  8. 光敏传感器实验报告_光敏传感器光电特性研究实验报告.docx
  9. IDM下载器最新版本6.32.7
  10. Chrome浏览器用IDM插件下载出现401、403、404错误