<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. 「NLP」用于序列标注问题的条件随机场
  2. 记一次mapreduce读取不到输入文件的问题
  3. XiaoluD的留言板
  4. IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法
  5. Exploring Micro-frameworks: Spring Boot--转载
  6. pytorch 矩阵相乘_编译PyTorch静态库
  7. Spring MVC测试框架入门–第1部分
  8. 动态执行shell脚本
  9. YlmF WinXP SP3精简版安装显卡驱动技巧
  10. 只需两步手把手教你玩转图像识别
  11. 【华为大咖分享】8.Focus on Value 的思考与实践精粹(后附PPT下载地址)
  12. 《区块链技术指南》一
  13. 在线教育网校系统源码,搭建可以解决培训考试的教学平台
  14. dts双轨制会员积分系统,直销系统,分销系统
  15. background属性用法总结
  16. 如何消除自激振荡(硬件每日一题)
  17. 【QA】数学符号 word输入问题 在word里面怎么输入字母头顶上的那个小尖儿
  18. submit()和onsubmit()的区别
  19. mobot_room.world-ROS2Gazebo9附1
  20. Android开发——百度地图定位

热门文章

  1. 在线答题助手c语言源码,很早之前发的逆水寒答题助手,开源!!自己可以修改成任何答题器源码!~~...
  2. PHPWAMP自定义添加PHP版本教程,支持无限添加PHP和Mysql版本
  3. c#语言程序翻译软件,C#使用百度翻译API
  4. Scrapy爬虫项目的创建及案例
  5. 灵格斯!优秀的翻译软件!!!
  6. 前端 js 设置cookie的方式及遇到cookie方面的问题
  7. PSPNet :语义分割
  8. ubuntu更新pip
  9. 易语言皮肤模块200个_王者荣耀:第一个200战令玩家,连天美都赞他的升级方法最科学...
  10. 华为手机照片 计算机,教你华为手机怎么传照片到电脑上去