0102PhotoSwipe部分安卓手机长按图片不弹出菜单问题阅读(6797)条2019/1/2 17:15:45

在使用PhotoSwipe时，在IOS设备上图片放大能够弹出微信的保存图片的菜单，而安卓上却没有微信的保存图片的菜单。PhotoSwipe部分安卓手机长按图片不弹出菜单问题 特此记录一下 在photoswipe.js里找到如下代码_onDragStart = function(e)然后定位到内部的if (_preventDefaultEventBehaviour(e, true))找到如上代码位置编辑成如下保存即可if (_preventDefaultEventBehaviour(e, true)) { var isAndroid = /android/gi.test(navi...阅读全文

Taget：PhotoSwipe 微信 安卓 

0223解决ios手机页面overflow scroll滑动很卡的问题阅读(10614)条2017/2/23 15:24:00

今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时，DIV容器里面下滑动没有像普通页面一样顺畅，手滑到哪就停到哪。感觉很卡一样，而安卓效果正常，算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用，也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层，body无滚动条，但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮...阅读全文

Taget：bug ios 定位 web app 

0311手机端加载资源特效代码及完整实例阅读(5647)条2016/3/11 15:54:03

在做h5移动页面，相信大家一定碰到过页面已经打开，但是里面的图片还未加载出来的情况，这种问题虽然不影响页面的功能，但是不利于用户体验。抛开网速的 原因，解决这个问题有多方面的思路：最基本的，要从http请求合并，缓存管理，图片压缩等方面做性能优化；另外就是可以对页面里用到的所有图片做预加载 的处理，当用户打开页面的时候不立即显示第一屏，而是先显示资源加载效果，等到加载完毕，再来显示页面的主内容，这样就能解决那个问题。虽然这...阅读全文

Taget：手机 特效 加载 

1013如何解决 手机版 uc 浏览器不能 复制内容的bug阅读(29929)条2015/10/13 17:24:31

做手机版网页的时候发现使用UC浏览器的时候不能手动复制内容的Bug 一直找也找不到问题。然后就自己从页面找问题发现页面有使用<meta name="browsermode" content="application"/>时UC 浏览器不能复制网页中的内容。所以在这里记录下来。希望能帮助到那些碰到过一样问题的朋友提个醒。顺便在这里贴一个我使用的手机默认设置<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,u...阅读全文

Taget：网页 浏览器 复制 

0923web app模拟checkbox与radio实例代码下载阅读(7419)条2015/9/23 17:27:19

一、开篇现在经常可以在网络上看到一些非常奇特的表单元素，例如Checkbox复选框和Radiobox单选框，而且更让 人蛋疼的是各个浏览器的样式还不统一，今天做了一个用标签模拟checkbox与radio的实例，主要是是近做手机 web App时发现默认的样式很不好看。所以突然就做了下，先来看看 预览图： 二、主要思路模拟的作用是为了给用户更好的体验效果，在代码中使用的时候隐藏真实checkbox或radio按钮。然后用相关标签做效果并且结合JS实现真实的i...阅读全文

Taget：手机 模拟 radio checkbox 

0815jq滚动到底部自动加载数据实例阅读(19942)条2015/8/15 20:57:50

一、功能描述：滚动下拉到页面底部加载数据是很多瀑布流网站的做法，本实例是固定数据，小菜总结记录之用，高手勿喷。首先要先判断页面怎么样才是滚动到底部，也就是scrollTop+window的height是否大于document的 height，jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

Taget：jq 手机 滚动 加载 

0529手机网站使用iscroll插件链接无法点击解决方案阅读(7821)条2015/5/29 15:12:29

在网上下载iscroll之后，运行测试到第二个demo 时，在火狐上面运行非常好，但是当我用手机测试的时候，我发 现，div中链接无法点击，此在网上也找不到相对应的解决方案，于是再检查看看其他的例子是不是也不能点击的时候，click例子在眼前一亮，click 案例里面的链接是可以点击的，于是乎，我对比了两个例子的调用插件js，果然是js的原因myScroll = new IScroll('#wrapper'); click jsmyScroll = new IScroll('#wrapper',...阅读全文

Taget：插件 iscroll 点击 

0520手机版 js图片浏览插件(附源代码下载)阅读(12975)条2015/5/20 20:33:39

在新的手机项目中有要求对多张图片进行浏览，所以本人也是在网上找了很多都没有找到合适的代码，后来在某网站上找了一个改成了自己的比较好用，而且没有某网站那样调用JSON，这样感觉就通用，而且很方便，可以对多个区域进行调用即。底部附源代码下载一、效果图下图所示：放大浏览图内容 主要div 源代码如下：<!-- 放大浏览图开始 --><div class="m-dt" id="Jslider"> <div class="swipe-wrap"...阅读全文

Taget：js 手机 插件 图片 下载 

0504手机版浏览器禁止滚动条与释放实例阅读(18011)条2015/5/4 16:58:29

写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。恢复这个拖动事件只要$(“body”).unbind(“touchmove”);为此我专门做了一个HTML特效希望大家喜...阅读全文

Taget：html5 手机 滚动条 浏览器 

0502解决如何去掉手机版HTML页面滚动条阅读(48731)条2015/5/2 20:14:06

经过测试，默认的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...阅读全文

Taget：触屏 手机 滚动条 html5 

0619手机的 HTML5 Audio 播放问题记录阅读(18326)条2014/6/19 10:19:40

最近的项目里面调试手机用的音乐播放网站，发现智能手机浏览器的HTML5 Audio播放真是各种别别窍啊，就在这里记录下下吧。所用手机：在日本发卖的大多数智能手机，包括iPhone3GS、iPhone4、iPhone4S、iPhone5（iOS5和6），Android2.3、4.0、4.1、4.2的各种手机。实现的功能：单首歌播放和停止，多首歌连续播放，歌曲都是MP4原有实现流程：1，为了处理共通化和隔离，不在网页里面直接写<audio>，而是写<a>并且用javascript在上面挂onclick...阅读全文

Taget：Android ios audio html5 

0224如何在电脑上测试手机网站（全）阅读(7414)条2014/2/24 10:21:39

最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真不多， 最悲剧的事情就是我的手机是个经典的诺基亚，而且公司还不给配手机，这是有多讨厌，没办法，没有手机只能用电脑模拟了，相办法代替，查了很多资料，尝试了 大部分方法，下面将这一天的努力总结下分享给大家，也让大家免去看那么多文章，以下介绍的方法，都是本人亲自测试成功的方法，测试环境winxp。Chrome*chrome模拟手机总共有四种方法，原理都一样，通过伪装...阅读全文

Taget：手机 测试 网站