安卓、safari和微信各个浏览器的设计标准

完美解决safari、微信浏览器下拉回弹效果。

完美解决safari.微信浏览器下拉回弹效果,只保留局部回弹效果. CSS代码 .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码 <body class="box"> <div class="scroll" style="height:1500px"> </div> </body> JS代码 var overscr…

安卓手机端微信网页浏览记录清理debugx5.qq.com

最近我们环境从复)星(云切换到阿里云.早上地铁路上就有小伙伴@,一阵搜索.找的如下的方法. 记录一下: 目前只支持安卓手机的微信内置浏览器清理. 由腾讯提供的网址http://debugx5.qq.com 各位有人知道苹果手机的清理缓存的便捷的方法请告知一下. 感谢…

IE、FF、Safari、OP不同浏览器兼容报告

IE.FF.Safari.OP不同浏览器兼容报告 1 浏览器内核简介 Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari.Chrome 浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”.负责对网页语法的解释(如HTML.JavaScript)并渲染(显示)网页. 所以,通常…

【第二十篇】C#微信H5支付非微信内浏览器H5支付浏览器微信支付

微信开发者文档微信H5支付官方文档请阅读清楚最起码把所有参数看一遍这个地方也可以看看微信案例 http://wxpay.wxutil.com/mch/pay/h5.v2.php,请在微信外浏览器打开. =============================================================================================================================================…

PHP判断是否在微信内部浏览器访问

<?php if(is_weixin()){ echo "这是微信内部浏览器"; }else{ echo "这是微信外部浏览器"; } function is_weixin(){ if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) { return true; } return false; } ?>…

完美解决safari、微信浏览器下拉回弹效果

