PhotoSwipe部分安卓手机长按图片不弹出菜单问题
发布时间：2019/1/2 17:15:45 阅读(7285)条评论(0)条
在使用PhotoSwipe时，在IOS设备上图片放大能够弹出微信的保存图片的菜单，而安卓上却没有微信的保存图片的菜单。PhotoSwipe部分安卓手机长按图片不弹出菜单问题 特此记录一下 在photoswipe.js里找到如下代码_onDragStart = function(e)然后定位到内部的if (_preventDefaultEventBehaviour(e, true))找到如上代码位置编辑成如下保存即可if (_preventDefaultEventBehaviour(e, true)) { var isAndroid = /android/gi.test(navigator.userAgent); isAndroid || e.preventDefault();}
未完，继续阅读→关键字：
PhotoSwipe 微信 安卓 解决ios手机页面overflow scroll滑动很卡的问题
发布时间：2017/2/23 15:24:00 阅读(11000)条评论(0)条
今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时，DIV容器里面下滑动没有像普通页面一样顺畅，手滑到哪就停到哪。感觉很卡一样，而安卓效果正常，算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用，也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层，body无滚动条，但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮到你！
未完，继续阅读→关键字：
bug ios 定位 web app 手机端加载资源特效代码及完整实例
发布时间：2016/3/11 15:54:03 阅读(5999)条评论(0)条
在做h5移动页面，相信大家一定碰到过页面已经打开，但是里面的图片还未加载出来的情况，这种问题虽然不影响页面的功能，但是不利于用户体验。抛开网速的 原因，解决这个问题有多方面的思路：最基本的，要从http请求合并，缓存管理，图片压缩等方面做性能优化；另外就是可以对页面里用到的所有图片做预加载 的处理，当用户打开页面的时候不立即显示第一屏，而是先显示资源加载效果，等到加载完毕，再来显示页面的主内容，这样就能解决那个问题。虽然这种加载效果 占用了用户的浏览时间，但是我们可以把它做的好看有趣一点，所以也不会影响...
未完，继续阅读→关键字：
手机 特效 加载 如何解决 手机版 uc 浏览器不能 复制内容的bug
发布时间：2015/10/13 17:24:31 阅读(32206)条评论(0)条
做手机版网页的时候发现使用UC浏览器的时候不能手动复制内容的Bug 一直找也找不到问题。然后就自己从页面找问题发现页面有使用<meta name="browsermode" content="application"/>时UC 浏览器不能复制网页中的内容。所以在这里记录下来。希望能帮助到那些碰到过一样问题的朋友提个醒。顺便在这里贴一个我使用的手机默认设置<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport"/><meta name=&qu...
未完，继续阅读→关键字：
网页 浏览器 复制 web app模拟checkbox与radio实例代码下载
发布时间：2015/9/23 17:27:19 阅读(7734)条评论(0)条
一、开篇现在经常可以在网络上看到一些非常奇特的表单元素，例如Checkbox复选框和Radiobox单选框，而且更让 人蛋疼的是各个浏览器的样式还不统一，今天做了一个用标签模拟checkbox与radio的实例，主要是是近做手机 web App时发现默认的样式很不好看。所以突然就做了下，先来看看 预览图： 二、主要思路模拟的作用是为了给用户更好的体验效果，在代码中使用的时候隐藏真实checkbox或radio按钮。然后用相关标签做效果并且结合JS实现真实的input与效果的值是统一的。如下源代码：<span class="label"><em cla...
未完，继续阅读→关键字：
手机 模拟 radio checkbox jq滚动到底部自动加载数据实例
发布时间：2015/8/15 20:57:50 阅读(20350)条评论(3)条
一、功能描述：滚动下拉到页面底部加载数据是很多瀑布流网站的做法，本实例是固定数据，小菜总结记录之用，高手勿喷。首先要先判断页面怎么样才是滚动到底部，也就是scrollTop+window的height是否大于document的 height，jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了自动判断是否已经具备滚动事件的条件，如果高度不足自动补充下一页，直接满足滚动事件能...
未完，继续阅读→关键字：
jq 手机 滚动 加载 手机网站使用iscroll插件链接无法点击解决方案
发布时间：2015/5/29 15:12:29 阅读(8235)条评论(0)条
在网上下载iscroll之后，运行测试到第二个demo 时，在火狐上面运行非常好，但是当我用手机测试的时候，我发 现，div中链接无法点击，此在网上也找不到相对应的解决方案，于是再检查看看其他的例子是不是也不能点击的时候，click例子在眼前一亮，click 案例里面的链接是可以点击的，于是乎，我对比了两个例子的调用插件js，果然是js的原因myScroll = new IScroll('#wrapper'); click jsmyScroll = new IScroll('#wrapper', { mouseWheel: true, click: true }); 发现在js里面有click:true，我想，问题我找...
未完，继续阅读→关键字：
插件 iscroll 点击 手机版 js图片浏览插件(附源代码下载)
发布时间：2015/5/20 20:33:39 阅读(13585)条评论(0)条
在新的手机项目中有要求对多张图片进行浏览，所以本人也是在网上找了很多都没有找到合适的代码，后来在某网站上找了一个改成了自己的比较好用，而且没有某网站那样调用JSON，这样感觉就通用，而且很方便，可以对多个区域进行调用即。底部附源代码下载一、效果图下图所示：放大浏览图内容 主要div 源代码如下：<!-- 放大浏览图开始 --><div class="m-dt" id="Jslider"> <div class="swipe-wrap" id="Jslider-wrap"> <div class="swipe-con"><...
未完，继续阅读→关键字：
js 手机 插件 图片 下载 手机版浏览器禁止滚动条与释放实例
发布时间：2015/5/4 16:58:29 阅读(18523)条评论(0)条
写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。恢复这个拖动事件只要$(“body”).unbind(“touchmove”);为此我专门做了一个HTML特效希望大家喜欢。效果图如下： 源代码如下：<!DOCTYPE HTML><html&...
未完，继续阅读→关键字：
html5 手机 滚动条 浏览器 解决如何去掉手机版HTML页面滚动条
发布时间：2015/5/2 20:14:06 阅读(49189)条评论(0)条
经过测试，默认的HTML5页面在手机浏览器测试中发现 横向，纵向滚动条都有，尽管页面没有内容也是照常出现。开始不知道什么原因，原来是没有加一句手机的META代码。<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放不知道你是否...
未完，继续阅读→关键字：
触屏 手机 滚动条 html5 手机的 HTML5 Audio 播放问题记录
发布时间：2014/6/19 10:19:40 阅读(18766)条评论(3)条
最近的项目里面调试手机用的音乐播放网站，发现智能手机浏览器的HTML5 Audio播放真是各种别别窍啊，就在这里记录下下吧。所用手机：在日本发卖的大多数智能手机，包括iPhone3GS、iPhone4、iPhone4S、iPhone5（iOS5和6），Android2.3、4.0、4.1、4.2的各种手机。实现的功能：单首歌播放和停止，多首歌连续播放，歌曲都是MP4原有实现流程：1，为了处理共通化和隔离，不在网页里面直接写<audio>，而是写<a>并且用javascript在上面挂onclick事件处理，播放的时候new出audio对象来使用。2，audio对象的属性：audio.preload="au...
未完，继续阅读→关键字：
Android ios audio html5 如何在电脑上测试手机网站（全）
发布时间：2014/2/24 10:21:39 阅读(7736)条评论(0)条
最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多， 最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多讨厌，没办法，没有手机只能用电脑模拟了，相办法代替，查了很多资料，尝试了 大部分方法，下面将这一天的努力总结下分享给大家，也让大家免去看那么多文章，以下介绍的方法，都是本人亲自测试成功的方法，测试环境winxp。Chrome*chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。1.新建Chrome快捷方式右...
未完，继续阅读→关键字：
手机 测试 网站