- 浏览: 117298 次
- 性别:
- 来自: 深圳
文章分类
最新评论
最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。
以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。
复制代码
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if (browser.versions.ios) {
//是否在IOS浏览器打开
}
if(browser.versions.android){
//是否在安卓浏览器打开
}
} else {
//否则就是PC浏览器打开
}
复制代码
再附上browser的代码,通过以下方法可以判断很多浏览器。包括判断IE浏览器,Opera浏览器,苹果浏览器,谷歌浏览器,火狐浏览器等。
复制代码
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。
复制代码
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
}
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
}
if (browser.versions.ios) {
//是否在IOS浏览器打开
}
if(browser.versions.android){
//是否在安卓浏览器打开
}
} else {
//否则就是PC浏览器打开
}
复制代码
再附上browser的代码,通过以下方法可以判断很多浏览器。包括判断IE浏览器,Opera浏览器,苹果浏览器,谷歌浏览器,火狐浏览器等。
复制代码
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
发表评论
-
弹出层并可拖拽
2016-09-21 14:59 0<!DOCTYPE html PUBLIC " ... -
标题栏新消息提示效果
2016-09-21 14:42 521var newMessageRemind={ _step: ... -
JS转换HTML转义符
2016-09-21 14:14 552//去掉html标签 1 2 3 function remo ... -
添加搜藏,设为首页
2016-09-21 11:13 410//添加搜藏 function AddFavorite() { ... -
jQuery 发送验证码倒计时按钮
2016-09-21 11:02 508{ wait:90, hsTime:func ... -
JS杂记
2011-10-24 15:09 674//定义数组 var index = new ... -
数_函_置_内_J_S
2011-09-15 13:41 576http://mamaoyuan625.iteye.com/b ... -
素_元_建_创_J_S
2011-09-15 11:22 485//获取对象 var obj = document.getEl ... -
件_事_出_退_载_加_S_J
2011-09-01 14:45 583<html> <head> & ... -
组_数_S_J
2011-09-01 14:43 621<html> <head> &l ... -
点_节_形_树_S_J
2011-08-29 10:12 586http://wangyalei.iteye.com/blog ... -
层_级_展_示
2011-08-27 12:01 457<html> <head> &l ... -
巧_技_小_S_J
2011-08-26 10:17 324http://bageer707.iteye.com/blog ... -
2_数_函_串_符_字_用_常
2011-08-26 10:01 298//修改日期信息 myDate.setDate(myD ... -
1_数_函_串_符_字_用_常
2011-08-26 09:59 344//定义数组的两种方式 ... -
象_对_D_O_M
2011-08-26 09:55 435<html> <head> &l ... -
2_证_验_S_J
2011-08-25 12:42 372//验证电话号码 function checkPhone ... -
证_验_S_J
2011-08-25 12:35 498<html> <head> &l ... -
1_篇_础_基_S_J
2011-08-25 09:51 426http://www.iteye.com/topic/5656 ... -
传_上_片_图_S_J
2011-08-24 17:00 584http://www.cnblogs.com/cloudgam ...
相关推荐
以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以...
js判断微信打开提示在浏览器打开代码 是否微信打开 js判断微信
接下来,判断是否在微信浏览器中打开,我们首先需要检测平台。利用`navigator.platform`可以获取到用户设备平台的信息,再结合`userAgent`来最终判断是否为微信环境。 ```javascript var system = { win: false, ...
5. **文件名解析**:“微信在其他浏览器打开遮罩”可能是指在非微信环境中,当用户通过微信分享链接并在其他浏览器打开时,可能需要处理的情况。例如,可能需要判断并提示用户在微信中打开以获得完整功能。 这些...
本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的...
这篇教程将详细介绍如何通过编程方式判断微信浏览器是否自动弹出遮罩层,并提供一个完整的代码实现。 首先,我们要理解微信浏览器的特性和它如何处理网页。微信内置的X5内核浏览器会检测页面中的一些特定事件或行为...
我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的...这两句代码就是判断用户是否是用微信内置浏览器打开的页面 如果
主要介绍了JS简单判断是否在微信浏览器打开的方法,结合实例形式分析了javascript针对浏览器相关信息的获取与判定操作技巧,需要的朋友可以参考下
"微信判断浏览器自动弹出遮罩层【完整代码】.zip"这个压缩包文件提供了一个解决方案,针对微信内置浏览器打开网页时自动弹出遮罩层,引导用户跳转到系统浏览器以获得更好的浏览体验。这个功能主要涉及以下几个技术点...
主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
HTML识别微信环境并请求浏览器打开,最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击...通过js就可以判断当前页面是在什么浏览器打开的。
很多时候我们的服务器提供的下载链接都不支持微信扫码,但是客户又只会用微信扫码,怎么办呢?这时候我们可以做一个跳转的html网页,写一个遮罩...扫码打开跳转网页后,判断是否为微信开发环境,是的话就显示遮罩图片。
如果用微信浏览器打开可以看到下面的文字 <p></p> <script type="text/javascript"> window.onload = function() { if (isWeiXin()) { var p = document.getElementsByTagName('p'); p[0].innerHTML = ...
判断当前页面是否被微信内置浏览器打开主要依据User Agent字符串。User Agent是HTTP请求头中的一个字段,用于标识客户端(如浏览器)的身份信息。不同的浏览器会发送不同的User Agent字符串。微信内置浏览器在发送...
在移动互联网领域,微信浏览器(WeChat Browser)的识别与判断是开发者经常遇到的问题,尤其在进行微信小程序、H5页面或微信内置浏览器适配时。这篇内容将深入讲解如何识别用户是否正在使用微信浏览器,并提供相关的...
- **JavaScript检测**:通过JavaScript检测UserAgent字符串来判断是否在微信环境中。 - **添加遮罩层**:利用CSS创建一个全屏的遮罩层,设置适当的透明度和位置。 - **提示按钮**:在遮罩层的右上角放置一个“在...
如果用微信浏览器打开可以看到下面的文字 <p></p> <script type="text/javascript"> window.onload = function() { if (isWeiXin()) { var p = document.getElementsByTagName('p'); p[0].innerHTML = window...