CSS代码: .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码: <body class="box"> <div class="scroll" style="height:1500px"> </div> </body> JS代码: var overscroll = function(el) { el.addEventL…

【方法】JS判断当前页面环境：PC端/移动端，安卓/IOS，微信环境/QQ环境等等

[主要知识] 浏览器设备信息:navigator.userAgent(本文中主要用到知识) 浏览器版本信息:navigator.appVersion var ua = navigator.userAgent:var browser = { versions: function () { // 浏览器版本信息 return { trident: ua.indexOf('Trident') > -1, // IE浏览器 trident内核 presto: ua.indexOf('Presto') >…

微信网页浏览器打开链接后跳转到其他浏览器下载APK文件包

做微信营销活动或者APK下载推广时候,是无法直接下载,做到微信中正常使用呢?这就要借助一些工具来实现有效的操作. 安卓手机的话是通过点击链接,直接跳转出微信.自动打开手机默认的浏览器.但是这个方法IOS的系统暂时还不行.所以只能写判断了. 演示地址:http://demo.liuy88.cn/wxjum_xf0108017.html…

安卓与IOS移动段浏览器视频与音频的问题与总结

1. 安卓.苹果移动浏览器上都不支持html5的视频与音频自动播放 2. 安卓.苹果移动浏览器要支持播放,前提是必须是用户触发的事件 3. 针对这个特殊的问题,代码需要在用户进来第一次屏幕触发中,去创建一个的隐藏的video.audio的对象,后续播放视频音频必须用这个用户触发的对象替换 4. 这里就带来几个问题 A. 进入应用,用户没有操作,视频音频无法播放 B. 用户如果点击一次后,之后的视频.音频可以正常播放 C. 苹果上默认会全屏播放,不能窗口化, 安卓没问题 5…

[JavaCore] 微信手机浏览器版本判断

公司要做微支付,微信浏览器版本要大于5 package com.garinzhang.web.weixin; import org.apache.commons.lang.StringUtils; import org.apache.commons.lang.math.NumberUtils; /** *类说明 *@author Garin Zhang */ public class WchatUtil { public static final String WEI_XIN_BROWSER =…

Ipad Safari iframe cookie 当浏览器默认禁用第三方COOKIE

前一阵子,我们发现高版本的Safari中默认会阻止第三方cookie,如下图所示. 问题什么是第三方cookie呢?在访问一个网站A时,网站A算作第一方,如果网站A中引用了另一个网站X(网站X的域名与网站A的域名不同)的资源,这时这个网站X就被认为是第三方.需要注意的是,这儿区分不同网站的标准是域名是否相同,而不是这两个网站是否由同一个公司运营.比如,taobao.com和tmall.com被认为是两个网站,尽管它们都属于阿里集团. 在网站建设中,使用第三方资源非常常见,大多数据情况下,这并不…

Android/IOS 微信及浏览器（h5）中唤起本地APP，唤起浮层，然后用外部浏览器打开唤起某本地APP

1 前言微信点击链接,点击唤起某APP,在微信点开,默认是微信浏览器,点击button唤起,则会先提示浮层,然后用外部浏览器打开即可. 作为记录使用. 2 代码相关源码如下: html: <div class="container"> <div class="main" > <div class="enterBtn" onclick="triggerStart()"> </div&…

微信https抓包，不同安卓版本、微信版本对证书的要求

安卓系统 7.0 以下版本,不管微信任意版本,都会信任系统提供的证书安卓系统 7.0 以上版本,微信 7.0 以下版本,微信会信任系统提供的证书安卓系统 7.0 以上版本,微信 7.0 以上版本,微信只信任它自己配置的证书列表 fiddler抓包详情参考网站 https://testerhome.com/articles/17746…

安卓手机上微信无法打开Https网址的完美解决方案

1,第三方网站检测网站的SSL证书是否正确的安装 https://www.geocerts.com/ssl-checker,大概率你会看到下边的场景,一个证书链完整的警告,如果想知道我的基础配置是什么,请看申请 Let’s Encrypt 泛域名证书及 Nginx/Apache 证书配置 2,我的网站是Apache提供服务的,就要考虑增加配置我的配置文件是httpd-ssl.conf.其他平台均正常,安卓微信无法打开的配置如下: # Server Certificate: SSLCerti…

Cordova - 彻底搞定安卓中的微信支付插件！

Cordova:8.0.0 Android studio:3.2.1 cordova-plugin-adam-wechat : 3.0.6 你看到这个标题肯定会惊讶,一个Cordova的微信支付插件,有这么夸张吗? 一,不要使用的微信支付插件:https://github.com/xu-li/cordova-plugin-wechat 上面的插件,是目前大家在网上搜索文章时候,推荐最多的插件,但是,插件开发者,已经不再维护这个插件了,从最新版插件的代码看,确实是那样,其中从2.0.0开始的bug…

js的let语句在安卓手机端的QQ浏览器出错的问题

关于JavaScript里面的let,let 语句可以声明一个块级作用域的本地变量,并且可选的将其初始化为一个值. <ul id="list"> </ul> var list = document.getElementById("list"); for (var i = 1; i <= 5; i++) { var item = document.createElement("LI"); item.appendChil…

在安卓上，微信公众号无法分享到QQ的解决办法之一

今天做一个微信公众号分享功能,参考微信sdk,代码几乎没有任何问题,但就是分享到QQ失败,以下是我QQ分享部分的代码: wx.onMenuShareQQ({ title: '快来和我一起玩转大脑', // 分享标题 desc: '', // 分享描述 link: ‘http://baidu.com’, imgUrl: 'http://iquizoo.com/styles/weixinImg/verifyphone/Icon-60@2x1.png', // 分享图标 success: functi…

iphone 微信下浏览器中数字去除下划线

在开发iphone应用程序的时候,safari下手机号码默认是有下划线的,通过下面的方法就可以去掉: <meta name="format-detection" content="telephone=no" />…

用css去除chrome、safari等webikt内核浏览器对控件默认样式

有这么一个webkit的私有属性: -webkit-appearance:none; /*去除input默认样式*/ 添加该样式,并且值为'none'时即可取消浏览器对于控件的默认样式. 另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式, 比如: 我是span啊亲!! 那么他所显示的效果就是button标签的自带样式. 哈觉得挺有趣的~ 另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式,从而使自己编辑的按钮样式显示正常. 下面是这个属性可能会…

微信在浏览器打开前的提示页面Android与IOS判断

直接在网上扒一个页面,分分钟搞定! 先看一下效果这是用微信开发工具打开的样式,直接上完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <…

Vue 实现微信提示浏览器转跳功能

<template> <div class="main"> <div :class="show==true ? 'block':'blocks'"></div> </div> </template> <script> import Vue from "vue"; import { Popup } from "vant"; import { Ce…

解决swfupload改变display属性后flash重新加载的问题(chome,safari内核的所有浏览器)

最近在做的项目中有要用到上传控件,所有就用到了swfupload flash上传控件因为在项目中要使用到Tab控件,tab控件通过改变display属性来控制tab页的显示与隐藏.当swfupload控件放在tab页里当tab页切换时,swfupload就会重新加载,如果你的swfupload控件对象中的数据就会丢失,比如上传等待队列等. 解决办法: CSS: .hide { position: absolute !important; top: -9999px !important; l…

微信中浏览器支持input调用摄像头和只能上传图片

<input type="file" capture="camera" accept="image/*" />…

CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack

@media screen and (-webkit-min-device-pixel-ratio:0) { ul#navUL ul a{padding:8px 2px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .navli{color:#f00} }…

【微网站开发】之微信内置浏览器API使用

最近在写微网站,发现了微信内置浏览器的很多不称心的地方: 1.安卓版的微信内浏览器底部总是出现一个刷新.前进.后退的底部栏,宽度很大,导致屏幕显示尺寸被压缩 2.分享当前网站至朋友圈时,分享的图片一般是网站的截图或者是首张图片,而分享的标题一般是网页title 3.当微网站图片很大或者需要加载耗费流量很大时,怎么提醒用户注意自己的网络状态呢? 就这最简单的两个问题,然后百度了一下,看了些研究过这个的牛们的博客,知道怎么搞了为什么会有下面的toolbar,为什么会有那么个讨厌的底部栏?而且这个不…

2017年05月10日记一次微项目投产 | 安卓版微信内置浏览器不能解析gzip压缩过的mp4视频的问题

前言今天投产了一个小项目,一个很简单的H5,有播放视频功能,使用了videojs插件. 之前也做过数个视频播放,视频的转压都按照既定流程进行,文件放到FTP后,iphone和安卓机测试下来都没有问题. 于是给链接,业务组直接在微信公众号里投放了.那个企业号有不少关注的人,推送发出去1分钟就有近千阅读量. 但是我在点击链接后,发现项目打不开了,而且该企业官网的主站也挂了,在经过pc端和手机4G下测试发现问题依然存在后,赶紧报bug给其他同事. 通过询问FTP管理员得知,那个“大”企业的网站带宽只…

解决安卓微信浏览器中location.reload 或者 location.href失效的问题

在移动wap中,经常会使用window.location.href去跳转页面,这个方法在绝大多数浏览器中都不会存在问题,但早上测试的同学会提出了一个bug:在安卓手机的微信自带浏览器中,这个是失效的,并没有跳转: 原来的代码: window.location.reload(location.href); 初步判断可能是缓存的问题,首先想到的解决办法就是在要跳转的url后面加个时间戳,告知浏览器这是一个新的请求: window.location.reload(location.href+'?ti…

安卓微信浏览器中location.href失效的问题

在移动web中,经常会使用window.location.href去跳转页面,这个方法在绝大多数浏览器中都不会存在问题,但是在安卓手机的微信自带浏览器中,会出现一个奇怪的bug. window.location.href = baseUrl + 'article/comment'; 暂时还没找到具体的原因,但是当时遇到问题时,感觉是缓存在捣乱,所以尝试着给跳转链接后面加了一个随机数或者上面的代码是通过href属性赋值去跳转到文章的评论页面,这段代码在安卓手机的微信自带浏览器中会偶发性的失效,调用…

大事记 - 安卓微信浏览器 video 标签层级过高

// 为什么叫<大事记>? // 以前总有面试官问这样一个问题:“你在项目中遇到过最头疼的问题是什么,是怎么解决的?” // 当时总觉得,已解决的问题都算不上头疼,所以回答总是不尽人意. // 最近遇到微信端的这个问题,非常让人头疼,正好有小伙伴和我聊到面试经验,灵机一动,<大事记>由此而生问题描述: 在安卓系统的微信浏览器里面,<video> 标签触发了 play() 事件,即开始播放之后 <video> 标签的层级会变成 MAX 级别,无论如何设置 z…

【安卓、safari和微信各个浏览器的设计标准】的更多相关文章