苹果跟安卓的微信 UI 为什么不一样

2024-10-19

通过微信Android和iOS版，看两大系统的差异

由于设计师或者产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照自己的使用习惯进行设计,导致大部分设计师或产品经理做出的设计都是基于iOS规范或习惯.而安卓则照搬iOS.这对于安卓开发而言是个灾难,很多组件本可以直接调用系统,由于按照iOS的设计,则需要开发自己写,研发成本变得很高. 如果设计师或者产品经理有的异常场景状态没有想到,导致安卓开发没有组件调用,为了省事就直接调用安卓自带组件,导致整个产品在视觉风格上面既有产品风格的组件又有安卓系统

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

一个二维码,扫描进入网页,自动识别下载苹果和安卓客户端,判断网页如下,(只有苹果的微信不能自动跳转)所以加个微信判断. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>移动终端浏览器版本信息</title> </head> <body> <script type="text/javascript"

二维码合成，将苹果和安卓（ios和android）合成一个二维码，让用户扫描一个二维码就可以分别下载苹果和安卓的应用

因为公司推广的原因,没有合适的将苹果和安卓(ios和android)合成一个二维码的工具. 因为这个不难,主要是根据浏览器的UA进行判断,所以就自己开发了一个网站网站名称叫:好推二维码 https://hotapp.cn,可以苹果和安卓(ios和android)合成一个二维码,方便在外面推广. 以前叫二逼二维码,考虑到二逼二维码名字不太好听,就修改为二百二维码了. 同时,因为微信不能直接下载应用,所以如果是微信扫描二维码,需要有个中间页面,提醒用户在浏览器中打开就可以下载了.

判断是苹果还是安卓app联调

//app苹果联调 function iosReload(){ //window.webkit.messageHandlers.signUpSuccess.postMessage(null); } //app安卓联调 function anReload(){ //signUpSuccess.signUpSuccess(); } //判断是苹果还是安卓 var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(u

[转] Android进阶——安卓接入微信，获取OpenID

PS: sendAuthRequest拿到code,通过code拿到access_token和openId,access_token可以拿到用户的信息 http://blog.csdn.net/haovip123/article/details/50503176 需求:接入微信支付,需要获取 OpenID. 安卓接入微信指南:https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&

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

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

微信小程序初探【类微信UI聊天简单实现】

微信小程序最近很火,火到什么程度,只要你一打开微信,就是它的身影,几乎你用的各个APP都可以在微信中找到它的复制版,另外官方自带的跳一跳更是将它推到了空前至高的位置.对比公众号,就我的感觉来说,有以下区别: 公众号略显繁琐:我首先要关注才能看到内容,而小程序不用(个人对微信公众号研究不深,不对之处还望见谅) 小程序性能要好一些:虽然我不是很清楚小程序用什么实现,就体验来说确实更接近原生一点:但是微信公众号是用网页的形式来展示内容的,其中的兼容性和性能问题不用我说,各位luer就已经清楚了吧小程

在Unity3D项目中接入ShareSDK实现安卓平台微信分享功能（可使用ShareSDK默认UI或自定义UI）

最近公司的大厅要重做,我协助主程一起制作新大厅和新框架,前面制作的编辑器也派上了用场.等全部功能做完后我会再写一个复盘,这两天主程在忙于写热更新的功能,所以把接入分享SDK功能的任务交给了我,ShareSDK官网的文档比较分散,而且关于Unity的文档比较简略,所以还是有不少的坑.写篇博客分享一下,并加强理解记忆. 第一步,先去ShareSDK的官网下载最新版本的ShareSDK(完全免费).地址:http://www.mob.com/ 我们选择ShareSDK For Unity3D,页面会直

js 设备判断（移动端pc端安卓ios 微信）

苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { alert("安卓

[Cocos Creator]安卓上微信小游戏加载到100%就进不去了

最近用Cocos Creator 开发微信小游戏,构建发布到微信上,用安卓手机预览打开后加载到100%就不动了,开始以为微信开发工具版本的问题,后来用苹果的手机测试了一下,发现也有同样的问题. 仔细分析了下问题: 由于本游戏项目资源大,超出了微信小游戏的打包的要求4M,所以把资源都放到了远程服务器,另外我的服务器还没有加到微信小游戏平台的可信任服务器中,这就要求微信端需要开启调试模式来预览.下图是开启调试模式的入口,开发的小伙伴一般都知道. 但是发现苹果手机的用户可以随时打开调试模式,而安卓的点

小知识安卓线程和ui

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD

部分安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme

安卓开发：一种快速提取安卓app的UI图标资源的方法

在做安卓设计时,找美工设计界面的漂亮图标是必不可少的,但是对于一个初创团队来说,请一个UI的成本其实也挺高的,此时对于一个偏技术的产品经理来说,从其他成熟的产品的apk中提取图标就是一个很便捷的方法,提取的方法也很简单: 1)到应用市场上下载apk,比如华为应用市场:http://app.hicloud.com/ 2)用解压工具解压: 3)然后到asset文件夹或者res文件夹内找对应的图标资源即可,比如下面就是某应用的res文件夹的图标资源,基本上常用的图标都有了. 来自为知笔记(Wiz

安卓版微信内置浏览器，<a href="tel:电话号码"></a> 这个链接失效，不能跳到拨号界面？

https://segmentfault.com/q/1010000000318831 在URL最后面加“ #mp.weixin.qq.com ”,应该加其他qq.com的二级域名都行,估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的. 在URL最后面加“ #mp.weixin.qq.com ”. 例如公司简介的页面是:http://app.xxxxx.com/about.html#mp.weixin.qq.com ,那么这个页面里面的 tel:都能正常跳到拨号界面了.

android高仿微信UI点击头像显示大图片效果

用过微信的朋友朋友都见过微信中点击对方头像显示会加载大图,先贴两张图片说明下: 这种UI效果对用户的体验不错,今天突然有了灵感,试着去实现,结果就出来了.. 下面说说我的思路: 1.点击图片时跳转到另一个activity,然后显示加载的效果,即progressbar 2.显示图片的之前先弹出自定义dialog,然后模拟加载一段时间后,显示整张大图片,要全屏显示,并且有类似微信中左上角滑出的动画效果下面说说我的实现过程: 1.新建一个布局文件main.xml,其中只是放一个图片,布局其中的an

将H5页面的应用打包成APP(苹果和安卓版本)

今天在清理手机上的应用时看到了“联名会员”这个“app”,我感觉只是个H5页面,不是一个原生的APP,但看起来和原生APP一模一样,心想,如果以后我开发了H5应用是不是可以把它搞成APP形式供别人下载,这样可以不用花两笔钱去开发(Android和ios分别开发),于是,心血来潮就在网上搜了,结果搜到了一门APP(http://app.applebyme.cn/),没有看其他的工具,就点进去了,发现还挺好用的,先注册一个用户账户,然后输入APP名称,上传APP的图标,H5地址等信息,就可以生成二维

安卓版微信自带浏览器和IE6浏览器ajax请求abort错误处理

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46419567 给页面元素绑定了一个click事件用来触发ajax请求.在安卓微信自带浏览器中和IE6下.请求时常会被中断,返回错误类型"abort",在其它浏览器中都一切正常. 在IE6中使用Fiddler2和httpWatch监视请求.常常会出现"aborted",折腾特么一个晚上..... . 不说废话了.... 解决的方法:在标签上加上oncl

网页背景H5视频自动播放---PC端、移动端兼容问题完美解决方案（IOS、安卓、微信端）

最近公司官网需要使用视频当做banner背景且自动播放,并且因为是官网需要做到PC端和移动端都可以适配兼容,这些问题很是头疼: 兵来将挡,水来土掩,进过查阅相关技术资料,现已完美兼容PC端和移动端.下面就为大家详细讲解: PC端: PC端相应简单些,浏览器对<video>标签的兼容还是很好的,但是想要在浏览器中当做Banner视频自动播放就必须设置这些属性来更好地实现: <video // 设置后,音频会初始化为静音,注意浏览器只有设置静音,才能自动播放 muted // 视频会马上自动

安卓的一些UI美化框架的使用

目录一.前言二.Android-Bootstrap 三.Sweet Alert Dialog 四.ExplosionField 一.前言在这里记录一些用到过的觉得还算不错的UI第三方开源美化框架,持续更新二.Android-Bootstrap Web前端中众所周知的Bootstrap的安卓版 GitHub地址 https://github.com/Bearded-Hen/Android-Bootstrap 使用方法看GitHub 三.Sweet Alert Dialog 弹窗的美化 G

判断苹果和安卓端或者wp端

window.onload = function() { var u = navigator.userAgent; if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机 //执行安卓的 //alert("azsj"); // window.location.href = "mobile/index.html"; } else if(u.indexOf('iPhone') >

js判断苹果和安卓端或者wp端

最近做了一个H5,说要提供一个底部,可以区分安卓或者ios,到相应的网址进行下载APP,如图: 代码如下: window.onload = function () { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 //执行安卓的 //alert("azsj"); // window.location.href = "m

苹果跟安卓的微信 UI 为什么不一样

热门专题