html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。 点击查看：官方文档 点击查看：线上demo ...

前言：前端页面的布局（各元素的间距），一般会有PSD文件，有精确的px单位，而px与rem要如何转换才能高度还原设计图呢 一般情况下，设计稿的宽高为： 750*1334px，而大部分流行手机的屏幕尺寸为： 375*667px，正好是一倍的关系。 手机浏览器的根 ...

最近工作任务主要是移动端内嵌H5页面，一次与原生进行像素交互下，发现了这个天坑，再次做个记录📝 天坑如下： 　　H5页面中的“像素”与移动端设备的“像素”系统不一致，对于刚接触这块的我，曾经几时在还没有遇到过这样的情况下，去看相关的文章一点体会也没有，这次碰上了，然后又重新 ...

0x01 需要的工具 手机/模拟器（root权限） google chrome浏览器 xposed xposed插件：WebViewDebugHook（ https: ...

...

　最近刚做完一个移动端的项目，产品之无敌，过程之艰辛，我就不多说了，记录下在这个项目中遇到的问题，以防万一，虽然这些可能都是已经被N多前辈解决掉了的问题，也放在这里，算是为自己漫漫前端路铺了一颗小石子儿吧，也在文末留下自己未能解决的疑问，希望看到的朋友能解惑。 　　都知道做移动端的开发 ...

移动端H5页面惯性滑动监听 　　在移动端，当你快速滑动有滚动条的页面时，在你手指离开屏幕时，滚动并不会立即停止，而是会随着“惯性”继续滑动一段距离。 　　在做项目的过程中，需要监听惯性滑动整个过程。在网上并没有找到相应的监听事件，于是就自己写了一个监听方法。 　　惯性滚动开始时调用的方法 ...

最简单的适配方案 7.5 为 设计图的宽度除以100； H5端自适应框架 使用方便，设计图的1px对应0.01rem,设计图的字体大小24px对应0.24rem,就是如此简单！ 详情参考 H5自适应方案 使用方法： <script ...