在微信小程序兼容H5，判断浏览器是微信内部浏览器还是外部浏览器

最新推荐文章于 2024-04-24 16:45:41 发布
最新推荐文章于 2024-04-24 16:45:41 发布
阅读量593 收藏
点赞数
分类专栏： 笔记 文章标签： 微信小程序 微信 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60339903/article/details/123281199
版权

因为微信小程序中调用navigator.userAgent.toLowerCase()，会显示userAgent is not a function,因此需要用到 //#ifndef //#endif 条件编译，代码如下

需要先var ua等于一个字符串，以防小程序报错 

不是Ballballball
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
游戏内浏览器（可以在游戏中浏览网页，有抓图和说明）
09-25
启动程序后，可以在游戏里浏览网页等操作。（可以在游戏中浏览网页，有抓图和操作说明）
判断是微信内核浏览器还是外部浏览器
xiaoxiaofly的博客
01-06 1479
isWeiXin() { // 首先判断是否是微信内置浏览器，然后再去判断机型android iOS var uExplorer = window.navigator.userAgent.toLowerCase() var uUserAgent = navigator.userAgent var isAndroid = uUserAgent.indexOf('Android') ...
【实战】H5跳转到小程序
最新发布
人类所有真实的快乐，一定是恒久的努力
04-24 500
H5跳转到小程序
检测当前浏览器是否为微信内置浏览器——公众号H5开发用
机智的奎哥的博客
02-22 429
//检查浏览器 function checkBrowser() { var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { alert("请使用微信浏览器打开！"); } } 此方法来自微信官方检测方法 ...
判断微信还是手机浏览器
qq_37244310的博客
08-17 664
相信很多开发都碰到过的微信浏览器兼容问题（拿走不谢） //判断是否微信登陆 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/6...
H5 获取浏览器内核及版本
林一怂儿
07-19 1128
主要代码 /** * 获取浏览器信息 * @returns {{ name:"Edge"|"Edge(Chromium)"|"Internet Explorer"|"Chrome"|"Safari"|"Firefox"|"unknow",version:""}} */ function BrowserInfo() { let userAgent = self.navigator.userAgent; if (/edge\/([\d\.]+)/i.exec(userAgent)) re
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
07-13
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
11-23
微信在「微信小程序」引导着Web开向封闭，我们再也不能愉快地分享我们的代码了。 如果我们放任下去，未来的Web世界令人堪忧。 好了，废话说完了： 文章太长不想看，可以直接看Demo哈哈： GitHub: ...
H5外部浏览器直接调起微信手机网站调用微信分享
04-13
H5外部浏览器直接调起微信 tml5手机网站调用微信分享，其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
前端之巅：在Chrome浏览器上运行微信小程序
03-29
微信小程序的开发框架体验起来，还不错——自带了UI框架。但是问题是它的IDE，表现起来相当的糟糕——其实主要是因为，我当时买WebStorm License买了好多年。所以，我觉得他的IDE真不如我这个付费好用。而且，作为一...
微信小程序web-view与H5交互：判断H5是否在小程序环境
txz_gray的博客
01-14 4172
在微信小程序内是可以通过web-view加载H5，以便一套H5代码可供多端使用，但很多时候不同端对H5的交互不一样，这就要求在H5内做出判断，识别此时调用H5的是什么客户端。 微信官方目前给出了三种方法在网页内判断小程序环境： //1.通过window.__wxjs_environment window.__wxjs_environment === 'miniprogram' //2.通过...
如何判断用户在app内浏览还是在网页端浏览？
m0_57236802的博客
07-10 558
如果你的移动应用是使用一个内置的Web视图（如Android的WebView或iOS的WKWebView）来显示网页内容，你可能可以配置这个Web视图的用户代理字符串，使其包含一个特定的标记，然后你的服务器就可以检查这个标记来确定请求是来自于你的移动应用。用户代理字符串是由Web浏览器或其他客户端程序发送的一个HTTP头，它描述了发出请求的客户端的类型和版本。另一种策略是在应用发出的每个请求中都包含一个特定的HTTP头或参数，这个头或参数可以指示请求是来自你的应用的。
如何 通过 userAgent 区别微信小程序
weixin_33749242的博客
01-25 2037
微信内置浏览器: 微信小程序: 有micromessenger是微信内置浏览器,有micromessenger和miniprogram的是微信小程序. (ios不适用) if(navigator.userAgent.toLowerCase().indexOf('miniprogram') != -1){ console.log("微信小程序")...
vue 移动端H5微信支付和支付宝支付
祎祎的博客
12-07 2124
一、移动端支付宝支付 其实支付宝支付也有H5支付和支付宝浏览器支付，这里只做H5支付，因为已经满足了业务需求。 1.支付宝中的H5支付和PC端的一样，主要是后端的工作量，后端完成订单的生成之后返给前端的是form表单，前端只需要负责做页面的跳转即可： //立即支付按钮 onSubmit() { if (this.payWay == 1) { //支付宝支付 this.$router.push({path: '/aliPay', quer
实现微信小程序浏览器运行环境系列
GitChat
05-08 1577
微信小程序的出现开启了轻应用技术的新时代，现在无论大中小公司基本上都会拥有自己的小程序软件，而几大一线公司都推出了自己的小程序平台，可想小程序的市场有多火爆。 本场chat内容带领大家自己尝试，如何基于微信小程序开发者工具， 在浏览器中实现自己的运行环境平台来运行小程序代码。(3万字干货分享) 文章中会讲到如下内容 : 微信小程序整体架构分析 基础库文件 WAWebview.js、WAServic...
让你的「微信小程序」运行在Chrome浏览器上
热门推荐
lincaiyun的专栏
12-17 1万+
Transform wxml和wxss 当我们修改完WXML、WXSS的时候，我们需要重新编译项目才能在浏览器上看到效果。这时候后台就会执行一些transform动作： wcc来转换wxml为一个genrateFun，执行这个方法将会得到一个virtual domwxss就会转换wxss为css——这一点有待商榷。 wcc和wxss，可以从vendor目录下获取到，在“微信web
前端错误收集（Vue.js、微信小程序）
weixin_33779515的博客
12-11 490
前言 随着公司业务的发展，前端项目也越来越多。有的时候客户反馈的一个问题，需要耗费大量的时间去查。错误信息不能第一时间获取，多少会给公司带来损失。这个时候我们就需要一套错误收集机制，去提前发现代码中存在的问题，在客户反馈之前把问题提前处理掉。或者在收到客户反馈的时候可以查到对应的错误栈来帮助我们快速去定位以及解决问题。下面主要介绍vue和微信小程序错误收集的方法。 错误收集方法 Vue错误收集 V...
微信内置浏览器和小程序的 User Agent 区别及判断方法
weixin_30254435的博客
03-21 1354
通过UA来判断不同的设备或者浏览器是开发者最常用的方式方法，而对于微信开发和小程序也是同样的一个情况，我们可以通过微信内置浏览器User Agent信息来判断其具体类型或者设备。 所以子凡就通过徒儿和兄弟们的不同手机设备收集了一些微信内置浏览器的 UA，收集其主要目的是为了解决网站在小程序中打开博客页面后若页面有载入广告，在 iPhone 设备上会被直接拦截而导致无法访问。由于子凡移动端...
通过h5链接在微信端或者外部浏览器输入链接打开微信小程序
10-10
在微信端或外部浏览器中通过H5链接打开微信小程序是通过特殊的URL链接实现的。首先，在微信小程序的开发者工具中，我们需要设置小程序的相关参数，并获取到小程序的AppID。然后，在H5页面中，通过以下方式使用URL链接来打开微信小程序。 1. 微信端打开微信小程序：我们可以在H5页面中创建一个按钮，当用户点击按钮时，触发打开微信小程序的操作。代码如下所示： ```html <button onclick="openMiniProgram()">打开微信小程序</button> <script> function openMiniProgram() { window.location.href = "weixin://dl/business/?t=abcde12345"; // 将abcde12345替换为你的AppID } </script> ``` 2. 外部浏览器打开微信小程序：我们可以通过微信开放平台的跳转链接功能，生成一个特殊的URL链接，用户在浏览器中打开该链接后，会跳转到微信客户端并打开指定的微信小程序。代码如下所示： ```html <button onclick="openMiniProgram()">打开微信小程序</button> <script> function openMiniProgram() { window.location.href = "https://mp.weixin.qq.com/mp/wapopen?username=gh_abcdefgh1234"; // 将gh_abcdefgh1234替换为你的小程序原始ID } </script> ``` 通过上述方式，用户在微信端或外部浏览器中点击相应的按钮，即可打开指定的微信小程序。在链接中，我们可以根据需要传递一些参数，以在小程序中进行相应的操作，实现更丰富的功能和交互体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值