H5图片保存，一般是长按保存，所以，首先要实现一个长按功能。 移动端使用touchstart和touchend来做长按功能，prevent阻止浏览器默认行为，浏览器很多事件有默认行为，不阻止默认行为的话，浏览器会执行它的默认行为，我们用 JavaScript 处理一个事件，通常…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

如果你还是第一次与app合作开发webview的页面，那么对于如何调试，可能有哪些问题可能是不够了解的。本文尝试性的根据自己的经验给大家一个入门级别的了解，如果是大佬级别的，可以绕路了。 为了更好的在app中调试开发我们的移动页面（h5），我们需要与app开发人员约定一些基本的…

2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)…

移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏，3倍屏之分，作为精益求精的前端，我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案，本文主要介绍了rem布局的原理和通用方案 首先说一下，我们想要达到的自适应效果…

通过 universal link、URL Scheme、a 标签、iframe 几种方式找出最适合这个浏览器的唤起方式。 如果下载了 App，就会走打开逻辑，如果没有下载则走下载逻辑。 我们可以来体验一下，左边的是通用链接 universal link方式，右边是 URL S…

本文首次发表于本人的个人博客：http://cherryblog.site/ ，欢迎大家到我的博客查看更多文章~ 前言 在开发中前端免不了要进行移动端的开发，然而在电脑上看的样式和手机上还是有一定的差距的，因为手机上有顶部的状态栏和底部的菜单栏，特别是在qq内置浏览器中打开，差…